@contractspec/bundle.marketing 2.0.0 → 2.1.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@contractspec/bundle.marketing",
-  "version": "2.0.0",
+  "version": "2.1.1",
   "type": "module",
   "scripts": {
     "clean": "rm -rf dist",
@@ -178,12 +178,12 @@
       "browser": "./dist/browser/components/marketing/sections/StepsSection.js",
       "default": "./dist/components/marketing/sections/StepsSection.js"
     },
-    "./components/marketing/waitlist-section": {
-      "types": "./dist/components/marketing/waitlist-section.d.ts",
-      "bun": "./dist/components/marketing/waitlist-section.js",
-      "node": "./dist/node/components/marketing/waitlist-section.js",
-      "browser": "./dist/browser/components/marketing/waitlist-section.js",
-      "default": "./dist/components/marketing/waitlist-section.js"
+    "./components/marketing/studio-signup-section": {
+      "types": "./dist/components/marketing/studio-signup-section.d.ts",
+      "bun": "./dist/components/marketing/studio-signup-section.js",
+      "node": "./dist/node/components/marketing/studio-signup-section.js",
+      "browser": "./dist/browser/components/marketing/studio-signup-section.js",
+      "default": "./dist/components/marketing/studio-signup-section.js"
     },
     "./components/templates": {
       "types": "./dist/components/templates/index.d.ts",
@@ -342,28 +342,28 @@
   },
   "types": "./dist/index.d.ts",
   "dependencies": {
-    "@contractspec/bundle.library": "2.0.0",
-    "@contractspec/example.agent-console": "2.0.0",
-    "@contractspec/example.analytics-dashboard": "2.0.0",
-    "@contractspec/example.crm-pipeline": "2.0.0",
-    "@contractspec/example.integration-hub": "2.0.0",
-    "@contractspec/example.marketplace": "2.0.0",
-    "@contractspec/example.saas-boilerplate": "2.0.0",
-    "@contractspec/example.workflow-system": "2.0.0",
-    "@contractspec/lib.contracts-spec": "2.0.0",
-    "@contractspec/lib.contracts-runtime-client-react": "2.0.0",
-    "@contractspec/lib.design-system": "2.0.0",
-    "@contractspec/lib.email": "2.0.0",
-    "@contractspec/lib.example-shared-ui": "2.0.0",
-    "@contractspec/lib.logger": "2.0.0",
-    "@contractspec/lib.runtime-sandbox": "1.0.0",
-    "@contractspec/lib.ui-kit-core": "2.0.0",
-    "@contractspec/lib.ui-kit-web": "2.0.0",
-    "@contractspec/lib.ui-link": "2.0.0",
-    "@contractspec/module.examples": "2.0.0",
+    "@contractspec/bundle.library": "2.1.1",
+    "@contractspec/example.agent-console": "2.1.1",
+    "@contractspec/example.analytics-dashboard": "2.1.1",
+    "@contractspec/example.crm-pipeline": "2.1.1",
+    "@contractspec/example.integration-hub": "2.1.1",
+    "@contractspec/example.marketplace": "2.1.1",
+    "@contractspec/example.saas-boilerplate": "2.1.1",
+    "@contractspec/example.workflow-system": "2.1.1",
+    "@contractspec/lib.contracts-spec": "2.1.1",
+    "@contractspec/lib.contracts-runtime-client-react": "2.1.1",
+    "@contractspec/lib.design-system": "2.1.1",
+    "@contractspec/lib.email": "2.1.0",
+    "@contractspec/lib.example-shared-ui": "2.1.1",
+    "@contractspec/lib.logger": "2.1.0",
+    "@contractspec/lib.runtime-sandbox": "1.1.0",
+    "@contractspec/lib.ui-kit-core": "2.1.0",
+    "@contractspec/lib.ui-kit-web": "2.1.0",
+    "@contractspec/lib.ui-link": "2.1.0",
+    "@contractspec/module.examples": "2.1.1",
     "@electric-sql/pglite": "^0.3.14",
     "@hookform/resolvers": "^5.2.2",
-    "@scaleway/sdk": "^3.1.5",
+    "@scaleway/sdk": "^3.2.0",
     "@scaleway/sdk-client": "^2.1.0",
     "class-variance-authority": "^0.7.1",
     "framer-motion": "^12.34.0",
@@ -375,9 +375,9 @@
   },
   "devDependencies": {
     "@types/react": "~19.2.14",
-    "@contractspec/tool.typescript": "2.0.0",
+    "@contractspec/tool.typescript": "2.1.0",
     "typescript": "^5.9.3",
-    "@contractspec/tool.bun": "2.0.0"
+    "@contractspec/tool.bun": "2.1.0"
   },
   "publishConfig": {
     "access": "public",
@@ -544,12 +544,12 @@
         "browser": "./dist/browser/components/marketing/sections/StepsSection.js",
         "default": "./dist/components/marketing/sections/StepsSection.js"
       },
-      "./components/marketing/waitlist-section": {
-        "types": "./dist/components/marketing/waitlist-section.d.ts",
-        "bun": "./dist/components/marketing/waitlist-section.js",
-        "node": "./dist/node/components/marketing/waitlist-section.js",
-        "browser": "./dist/browser/components/marketing/waitlist-section.js",
-        "default": "./dist/components/marketing/waitlist-section.js"
+      "./components/marketing/studio-signup-section": {
+        "types": "./dist/components/marketing/studio-signup-section.d.ts",
+        "bun": "./dist/components/marketing/studio-signup-section.js",
+        "node": "./dist/node/components/marketing/studio-signup-section.js",
+        "browser": "./dist/browser/components/marketing/studio-signup-section.js",
+        "default": "./dist/components/marketing/studio-signup-section.js"
       },
       "./components/templates": {
         "types": "./dist/components/templates/index.d.ts",

package/src/components/marketing/CofounderPage.tsx

@@ -77,7 +77,7 @@ function WhatExistsSection() {
   ];
 
   const planned = [
-    'Visual studio for specs',
+    'ContractSpec Studio product-decision engine',
     'Auto-evolution engine',
     'Multi-tenant SaaS',
     'Integration marketplace',
@@ -128,7 +128,7 @@ function RoleSection() {
   const productDeliverables = [
     'Ship UI/UX improvements weekly',
     'Define specs based on user research',
-    'Own the studio experience',
+    'Own the Studio product experience',
     'Collaborate on architecture decisions',
   ];
 

package/src/components/marketing/ContactClient.tsx

@@ -12,7 +12,7 @@ import type { SubmitContactFormResult } from '../../libs/email/types'; // Assumi
 // Wait check imports again. submitContactForm is imported from @contractspec/bundle.marketing.
 // In bundle.marketing, it is likely in 'src/actions' or 'src/utils'.
 // I need to check where submitContactForm is defined in bundle.marketing.
-import { WaitlistSection } from './waitlist-section';
+import { StudioSignupSection } from './studio-signup-section';
 import {
   ActionForm,
   Button,
@@ -63,8 +63,8 @@ export function ContactClient() {
           </Muted>
         </VStack>
 
-        {/* Waitlist Registration Section */}
-        <WaitlistSection context="contact" />
+        {/* Studio Signup Section */}
+        <StudioSignupSection />
 
         {/* Book a Call Section */}
         <VStack className="card-subtle gap-6 p-8" id="call">

package/src/components/marketing/DesignPartnerPage.tsx

@@ -48,12 +48,12 @@ export function DesignPartnerPage() {
               <h3 className="text-xl font-semibold">1. Access the Studio</h3>
               <p className="text-muted-foreground">
                 Your account has been enabled with Design Partner privileges.
-                Log in to the Studio to start exploring the latest features
-                before they're public.
+                Log in to ContractSpec Studio to run the full loop from evidence
+                to spec-first deliverables with your team.
               </p>
               <div className="pt-2">
                 <Button asChild variant="outline">
-                  <Link href="https://www.contractspec.studio">
+                  <Link href="https://app.contractspec.studio">
                     Launch Studio <ArrowRight className="ml-2 h-4 w-4" />
                   </Link>
                 </Button>

package/src/components/marketing/PricingClient.tsx

@@ -4,7 +4,7 @@ import { useState } from 'react';
 import Link from 'next/link';
 import { CheckCircle, ChevronDown, ChevronRight } from 'lucide-react';
 
-import { WaitlistSection } from './waitlist-section';
+import { StudioSignupSection } from './studio-signup-section';
 import { PricingThinkingModal } from './pricing-thinking-modal';
 
 interface FAQ {
@@ -14,19 +14,19 @@ interface FAQ {
 
 const faqs: FAQ[] = [
   {
-    question: 'Can I pay for ContractSpec today?',
+    question: 'Can I use ContractSpec Studio today?',
     answer:
-      "Not yet. We're pre-PMF and working closely with a small set of design partners. They get full access during early access and will be first to move onto paid plans once we're confident in the value and stability.",
+      'Yes. ContractSpec Studio is live at app.contractspec.studio. Start with the free tier and upgrade as paid plans roll out.',
   },
   {
     question: 'What will you charge for later?',
     answer:
-      'Our plan is to charge based on usage: regenerations, AI agent actions, and number of active projects. A generous free tier will stay available so smaller teams and experiments can thrive.',
+      'Pricing is evolving toward usage: regenerations, AI agent actions, and active projects. A generous free tier will remain so smaller teams and experiments can thrive.',
   },
   {
     question: 'What do I get as a design partner?',
     answer:
-      'Direct collaboration on features, priority onboarding, and a founding discount when paid plans launch. You also shape how ContractSpec works for teams like yours.',
+      'Direct collaboration on roadmap priorities, hands-on onboarding, and priority support. You also help shape Studio workflows before broad rollout.',
   },
   {
     question: 'Will you ever charge per seat?',
@@ -39,11 +39,12 @@ export function PricingClient() {
   const [openFaq, setOpenFaq] = useState<number | null>(null);
   const [pricingModalOpen, setPricingModalOpen] = useState(false);
 
-  const scrollToWaitlist = () => {
-    const waitlistElement = document.getElementById('waitlist');
-    if (waitlistElement) {
-      waitlistElement.scrollIntoView({ behavior: 'smooth', block: 'start' });
-    }
+  const openStudio = () => {
+    window.open(
+      'https://app.contractspec.studio',
+      '_blank',
+      'noopener,noreferrer'
+    );
   };
 
   return (
@@ -56,7 +57,8 @@ export function PricingClient() {
           </h1>
           <p className="text-muted-foreground mx-auto max-w-2xl text-lg">
             ContractSpec Core (the OSS compiler) is and always will be free.
-            ContractSpec Studio (the managed platform) is in early access.
+            ContractSpec Studio is live, with paid plans rolling out
+            progressively.
           </p>
           <div className="flex flex-col items-center justify-center gap-4 pt-4 sm:flex-row">
             <Link
@@ -65,12 +67,12 @@ export function PricingClient() {
             >
               Install OSS Core <ChevronRight size={16} />
             </Link>
-            <button
-              onClick={scrollToWaitlist}
+            <Link
+              href="https://app.contractspec.studio"
               className="btn-ghost inline-flex items-center gap-2"
             >
-              Join Studio waitlist
-            </button>
+              Try Studio Free
+            </Link>
           </div>
         </div>
       </section>
@@ -101,7 +103,7 @@ export function PricingClient() {
                     size={16}
                     className="mt-0.5 shrink-0 text-violet-400"
                   />
-                  Early access to ContractSpec Studio
+                  Priority access to new Studio capabilities
                 </li>
                 <li className="flex gap-2">
                   <CheckCircle
@@ -122,22 +124,22 @@ export function PricingClient() {
                     size={16}
                     className="mt-0.5 shrink-0 text-violet-400"
                   />
-                  Priority support during early access
+                  Priority support through direct channels
                 </li>
                 <li className="flex gap-2">
                   <CheckCircle
                     size={16}
                     className="mt-0.5 shrink-0 text-violet-400"
                   />
-                  Founding discount when paid plans launch
+                  Pricing input and partner incentives
                 </li>
               </ul>
-              <button
-                onClick={scrollToWaitlist}
+              <Link
+                href="/design-partner"
                 className="btn-primary w-full md:w-auto"
               >
-                Apply to the waitlist
-              </button>
+                Apply as a design partner
+              </Link>
             </div>
           </div>
         </div>
@@ -204,16 +206,14 @@ export function PricingClient() {
             {/* Design Partner (Current) */}
             <div className="card-subtle relative space-y-6 bg-violet-500/5 p-6 ring-2 ring-violet-500">
               <div className="absolute -top-3 left-1/2 -translate-x-1/2 rounded-full bg-violet-500 px-3 py-1 text-xs font-medium text-white">
-                Current
+                Live program
               </div>
               <div className="space-y-2">
                 <h2 className="text-2xl font-bold">Design Partner</h2>
                 <div className="space-y-1">
-                  <div className="text-2xl font-bold">
-                    Free during early access
-                  </div>
+                  <div className="text-2xl font-bold">Invite-based</div>
                   <p className="text-muted-foreground text-xs">
-                    Founding discount when paid plans launch
+                    Built for teams shaping the next Studio capabilities
                   </p>
                 </div>
               </div>
@@ -223,33 +223,34 @@ export function PricingClient() {
                     size={16}
                     className="mt-0.5 shrink-0 text-violet-400"
                   />
-                  Use ContractSpec Studio for real projects during early access
+                  Use ContractSpec Studio for real projects
                 </li>
                 <li className="text-muted-foreground flex gap-3 text-sm">
                   <CheckCircle
                     size={16}
                     className="mt-0.5 shrink-0 text-violet-400"
                   />
-                  Work directly with the founder on architecture & use cases
+                  Work directly with the team on architecture and workflow
+                  design
                 </li>
                 <li className="text-muted-foreground flex gap-3 text-sm">
                   <CheckCircle
                     size={16}
                     className="mt-0.5 shrink-0 text-violet-400"
                   />
-                  Reasonable "fair use" limits on regenerations and AI credits
+                  Access to partner-only previews and feedback loops
                 </li>
                 <li className="text-muted-foreground flex gap-3 text-sm">
                   <CheckCircle
                     size={16}
                     className="mt-0.5 shrink-0 text-violet-400"
                   />
-                  Priority support & feedback loops
+                  Priority support and roadmap influence
                 </li>
               </ul>
-              <button onClick={scrollToWaitlist} className="btn-primary w-full">
+              <Link href="/design-partner" className="btn-primary w-full">
                 Apply as a design partner
-              </button>
+              </Link>
             </div>
 
             {/* Builder (Coming Soon) */}
@@ -282,7 +283,7 @@ export function PricingClient() {
                 disabled
                 className="btn-ghost w-full cursor-not-allowed opacity-50"
               >
-                Available after public launch
+                Available after pricing rollout
               </button>
             </div>
 
@@ -346,7 +347,7 @@ export function PricingClient() {
         <div className="mx-auto max-w-4xl space-y-8">
           <div className="space-y-4 text-center">
             <h2 className="text-3xl font-bold">
-              How ContractSpec pricing will work
+              How ContractSpec pricing works now and next
             </h2>
             <p className="text-muted-foreground mx-auto max-w-2xl text-lg">
               We charge based on how much of your stack we help you maintain,
@@ -428,10 +429,10 @@ export function PricingClient() {
         </div>
       </section>
 
-      {/* Waitlist Section */}
+      {/* Studio Signup Section */}
       <section className="section-padding hero-gradient">
         <div className="mx-auto max-w-4xl">
-          <WaitlistSection />
+          <StudioSignupSection />
         </div>
       </section>
 
@@ -439,7 +440,7 @@ export function PricingClient() {
       <PricingThinkingModal
         open={pricingModalOpen}
         onOpenChange={setPricingModalOpen}
-        onApplyClick={scrollToWaitlist}
+        onApplyClick={openStudio}
       />
     </main>
   );

package/src/components/marketing/ProductClientPage.tsx

@@ -381,8 +381,8 @@ export const ProductClientPage = () => (
           >
             Install OSS Core <ChevronRight size={16} />
           </Link>
-          <Link href="/contact#waitlist" className="btn-ghost">
-            Join Studio Waitlist
+          <Link href="https://app.contractspec.studio" className="btn-ghost">
+            Try Studio
           </Link>
         </div>
       </div>

package/src/components/marketing/index.ts

@@ -6,5 +6,5 @@ export { ChangelogPage } from './ChangelogPage';
 export { CofounderPage } from './CofounderPage';
 export { ContributePage } from './ContributePage';
 export { DesignPartnerPage } from './DesignPartnerPage';
-export { WaitlistSection } from './waitlist-section';
+export { StudioSignupSection } from './studio-signup-section';
 export { PricingThinkingModal } from './pricing-thinking-modal';

package/src/components/marketing/pricing-thinking-modal.tsx

@@ -103,8 +103,8 @@ export function PricingThinkingModal({
         <DialogHeader>
           <DialogTitle>Tentative pricing (work in progress)</DialogTitle>
           <DialogDescription>
-            We're still in design-partner mode. This is a draft of how we expect
-            pricing to look once we open public access.
+            ContractSpec Studio is live. This is a draft of how paid plans are
+            expected to evolve as usage grows.
           </DialogDescription>
         </DialogHeader>
 
@@ -201,8 +201,8 @@ export function PricingThinkingModal({
               still in draft, subject to change based on what we learn.
             </p>
             <p className="text-muted-foreground text-xs">
-              Design partners get early access and a founding discount when paid
-              plans launch.
+              Design partners get priority onboarding and partner incentives as
+              paid plans launch.
             </p>
             {onApplyClick && (
               <Button
@@ -213,7 +213,7 @@ export function PricingThinkingModal({
                 className="w-full"
                 variant="outline"
               >
-                Apply as a design partner
+                Try Studio
               </Button>
             )}
           </div>

package/src/components/marketing/sections/CorePositioningSection.tsx

@@ -31,8 +31,8 @@ export function CorePositioningSection() {
           align="center"
           className="pt-2 sm:flex sm:flex-row sm:flex-wrap sm:items-center sm:justify-center"
         >
-          <ButtonLink href="/pricing#waitlist">
-            Join waitlist <ChevronRight size={16} />
+          <ButtonLink href="https://app.contractspec.studio">
+            Try Studio <ChevronRight size={16} />
           </ButtonLink>
           <ButtonLink variant="ghost" href="/contact">
             Book a call

package/src/components/marketing/sections/CtaSection.tsx

@@ -29,14 +29,14 @@ export function CtaSection() {
           className="pt-2 sm:flex sm:flex-row sm:flex-wrap sm:items-center sm:justify-center"
         >
           <ButtonLink
-            href="/pricing#waitlist"
+            href="https://app.contractspec.studio"
             onClick={() =>
               captureAnalyticsEvent(analyticsEventNames.CTA_STUDIO_CLICK, {
                 surface: 'cta-section',
               })
             }
           >
-            Join waitlist
+            Try Studio
           </ButtonLink>
           <ButtonLink
             variant="ghost"

package/src/components/marketing/sections/HeroMarketingSection.tsx

@@ -44,14 +44,14 @@ export function HeroMarketingSection() {
           </ButtonLink>
           <ButtonLink
             variant="ghost"
-            href="/contact#waitlist"
+            href="https://app.contractspec.studio"
             onClick={() =>
               captureAnalyticsEvent(analyticsEventNames.CTA_STUDIO_CLICK, {
                 surface: 'hero',
               })
             }
           >
-            Join Studio Waitlist
+            Try Studio
           </ButtonLink>
         </HStack>
 

package/src/components/marketing/studio-signup-section.tsx

@@ -0,0 +1,56 @@
+'use client';
+
+import Link from 'next/link';
+import { ArrowRight, Rocket } from 'lucide-react';
+import { Button } from '@contractspec/lib.design-system';
+
+interface StudioSignupSectionProps {
+  variant?: 'default' | 'compact';
+}
+
+const studioUrl = 'https://app.contractspec.studio';
+const studioDocsUrl = 'https://app.contractspec.studio/docs';
+
+export function StudioSignupSection({
+  variant = 'default',
+}: StudioSignupSectionProps) {
+  const isCompact = variant === 'compact';
+
+  return (
+    <div
+      id="studio-signup"
+      className={isCompact ? 'space-y-4' : 'card-subtle space-y-6 p-8'}
+    >
+      <div className="space-y-4">
+        <div className="inline-flex items-center gap-2 rounded-full border border-violet-500/20 bg-violet-500/10 px-3 py-1">
+          <Rocket size={14} className="text-violet-300" />
+          <span className="text-sm font-medium text-violet-300">
+            ContractSpec Studio
+          </span>
+        </div>
+        <h2 className={isCompact ? 'text-xl font-bold' : 'text-2xl font-bold'}>
+          Try ContractSpec Studio
+        </h2>
+        <p className="text-muted-foreground text-sm">
+          The AI-powered product decision engine that turns product signals into
+          spec-first deliverables.
+        </p>
+        <p className="text-muted-foreground text-xs">
+          Evidence -&gt; Correlation -&gt; Decision -&gt; Change -&gt; Export
+          -&gt; Check -&gt; Notify -&gt; Autopilot
+        </p>
+      </div>
+
+      <div className="flex flex-col gap-3 sm:flex-row">
+        <Button asChild className="w-full sm:w-auto">
+          <Link href={studioUrl}>
+            Get Started Free <ArrowRight className="ml-2 h-4 w-4" />
+          </Link>
+        </Button>
+        <Button asChild variant="outline" className="w-full sm:w-auto">
+          <Link href={studioDocsUrl}>Read Studio Docs</Link>
+        </Button>
+      </div>
+    </div>
+  );
+}

package/src/components/templates/TemplatesClientPage.tsx

@@ -27,7 +27,7 @@ import {
   DialogHeader,
   DialogTitle,
 } from '@contractspec/lib.ui-kit-web/ui/dialog';
-import { WaitlistSection } from '../marketing';
+import { StudioSignupSection } from '../marketing';
 import { TemplatePreviewModal } from './TemplatesPreviewModal';
 
 const templates = [
@@ -252,7 +252,7 @@ export const TemplatesPage = () => {
   const [selectedTag, setSelectedTag] = useState<string | null>(null);
   const [search, setSearch] = useState('');
   const [preview, setPreview] = useState<TemplateId | null>(null);
-  const [waitlistModalOpen, setWaitlistModalOpen] = useState(false);
+  const [studioSignupModalOpen, setStudioSignupModalOpen] = useState(false);
   const [source, setSource] = useState<'local' | 'registry'>('local');
   const [selectedTemplateForCommand, setSelectedTemplateForCommand] = useState<
     RegistryTemplate | LocalTemplate | null
@@ -632,16 +632,19 @@ export const TemplatesPage = () => {
       />
       {/*) : null}*/}
 
-      <Dialog open={waitlistModalOpen} onOpenChange={setWaitlistModalOpen}>
+      <Dialog
+        open={studioSignupModalOpen}
+        onOpenChange={setStudioSignupModalOpen}
+      >
         <DialogContent className="max-h-[90vh] max-w-2xl overflow-y-auto">
           <DialogHeader>
-            <DialogTitle>Early Access Required</DialogTitle>
+            <DialogTitle>Deploy in Studio</DialogTitle>
             <DialogDescription>
-              ContractSpec Studio is in early access. Join the waitlist to
-              deploy projects to our managed cloud.
+              Deploy templates in ContractSpec Studio and run the full
+              evidence-to-spec loop with your team.
             </DialogDescription>
           </DialogHeader>
-          <WaitlistSection variant="compact" />
+          <StudioSignupSection variant="compact" />
         </DialogContent>
       </Dialog>
 
@@ -698,10 +701,10 @@ export const TemplatesPage = () => {
                   templateId: commandId,
                 });
                 setSelectedTemplateForCommand(null);
-                setWaitlistModalOpen(true);
+                setStudioSignupModalOpen(true);
               }}
             >
-              Deploy to Studio (Waitlist)
+              Deploy to Studio
             </button>
           </div>
         </DialogContent>