@contractspec/bundle.marketing 3.7.6 → 3.8.2

package/dist/browser/components/marketing/pricing-thinking-modal.js

@@ -23,7 +23,7 @@ var PRICING_EXAMPLES = {
 };
 
 // src/components/marketing/pricing-thinking-modal.tsx
-import { CheckCircle } from "lucide-react";
+import { Button } from "@contractspec/lib.design-system";
 import {
   Dialog,
   DialogContent,
@@ -31,7 +31,7 @@ import {
   DialogHeader,
   DialogTitle
 } from "@contractspec/lib.ui-kit-web/ui/dialog";
-import { Button } from "@contractspec/lib.design-system";
+import { CheckCircle } from "lucide-react";
 import { jsxDEV } from "react/jsx-dev-runtime";
 "use client";
 var pricingTiers = [
@@ -123,7 +123,7 @@ function PricingThinkingModal({
                   className: "flex items-center gap-2",
                   children: [
                     /* @__PURE__ */ jsxDEV("span", {
-                      className: "text-muted-foreground text-xs font-medium",
+                      className: "font-medium text-muted-foreground text-xs",
                       children: "Draft"
                     }, undefined, false, undefined, this),
                     /* @__PURE__ */ jsxDEV("span", {
@@ -142,14 +142,14 @@ function PricingThinkingModal({
                     className: "card-subtle relative space-y-4 p-6",
                     children: [
                       /* @__PURE__ */ jsxDEV("div", {
-                        className: "bg-muted border-border absolute -top-2 left-1/2 -translate-x-1/2 rounded-full border px-2 py-0.5 text-xs font-medium",
+                        className: "absolute -top-2 left-1/2 -translate-x-1/2 rounded-full border border-border bg-muted px-2 py-0.5 font-medium text-xs",
                         children: tier.tag
                       }, undefined, false, undefined, this),
                       /* @__PURE__ */ jsxDEV("div", {
                         className: "space-y-2 pt-2",
                         children: [
                           /* @__PURE__ */ jsxDEV("h3", {
-                            className: "text-xl font-bold",
+                            className: "font-bold text-xl",
                             children: tier.title
                           }, undefined, false, undefined, this),
                           /* @__PURE__ */ jsxDEV("p", {
@@ -161,7 +161,7 @@ function PricingThinkingModal({
                       /* @__PURE__ */ jsxDEV("ul", {
                         className: "space-y-2",
                         children: tier.bullets.map((bullet, i) => /* @__PURE__ */ jsxDEV("li", {
-                          className: "text-muted-foreground flex gap-2 text-sm",
+                          className: "flex gap-2 text-muted-foreground text-sm",
                           children: [
                             /* @__PURE__ */ jsxDEV(CheckCircle, {
                               size: 14,
@@ -181,20 +181,20 @@ function PricingThinkingModal({
               ]
             }, undefined, true, undefined, this),
             /* @__PURE__ */ jsxDEV("div", {
-              className: "border-border space-y-4 border-t pt-6",
+              className: "space-y-4 border-border border-t pt-6",
               children: [
                 /* @__PURE__ */ jsxDEV("div", {
                   children: [
                     /* @__PURE__ */ jsxDEV("h3", {
-                      className: "text-lg font-bold",
+                      className: "font-bold text-lg",
                       children: "Usage-based, with a generous free tier"
                     }, undefined, false, undefined, this),
                     /* @__PURE__ */ jsxDEV("p", {
-                      className: "text-muted-foreground mt-2 text-sm",
+                      className: "mt-2 text-muted-foreground text-sm",
                       children: "Inspired by products like PostHog, we plan to keep a generous free tier on all plans, then charge based on actual usage: regenerations, AI agent actions, and the number of projects you run on ContractSpec."
                     }, undefined, false, undefined, this),
                     /* @__PURE__ */ jsxDEV("p", {
-                      className: "text-muted-foreground mt-3 text-xs italic",
+                      className: "mt-3 text-muted-foreground text-xs italic",
                       children: "Free tier limits are intentionally small but useful: enough to try the agent and regenerate a real project, not enough to run a full team's workload for free."
                     }, undefined, false, undefined, this)
                   ]
@@ -205,7 +205,7 @@ function PricingThinkingModal({
                     className: "card-subtle space-y-2 p-4",
                     children: [
                       /* @__PURE__ */ jsxDEV("h4", {
-                        className: "text-sm font-semibold",
+                        className: "font-semibold text-sm",
                         children: metric.name
                       }, undefined, false, undefined, this),
                       /* @__PURE__ */ jsxDEV("p", {
@@ -222,7 +222,7 @@ function PricingThinkingModal({
               ]
             }, undefined, true, undefined, this),
             /* @__PURE__ */ jsxDEV("div", {
-              className: "border-border space-y-4 border-t pt-6",
+              className: "space-y-4 border-border border-t pt-6",
               children: [
                 /* @__PURE__ */ jsxDEV("p", {
                   className: "text-muted-foreground text-xs",

package/dist/browser/components/marketing/sections/AudienceSection.js

@@ -11,8 +11,8 @@ import {
   MarketingCard,
   MarketingCardContent,
   MarketingCardHeader,
-  MarketingCardTitle,
-  MarketingCardsSection
+  MarketingCardsSection,
+  MarketingCardTitle
 } from "@contractspec/lib.design-system";
 import { VStack } from "@contractspec/lib.ui-kit-web/ui/stack";
 import { Muted, Small } from "@contractspec/lib.ui-kit-web/ui/typography";

package/dist/browser/components/marketing/sections/CorePositioningSection.js

@@ -23,7 +23,7 @@ function CorePositioningSection() {
       align: "center",
       children: [
         /* @__PURE__ */ jsxDEV(H2, {
-          className: "text-center text-3xl font-bold md:text-4xl",
+          className: "text-center font-bold text-3xl md:text-4xl",
           children: [
             "You keep your app.",
             /* @__PURE__ */ jsxDEV("br", {}, undefined, false, undefined, this),
@@ -37,7 +37,7 @@ function CorePositioningSection() {
             /* @__PURE__ */ jsxDEV("br", {}, undefined, false, undefined, this),
             /* @__PURE__ */ jsxDEV(Small, {
               className: "font-semibold text-violet-400",
-              children: "We're the compiler, not the prison."
+              children: "Start with the open foundation. Adopt the operating layer when it helps."
             }, undefined, false, undefined, this)
           ]
         }, undefined, true, undefined, this),

package/dist/browser/components/marketing/sections/CtaSection.js

@@ -7,11 +7,11 @@ var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require
 });
 
 // src/components/marketing/sections/CtaSection.tsx
-import { ButtonLink, MarketingSection } from "@contractspec/lib.design-system";
 import {
   analyticsEventNames,
   captureAnalyticsEvent
 } from "@contractspec/bundle.library/libs/posthog/client";
+import { ButtonLink, MarketingSection } from "@contractspec/lib.design-system";
 import { VStack } from "@contractspec/lib.ui-kit-web/ui/stack";
 import { H2, Lead } from "@contractspec/lib.ui-kit-web/ui/typography";
 import { jsxDEV } from "react/jsx-dev-runtime";
@@ -27,11 +27,11 @@ function CtaSection() {
       className: "text-center",
       children: [
         /* @__PURE__ */ jsxDEV(H2, {
-          className: "text-4xl font-bold md:text-5xl",
+          className: "font-bold text-4xl md:text-5xl",
           children: "Ready to stabilize your codebase?"
         }, undefined, false, undefined, this),
         /* @__PURE__ */ jsxDEV(Lead, {
-          className: "text-muted-foreground text-lg",
+          className: "text-lg text-muted-foreground",
           children: "Start with one module. See the difference. Expand at your own pace."
         }, undefined, false, undefined, this),
         /* @__PURE__ */ jsxDEV(VStack, {

package/dist/browser/components/marketing/sections/FearsSection.js

@@ -7,12 +7,12 @@ var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require
 });
 
 // src/components/marketing/sections/IconGridSection.tsx
-import { cva } from "class-variance-authority";
 import {
   MarketingCardsSection,
   MarketingIconCard
 } from "@contractspec/lib.design-system";
 import { Muted } from "@contractspec/lib.ui-kit-web/ui/typography";
+import { cva } from "class-variance-authority";
 import { jsxDEV } from "react/jsx-dev-runtime";
 var itemVariants = cva("", {
   variants: {
@@ -38,7 +38,7 @@ function IconGridSection({
     tone,
     padding,
     eyebrow: eyebrow ? /* @__PURE__ */ jsxDEV(Muted, {
-      className: "text-xs font-semibold tracking-[0.2em] uppercase",
+      className: "font-semibold text-xs uppercase tracking-[0.2em]",
       children: eyebrow
     }, undefined, false, undefined, this) : null,
     title,
@@ -70,7 +70,7 @@ var fears = [
   },
   {
     title: '"Vendor lock-in / losing ownership"',
-    body: "You own the generated code. It's standard TypeScript, standard SQL, standard GraphQL. ContractSpec is a compiler — like TypeScript itself. You can eject anytime.",
+    body: "You own the generated code. It's standard TypeScript, standard SQL, standard GraphQL. ContractSpec stays open and ejectable, so you can leave with the parts you adopted anytime.",
     icon: Unlock
   },
   {

package/dist/browser/components/marketing/sections/HeroMarketingSection.js

@@ -7,11 +7,11 @@ var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require
 });
 
 // src/components/marketing/sections/HeroMarketingSection.tsx
-import { ButtonLink, MarketingSection } from "@contractspec/lib.design-system";
 import {
   analyticsEventNames,
   captureAnalyticsEvent
 } from "@contractspec/bundle.library/libs/posthog/client";
+import { ButtonLink, MarketingSection } from "@contractspec/lib.design-system";
 import { Box, HStack, VStack } from "@contractspec/lib.ui-kit-web/ui/stack";
 import { H1, Lead, Small } from "@contractspec/lib.ui-kit-web/ui/typography";
 import { ChevronRight } from "lucide-react";
@@ -31,16 +31,16 @@ function HeroMarketingSection() {
         /* @__PURE__ */ jsxDEV(Box, {
           as: "div",
           role: "presentation",
-          className: "bg-muted text-muted-foreground inline-flex items-center rounded-full px-3 py-1 text-xs font-medium tracking-wider uppercase",
+          className: "inline-flex items-center rounded-full bg-muted px-3 py-1 font-medium text-muted-foreground text-xs uppercase tracking-wider",
           children: "Open Source Core"
         }, undefined, false, undefined, this),
         /* @__PURE__ */ jsxDEV(H1, {
-          className: "text-4xl leading-tight font-bold text-balance md:text-5xl",
+          className: "text-balance font-bold text-4xl leading-tight md:text-5xl",
           children: "Stabilize your AI-generated code"
         }, undefined, false, undefined, this),
         /* @__PURE__ */ jsxDEV(Lead, {
-          className: "text-muted-foreground text-lg text-balance md:text-xl",
-          children: "ContractSpec is the compiler that keeps AI-written software coherent, safe, and regenerable. You keep your app. You own the code. One module at a time."
+          className: "text-balance text-lg text-muted-foreground md:text-xl",
+          children: "ContractSpec is the open spec system that keeps AI-written software coherent, safe, and regenerable. You keep your app. You own the code. One module at a time."
         }, undefined, false, undefined, this),
         /* @__PURE__ */ jsxDEV(HStack, {
           gap: "md",
@@ -77,7 +77,7 @@ function HeroMarketingSection() {
           children: heroChips.map((chip) => /* @__PURE__ */ jsxDEV(Box, {
             as: "div",
             role: "presentation",
-            className: "border-border text-foreground inline-flex items-center rounded-full border px-3 py-1 text-sm",
+            className: "inline-flex items-center rounded-full border border-border px-3 py-1 text-foreground text-sm",
             children: /* @__PURE__ */ jsxDEV(Small, {
               className: "font-medium",
               children: chip

package/dist/browser/components/marketing/sections/IconGridSection.js

@@ -7,12 +7,12 @@ var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require
 });
 
 // src/components/marketing/sections/IconGridSection.tsx
-import { cva } from "class-variance-authority";
 import {
   MarketingCardsSection,
   MarketingIconCard
 } from "@contractspec/lib.design-system";
 import { Muted } from "@contractspec/lib.ui-kit-web/ui/typography";
+import { cva } from "class-variance-authority";
 import { jsxDEV } from "react/jsx-dev-runtime";
 var itemVariants = cva("", {
   variants: {
@@ -38,7 +38,7 @@ function IconGridSection({
     tone,
     padding,
     eyebrow: eyebrow ? /* @__PURE__ */ jsxDEV(Muted, {
-      className: "text-xs font-semibold tracking-[0.2em] uppercase",
+      className: "font-semibold text-xs uppercase tracking-[0.2em]",
       children: eyebrow
     }, undefined, false, undefined, this) : null,
     title,

package/dist/browser/components/marketing/sections/OutputsSection.js

@@ -7,12 +7,12 @@ var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require
 });
 
 // src/components/marketing/sections/IconGridSection.tsx
-import { cva } from "class-variance-authority";
 import {
   MarketingCardsSection,
   MarketingIconCard
 } from "@contractspec/lib.design-system";
 import { Muted } from "@contractspec/lib.ui-kit-web/ui/typography";
+import { cva } from "class-variance-authority";
 import { jsxDEV } from "react/jsx-dev-runtime";
 var itemVariants = cva("", {
   variants: {
@@ -38,7 +38,7 @@ function IconGridSection({
     tone,
     padding,
     eyebrow: eyebrow ? /* @__PURE__ */ jsxDEV(Muted, {
-      className: "text-xs font-semibold tracking-[0.2em] uppercase",
+      className: "font-semibold text-xs uppercase tracking-[0.2em]",
       children: eyebrow
     }, undefined, false, undefined, this) : null,
     title,

package/dist/browser/components/marketing/sections/ProblemSection.js

@@ -7,12 +7,12 @@ var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require
 });
 
 // src/components/marketing/sections/IconGridSection.tsx
-import { cva } from "class-variance-authority";
 import {
   MarketingCardsSection,
   MarketingIconCard
 } from "@contractspec/lib.design-system";
 import { Muted } from "@contractspec/lib.ui-kit-web/ui/typography";
+import { cva } from "class-variance-authority";
 import { jsxDEV } from "react/jsx-dev-runtime";
 var itemVariants = cva("", {
   variants: {
@@ -38,7 +38,7 @@ function IconGridSection({
     tone,
     padding,
     eyebrow: eyebrow ? /* @__PURE__ */ jsxDEV(Muted, {
-      className: "text-xs font-semibold tracking-[0.2em] uppercase",
+      className: "font-semibold text-xs uppercase tracking-[0.2em]",
       children: eyebrow
     }, undefined, false, undefined, this) : null,
     title,

package/dist/browser/components/marketing/sections/SolutionSection.js

@@ -7,12 +7,12 @@ var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require
 });
 
 // src/components/marketing/sections/IconGridSection.tsx
-import { cva } from "class-variance-authority";
 import {
   MarketingCardsSection,
   MarketingIconCard
 } from "@contractspec/lib.design-system";
 import { Muted } from "@contractspec/lib.ui-kit-web/ui/typography";
+import { cva } from "class-variance-authority";
 import { jsxDEV } from "react/jsx-dev-runtime";
 var itemVariants = cva("", {
   variants: {
@@ -38,7 +38,7 @@ function IconGridSection({
     tone,
     padding,
     eyebrow: eyebrow ? /* @__PURE__ */ jsxDEV(Muted, {
-      className: "text-xs font-semibold tracking-[0.2em] uppercase",
+      className: "font-semibold text-xs uppercase tracking-[0.2em]",
       children: eyebrow
     }, undefined, false, undefined, this) : null,
     title,

package/dist/browser/components/marketing/sections/StepsSection.js

@@ -7,12 +7,12 @@ var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require
 });
 
 // src/components/marketing/sections/IconGridSection.tsx
-import { cva } from "class-variance-authority";
 import {
   MarketingCardsSection,
   MarketingIconCard
 } from "@contractspec/lib.design-system";
 import { Muted } from "@contractspec/lib.ui-kit-web/ui/typography";
+import { cva } from "class-variance-authority";
 import { jsxDEV } from "react/jsx-dev-runtime";
 var itemVariants = cva("", {
   variants: {
@@ -38,7 +38,7 @@ function IconGridSection({
     tone,
     padding,
     eyebrow: eyebrow ? /* @__PURE__ */ jsxDEV(Muted, {
-      className: "text-xs font-semibold tracking-[0.2em] uppercase",
+      className: "font-semibold text-xs uppercase tracking-[0.2em]",
       children: eyebrow
     }, undefined, false, undefined, this) : null,
     title,
@@ -92,9 +92,9 @@ function StepsSection() {
     iconRole: "listing",
     items: steps.map((item) => ({
       icon: ({ className }) => /* @__PURE__ */ jsxDEV2("div", {
-        className: `bg-primary/15 flex h-10 w-10 items-center justify-center rounded-lg ${className ?? ""}`,
+        className: `flex h-10 w-10 items-center justify-center rounded-lg bg-primary/15 ${className ?? ""}`,
         children: /* @__PURE__ */ jsxDEV2("span", {
-          className: "text-primary text-sm font-semibold",
+          className: "font-semibold text-primary text-sm",
           children: item.step
         }, undefined, false, undefined, this)
       }, undefined, false, undefined, this),

package/dist/browser/components/marketing/studio-signup-section.js

@@ -7,9 +7,8 @@ var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require
 });
 
 // src/components/marketing/studio-signup-section.tsx
+import { ArrowRight, Sparkles } from "lucide-react";
 import Link from "next/link";
-import { ArrowRight, Rocket } from "lucide-react";
-import { Button } from "@contractspec/lib.design-system";
 import { jsxDEV } from "react/jsx-dev-runtime";
 "use client";
 var studioUrl = "https://www.contractspec.studio";
@@ -20,62 +19,47 @@ function StudioSignupSection({
   const isCompact = variant === "compact";
   return /* @__PURE__ */ jsxDEV("div", {
     id: "studio-signup",
-    className: isCompact ? "space-y-4" : "card-subtle space-y-6 p-8",
+    className: `${isCompact ? "space-y-5 rounded-[28px] border border-border bg-card p-6" : "editorial-panel space-y-6"}`,
     children: [
       /* @__PURE__ */ jsxDEV("div", {
         className: "space-y-4",
         children: [
           /* @__PURE__ */ jsxDEV("div", {
-            className: "inline-flex items-center gap-2 rounded-full border border-violet-500/20 bg-violet-500/10 px-3 py-1",
+            className: "badge",
             children: [
-              /* @__PURE__ */ jsxDEV(Rocket, {
-                size: 14,
-                className: "text-violet-300"
+              /* @__PURE__ */ jsxDEV(Sparkles, {
+                size: 14
               }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV("span", {
-                className: "text-sm font-medium text-violet-300",
-                children: "ContractSpec Studio"
-              }, undefined, false, undefined, this)
+              "Studio on top"
             ]
           }, undefined, true, undefined, this),
           /* @__PURE__ */ jsxDEV("h2", {
-            className: isCompact ? "text-xl font-bold" : "text-2xl font-bold",
-            children: "Try ContractSpec Studio"
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV("p", {
-            className: "text-muted-foreground text-sm",
-            children: "The AI-powered product decision engine that turns product signals into spec-first deliverables."
+            className: isCompact ? "font-serif text-3xl tracking-[-0.04em]" : "font-serif text-4xl tracking-[-0.04em]",
+            children: "See the operating layer built on top of the open system."
           }, undefined, false, undefined, this),
           /* @__PURE__ */ jsxDEV("p", {
-            className: "text-muted-foreground text-xs",
-            children: "Evidence -> Correlation -> Decision -> Change -> Export -> Check -> Notify -> Autopilot"
+            className: "text-muted-foreground text-sm leading-7",
+            children: "Studio packages the workflow for evidence, drafting, review, export, and follow-up. It should feel like the best product built on top of ContractSpec, not a different story."
           }, undefined, false, undefined, this)
         ]
       }, undefined, true, undefined, this),
       /* @__PURE__ */ jsxDEV("div", {
-        className: "flex flex-col gap-3 sm:flex-row",
+        className: "grid gap-3 sm:grid-cols-2",
         children: [
-          /* @__PURE__ */ jsxDEV(Button, {
-            asChild: true,
-            className: "w-full sm:w-auto",
-            children: /* @__PURE__ */ jsxDEV(Link, {
-              href: studioUrl,
-              children: [
-                "Get Started Free ",
-                /* @__PURE__ */ jsxDEV(ArrowRight, {
-                  className: "ml-2 h-4 w-4"
-                }, undefined, false, undefined, this)
-              ]
-            }, undefined, true, undefined, this)
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV(Button, {
-            asChild: true,
-            variant: "outline",
-            className: "w-full sm:w-auto",
-            children: /* @__PURE__ */ jsxDEV(Link, {
-              href: studioDocsUrl,
-              children: "Read Studio Docs"
-            }, undefined, false, undefined, this)
+          /* @__PURE__ */ jsxDEV(Link, {
+            href: studioUrl,
+            className: "btn-primary",
+            children: [
+              "Explore Studio ",
+              /* @__PURE__ */ jsxDEV(ArrowRight, {
+                className: "ml-2 h-4 w-4"
+              }, undefined, false, undefined, this)
+            ]
+          }, undefined, true, undefined, this),
+          /* @__PURE__ */ jsxDEV(Link, {
+            href: studioDocsUrl,
+            className: "btn-ghost",
+            children: "Read Studio docs"
           }, undefined, false, undefined, this)
         ]
       }, undefined, true, undefined, this)