@contractspec/bundle.marketing 1.12.0 → 1.13.0

package/dist/node/components/marketing/index.js

@@ -0,0 +1,4813 @@
+import { createRequire } from "node:module";
+var __require = /* @__PURE__ */ createRequire(import.meta.url);
+
+// src/components/marketing/ChangelogPage.tsx
+import { jsxDEV } from "react/jsx-dev-runtime";
+function ChangelogPage({ entries }) {
+  return /* @__PURE__ */ jsxDEV("main", {
+    children: [
+      /* @__PURE__ */ jsxDEV("section", {
+        className: "section-padding hero-gradient border-border relative border-b",
+        children: /* @__PURE__ */ jsxDEV("div", {
+          className: "mx-auto max-w-4xl space-y-6 text-center",
+          children: [
+            /* @__PURE__ */ jsxDEV("h1", {
+              className: "text-5xl leading-tight font-bold md:text-6xl",
+              children: "Changelog"
+            }, undefined, false, undefined, this),
+            /* @__PURE__ */ jsxDEV("p", {
+              className: "text-muted-foreground text-lg",
+              children: "Latest releases and improvements to ContractSpec."
+            }, undefined, false, undefined, this)
+          ]
+        }, undefined, true, undefined, this)
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsxDEV("section", {
+        className: "section-padding",
+        children: /* @__PURE__ */ jsxDEV("div", {
+          className: "mx-auto max-w-3xl space-y-8",
+          children: entries.map((entry, i) => /* @__PURE__ */ jsxDEV("div", {
+            className: "card-subtle flex flex-col gap-6 p-8 md:flex-row md:items-start",
+            children: [
+              /* @__PURE__ */ jsxDEV("div", {
+                className: "md:w-48 md:flex-shrink-0",
+                children: /* @__PURE__ */ jsxDEV("div", {
+                  className: "sticky top-24",
+                  children: [
+                    /* @__PURE__ */ jsxDEV("h3", {
+                      className: "text-2xl font-bold tracking-tight",
+                      children: entry.version
+                    }, undefined, false, undefined, this),
+                    /* @__PURE__ */ jsxDEV("time", {
+                      className: "text-muted-foreground mt-1 block text-sm font-medium",
+                      children: entry.date
+                    }, undefined, false, undefined, this),
+                    entry.isBreaking && /* @__PURE__ */ jsxDEV("span", {
+                      className: "mt-2 inline-flex items-center rounded-full border border-red-500/50 bg-red-500/10 px-2.5 py-0.5 text-xs font-semibold text-red-500",
+                      children: "Breaking Change"
+                    }, undefined, false, undefined, this)
+                  ]
+                }, undefined, true, undefined, this)
+              }, undefined, false, undefined, this),
+              /* @__PURE__ */ jsxDEV("div", {
+                className: "flex-1 space-y-6",
+                children: entry.packages.map((pkg, j) => /* @__PURE__ */ jsxDEV("div", {
+                  className: "space-y-3",
+                  children: [
+                    /* @__PURE__ */ jsxDEV("h4", {
+                      className: "font-mono text-sm font-semibold text-violet-400",
+                      children: pkg.name
+                    }, undefined, false, undefined, this),
+                    /* @__PURE__ */ jsxDEV("ul", {
+                      className: "space-y-2",
+                      children: pkg.changes.map((change, k) => /* @__PURE__ */ jsxDEV("li", {
+                        className: "text-muted-foreground flex items-start gap-3 text-base leading-relaxed",
+                        children: [
+                          /* @__PURE__ */ jsxDEV("span", {
+                            className: "mt-1.5 h-1.5 w-1.5 flex-shrink-0 rounded-full bg-violet-500/50"
+                          }, undefined, false, undefined, this),
+                          /* @__PURE__ */ jsxDEV("span", {
+                            children: change
+                          }, undefined, false, undefined, this)
+                        ]
+                      }, k, true, undefined, this))
+                    }, undefined, false, undefined, this)
+                  ]
+                }, j, true, undefined, this))
+              }, undefined, false, undefined, this)
+            ]
+          }, i, true, undefined, this))
+        }, undefined, false, undefined, this)
+      }, undefined, false, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
+}
+
+// src/components/marketing/CofounderPage.tsx
+import { ButtonLink, MarketingSection } from "@contractspec/lib.design-system";
+import { Box, HStack, VStack } from "@contractspec/lib.ui-kit-web/ui/stack";
+import {
+  H1,
+  H2,
+  H3,
+  Lead,
+  Muted,
+  Small
+} from "@contractspec/lib.ui-kit-web/ui/typography";
+import {
+  Check,
+  Clock,
+  MapPin,
+  MessageSquare,
+  Percent,
+  Rocket,
+  Target,
+  Users,
+  X
+} from "lucide-react";
+import { jsxDEV as jsxDEV2 } from "react/jsx-dev-runtime";
+"use client";
+var COFOUNDER_EMAIL = "tboutron@contractspec.io";
+var APPLY_SUBJECT = "Co-founder application: ContractSpec";
+var APPLY_BODY = `Hi Theo,
+
+I am reaching out about co-founding ContractSpec.
+
+LinkedIn: [your link]
+Proof of work #1: [link]
+Proof of work #2: [link]
+
+Why ContractSpec:
+[your answer]
+
+What I would own in the first 90 days:
+[your answer]
+`;
+var mailtoLink = `mailto:${COFOUNDER_EMAIL}?subject=${encodeURIComponent(APPLY_SUBJECT)}&body=${encodeURIComponent(APPLY_BODY)}`;
+function HeroSection() {
+  return /* @__PURE__ */ jsxDEV2(MarketingSection, {
+    tone: "gradient",
+    padding: "spacious",
+    align: "center",
+    children: /* @__PURE__ */ jsxDEV2(VStack, {
+      gap: "lg",
+      align: "center",
+      className: "text-center",
+      children: [
+        /* @__PURE__ */ jsxDEV2(H1, {
+          className: "text-4xl leading-tight font-bold text-balance md:text-5xl",
+          children: "Co-founder wanted"
+        }, undefined, false, undefined, this),
+        /* @__PURE__ */ jsxDEV2(Lead, {
+          className: "text-muted-foreground max-w-2xl text-lg text-balance md:text-xl",
+          children: "ContractSpec is a contract-first compiler for AI-generated code. Define specs, enforce policies, regenerate safely. Pre-PMF. Building in public."
+        }, undefined, false, undefined, this),
+        /* @__PURE__ */ jsxDEV2(HStack, {
+          gap: "md",
+          justify: "center",
+          wrap: "wrap",
+          className: "pt-2",
+          children: [
+            /* @__PURE__ */ jsxDEV2(ButtonLink, {
+              href: mailtoLink,
+              children: "Talk about co-founding"
+            }, undefined, false, undefined, this),
+            /* @__PURE__ */ jsxDEV2(ButtonLink, {
+              variant: "ghost",
+              href: "/contact",
+              children: "Become a design partner"
+            }, undefined, false, undefined, this)
+          ]
+        }, undefined, true, undefined, this)
+      ]
+    }, undefined, true, undefined, this)
+  }, undefined, false, undefined, this);
+}
+function WhatExistsSection() {
+  const realNow = [
+    "ContractSpec Core: open-source spec compiler",
+    "Working CLI and TypeScript runtime",
+    "Design partner pipeline open",
+    "Solo founder, bootstrapped"
+  ];
+  const planned = [
+    "Visual studio for specs",
+    "Auto-evolution engine",
+    "Multi-tenant SaaS",
+    "Integration marketplace"
+  ];
+  return /* @__PURE__ */ jsxDEV2(MarketingSection, {
+    padding: "comfortable",
+    align: "center",
+    maxWidth: "lg",
+    children: /* @__PURE__ */ jsxDEV2(VStack, {
+      gap: "lg",
+      children: [
+        /* @__PURE__ */ jsxDEV2(H2, {
+          className: "text-3xl font-bold",
+          children: "What exists today"
+        }, undefined, false, undefined, this),
+        /* @__PURE__ */ jsxDEV2("div", {
+          className: "grid w-full gap-8 md:grid-cols-2",
+          children: [
+            /* @__PURE__ */ jsxDEV2(VStack, {
+              gap: "sm",
+              align: "start",
+              children: [
+                /* @__PURE__ */ jsxDEV2(H3, {
+                  className: "text-lg font-semibold text-emerald-400",
+                  children: "Real now"
+                }, undefined, false, undefined, this),
+                /* @__PURE__ */ jsxDEV2("ul", {
+                  className: "space-y-2",
+                  children: realNow.map((item) => /* @__PURE__ */ jsxDEV2("li", {
+                    className: "flex items-start gap-2",
+                    children: [
+                      /* @__PURE__ */ jsxDEV2(Check, {
+                        size: 16,
+                        className: "mt-1 shrink-0 text-emerald-400"
+                      }, undefined, false, undefined, this),
+                      /* @__PURE__ */ jsxDEV2(Small, {
+                        children: item
+                      }, undefined, false, undefined, this)
+                    ]
+                  }, item, true, undefined, this))
+                }, undefined, false, undefined, this)
+              ]
+            }, undefined, true, undefined, this),
+            /* @__PURE__ */ jsxDEV2(VStack, {
+              gap: "sm",
+              align: "start",
+              children: [
+                /* @__PURE__ */ jsxDEV2(H3, {
+                  className: "text-lg font-semibold text-blue-400",
+                  children: "Planned"
+                }, undefined, false, undefined, this),
+                /* @__PURE__ */ jsxDEV2("ul", {
+                  className: "space-y-2",
+                  children: planned.map((item) => /* @__PURE__ */ jsxDEV2("li", {
+                    className: "flex items-start gap-2",
+                    children: [
+                      /* @__PURE__ */ jsxDEV2(Target, {
+                        size: 16,
+                        className: "mt-1 shrink-0 text-blue-400"
+                      }, undefined, false, undefined, this),
+                      /* @__PURE__ */ jsxDEV2(Small, {
+                        children: item
+                      }, undefined, false, undefined, this)
+                    ]
+                  }, item, true, undefined, this))
+                }, undefined, false, undefined, this)
+              ]
+            }, undefined, true, undefined, this)
+          ]
+        }, undefined, true, undefined, this)
+      ]
+    }, undefined, true, undefined, this)
+  }, undefined, false, undefined, this);
+}
+function RoleSection() {
+  const gtmDeliverables = [
+    "Run 5+ sales conversations per week",
+    "Own the design partner pipeline end-to-end",
+    "Write positioning copy that ships",
+    "Build and maintain partnership channels",
+    "Turn user feedback into roadmap signal"
+  ];
+  const productDeliverables = [
+    "Ship UI/UX improvements weekly",
+    "Define specs based on user research",
+    "Own the studio experience",
+    "Collaborate on architecture decisions"
+  ];
+  return /* @__PURE__ */ jsxDEV2(MarketingSection, {
+    padding: "comfortable",
+    align: "center",
+    maxWidth: "lg",
+    children: /* @__PURE__ */ jsxDEV2(VStack, {
+      gap: "lg",
+      children: [
+        /* @__PURE__ */ jsxDEV2(H2, {
+          className: "text-3xl font-bold",
+          children: "The role"
+        }, undefined, false, undefined, this),
+        /* @__PURE__ */ jsxDEV2(VStack, {
+          gap: "md",
+          align: "start",
+          className: "w-full",
+          children: [
+            /* @__PURE__ */ jsxDEV2(H3, {
+              className: "text-xl font-semibold",
+              children: "Option A: GTM / Sales / Partnerships"
+            }, undefined, false, undefined, this),
+            /* @__PURE__ */ jsxDEV2(Muted, {
+              children: "Weekly deliverables, not vague traits:"
+            }, undefined, false, undefined, this),
+            /* @__PURE__ */ jsxDEV2("ul", {
+              className: "space-y-2",
+              children: gtmDeliverables.map((item) => /* @__PURE__ */ jsxDEV2("li", {
+                className: "flex items-start gap-2",
+                children: [
+                  /* @__PURE__ */ jsxDEV2(Rocket, {
+                    size: 16,
+                    className: "mt-1 shrink-0 text-amber-400"
+                  }, undefined, false, undefined, this),
+                  /* @__PURE__ */ jsxDEV2(Small, {
+                    children: item
+                  }, undefined, false, undefined, this)
+                ]
+              }, item, true, undefined, this))
+            }, undefined, false, undefined, this)
+          ]
+        }, undefined, true, undefined, this),
+        /* @__PURE__ */ jsxDEV2(VStack, {
+          gap: "md",
+          align: "start",
+          className: "w-full pt-4",
+          children: [
+            /* @__PURE__ */ jsxDEV2(H3, {
+              className: "text-xl font-semibold",
+              children: "Option B: Product / Design"
+            }, undefined, false, undefined, this),
+            /* @__PURE__ */ jsxDEV2(Muted, {
+              children: "If this is your strength:"
+            }, undefined, false, undefined, this),
+            /* @__PURE__ */ jsxDEV2("ul", {
+              className: "space-y-2",
+              children: productDeliverables.map((item) => /* @__PURE__ */ jsxDEV2("li", {
+                className: "flex items-start gap-2",
+                children: [
+                  /* @__PURE__ */ jsxDEV2(Rocket, {
+                    size: 16,
+                    className: "mt-1 shrink-0 text-purple-400"
+                  }, undefined, false, undefined, this),
+                  /* @__PURE__ */ jsxDEV2(Small, {
+                    children: item
+                  }, undefined, false, undefined, this)
+                ]
+              }, item, true, undefined, this))
+            }, undefined, false, undefined, this)
+          ]
+        }, undefined, true, undefined, this)
+      ]
+    }, undefined, true, undefined, this)
+  }, undefined, false, undefined, this);
+}
+function IdealCofounderSection() {
+  const qualities = [
+    "You have shipped products people paid for — links or it didn't happen",
+    "You have sold something (product, consulting, yourself)",
+    "You write clearly and fast — emails, docs, copy",
+    "You have taste: you know good UX when you see it",
+    "You can work 6+ months without a salary",
+    "You are allergic to meetings that could be docs",
+    "You have built in public or contributed to open source",
+    "You are based in Europe or overlap significantly with CET"
+  ];
+  return /* @__PURE__ */ jsxDEV2(MarketingSection, {
+    padding: "comfortable",
+    align: "center",
+    maxWidth: "lg",
+    children: /* @__PURE__ */ jsxDEV2(VStack, {
+      gap: "lg",
+      children: [
+        /* @__PURE__ */ jsxDEV2(H2, {
+          className: "text-3xl font-bold",
+          children: "The ideal co-founder"
+        }, undefined, false, undefined, this),
+        /* @__PURE__ */ jsxDEV2("ul", {
+          className: "space-y-3",
+          children: qualities.map((item) => /* @__PURE__ */ jsxDEV2("li", {
+            className: "flex items-start gap-2",
+            children: [
+              /* @__PURE__ */ jsxDEV2(Check, {
+                size: 16,
+                className: "mt-1 shrink-0 text-emerald-400"
+              }, undefined, false, undefined, this),
+              /* @__PURE__ */ jsxDEV2(Small, {
+                children: item
+              }, undefined, false, undefined, this)
+            ]
+          }, item, true, undefined, this))
+        }, undefined, false, undefined, this),
+        /* @__PURE__ */ jsxDEV2(Box, {
+          className: "border-border mt-4 rounded-lg border p-4",
+          children: /* @__PURE__ */ jsxDEV2(VStack, {
+            gap: "sm",
+            align: "start",
+            children: [
+              /* @__PURE__ */ jsxDEV2(H3, {
+                className: "text-lg font-semibold",
+                children: "Proof of work examples"
+              }, undefined, false, undefined, this),
+              /* @__PURE__ */ jsxDEV2(Muted, {
+                className: "text-sm",
+                children: "GitHub profile, shipped product, writing (blog/Twitter/essays), revenue screenshot, open-source contributions, or anything that shows you execute."
+              }, undefined, false, undefined, this)
+            ]
+          }, undefined, true, undefined, this)
+        }, undefined, false, undefined, this)
+      ]
+    }, undefined, true, undefined, this)
+  }, undefined, false, undefined, this);
+}
+function WhatYouGetSection() {
+  const benefits = [
+    {
+      icon: /* @__PURE__ */ jsxDEV2(Percent, {
+        size: 20,
+        className: "text-emerald-400"
+      }, undefined, false, undefined, this),
+      title: "Equity-first",
+      desc: "Meaningful co-founder equity. Salary is minimal/zero until revenue covers it."
+    },
+    {
+      icon: /* @__PURE__ */ jsxDEV2(Users, {
+        size: 20,
+        className: "text-blue-400"
+      }, undefined, false, undefined, this),
+      title: "Real ownership",
+      desc: "You own your domain. No permission-seeking. Ship and iterate."
+    },
+    {
+      icon: /* @__PURE__ */ jsxDEV2(MessageSquare, {
+        size: 20,
+        className: "text-amber-400"
+      }, undefined, false, undefined, this),
+      title: "Written-first decisions",
+      desc: "We default to async, docs, and fast decisions. Meetings are last resort."
+    }
+  ];
+  const values = [
+    "Contracts over conventions",
+    "Clarity over cleverness",
+    "Safety over speed (in code)",
+    "Leverage over labor"
+  ];
+  return /* @__PURE__ */ jsxDEV2(MarketingSection, {
+    padding: "comfortable",
+    align: "center",
+    maxWidth: "lg",
+    children: /* @__PURE__ */ jsxDEV2(VStack, {
+      gap: "lg",
+      children: [
+        /* @__PURE__ */ jsxDEV2(H2, {
+          className: "text-3xl font-bold",
+          children: "What you get"
+        }, undefined, false, undefined, this),
+        /* @__PURE__ */ jsxDEV2("div", {
+          className: "grid w-full gap-6 md:grid-cols-3",
+          children: benefits.map((b) => /* @__PURE__ */ jsxDEV2(VStack, {
+            gap: "sm",
+            align: "start",
+            className: "border-border rounded-lg border p-4",
+            children: [
+              b.icon,
+              /* @__PURE__ */ jsxDEV2(H3, {
+                className: "text-lg font-semibold",
+                children: b.title
+              }, undefined, false, undefined, this),
+              /* @__PURE__ */ jsxDEV2(Muted, {
+                className: "text-sm",
+                children: b.desc
+              }, undefined, false, undefined, this)
+            ]
+          }, b.title, true, undefined, this))
+        }, undefined, false, undefined, this),
+        /* @__PURE__ */ jsxDEV2(VStack, {
+          gap: "sm",
+          align: "start",
+          className: "w-full pt-4",
+          children: [
+            /* @__PURE__ */ jsxDEV2(H3, {
+              className: "text-lg font-semibold",
+              children: "Our values"
+            }, undefined, false, undefined, this),
+            /* @__PURE__ */ jsxDEV2(HStack, {
+              gap: "sm",
+              wrap: "wrap",
+              children: values.map((v) => /* @__PURE__ */ jsxDEV2(Box, {
+                className: "border-border rounded-full border px-3 py-1 text-sm",
+                children: v
+              }, v, false, undefined, this))
+            }, undefined, false, undefined, this)
+          ]
+        }, undefined, true, undefined, this)
+      ]
+    }, undefined, true, undefined, this)
+  }, undefined, false, undefined, this);
+}
+function RedFlagsSection() {
+  const redFlags = [
+    "Needs a big salary now",
+    "Hates selling or talking to users",
+    "Vague about past execution",
+    'Wants to "advise" instead of build',
+    "Needs a big team to feel productive",
+    "Cannot write clearly"
+  ];
+  return /* @__PURE__ */ jsxDEV2(MarketingSection, {
+    padding: "comfortable",
+    align: "center",
+    maxWidth: "lg",
+    children: /* @__PURE__ */ jsxDEV2(VStack, {
+      gap: "lg",
+      children: [
+        /* @__PURE__ */ jsxDEV2(H2, {
+          className: "text-3xl font-bold",
+          children: "Non-negotiables / red flags"
+        }, undefined, false, undefined, this),
+        /* @__PURE__ */ jsxDEV2(Muted, {
+          children: "If any of these apply, this is not the right fit:"
+        }, undefined, false, undefined, this),
+        /* @__PURE__ */ jsxDEV2("ul", {
+          className: "space-y-2",
+          children: redFlags.map((item) => /* @__PURE__ */ jsxDEV2("li", {
+            className: "flex items-start gap-2",
+            children: [
+              /* @__PURE__ */ jsxDEV2(X, {
+                size: 16,
+                className: "mt-1 shrink-0 text-red-400"
+              }, undefined, false, undefined, this),
+              /* @__PURE__ */ jsxDEV2(Small, {
+                children: item
+              }, undefined, false, undefined, this)
+            ]
+          }, item, true, undefined, this))
+        }, undefined, false, undefined, this)
+      ]
+    }, undefined, true, undefined, this)
+  }, undefined, false, undefined, this);
+}
+function FAQSection() {
+  const faqs = [
+    {
+      icon: /* @__PURE__ */ jsxDEV2(Users, {
+        size: 18
+      }, undefined, false, undefined, this),
+      q: "Why co-founder instead of hiring?",
+      a: "I need a partner who thinks like an owner, not an employee. Someone who will stay when things get hard and share in the upside when they don't."
+    },
+    {
+      icon: /* @__PURE__ */ jsxDEV2(Clock, {
+        size: 18
+      }, undefined, false, undefined, this),
+      q: "What is the timeline to revenue?",
+      a: "Design partners are converting now. Goal: paying customers in 2025. But this is startup life — timelines are best guesses."
+    },
+    {
+      icon: /* @__PURE__ */ jsxDEV2(MapPin, {
+        size: 18
+      }, undefined, false, undefined, this),
+      q: "Is this remote?",
+      a: "Yes. Async-first. Occasional in-person (Paris-based) for planning. Europe timezone overlap strongly preferred."
+    },
+    {
+      icon: /* @__PURE__ */ jsxDEV2(Percent, {
+        size: 18
+      }, undefined, false, undefined, this),
+      q: "How much equity?",
+      a: "Depends on what you bring, when you join, and how much you can commit. Expect meaningful co-founder equity with 4-year vesting. We will discuss specifics in person."
+    }
+  ];
+  return /* @__PURE__ */ jsxDEV2(MarketingSection, {
+    padding: "comfortable",
+    align: "center",
+    maxWidth: "lg",
+    children: /* @__PURE__ */ jsxDEV2(VStack, {
+      gap: "lg",
+      children: [
+        /* @__PURE__ */ jsxDEV2(H2, {
+          className: "text-3xl font-bold",
+          children: "FAQ"
+        }, undefined, false, undefined, this),
+        /* @__PURE__ */ jsxDEV2(VStack, {
+          gap: "md",
+          className: "w-full",
+          children: faqs.map((faq) => /* @__PURE__ */ jsxDEV2(VStack, {
+            gap: "xs",
+            align: "start",
+            className: "border-border w-full rounded-lg border p-4",
+            children: [
+              /* @__PURE__ */ jsxDEV2(HStack, {
+                gap: "sm",
+                align: "center",
+                children: [
+                  /* @__PURE__ */ jsxDEV2("span", {
+                    className: "text-muted-foreground",
+                    children: faq.icon
+                  }, undefined, false, undefined, this),
+                  /* @__PURE__ */ jsxDEV2(H3, {
+                    className: "text-lg font-semibold",
+                    children: faq.q
+                  }, undefined, false, undefined, this)
+                ]
+              }, undefined, true, undefined, this),
+              /* @__PURE__ */ jsxDEV2(Muted, {
+                children: faq.a
+              }, undefined, false, undefined, this)
+            ]
+          }, faq.q, true, undefined, this))
+        }, undefined, false, undefined, this)
+      ]
+    }, undefined, true, undefined, this)
+  }, undefined, false, undefined, this);
+}
+function FinalCtaSection() {
+  return /* @__PURE__ */ jsxDEV2(MarketingSection, {
+    tone: "gradient",
+    padding: "comfortable",
+    align: "center",
+    maxWidth: "lg",
+    children: /* @__PURE__ */ jsxDEV2(VStack, {
+      gap: "md",
+      align: "center",
+      className: "text-center",
+      children: [
+        /* @__PURE__ */ jsxDEV2(H2, {
+          className: "text-3xl font-bold md:text-4xl",
+          children: "Ready to talk?"
+        }, undefined, false, undefined, this),
+        /* @__PURE__ */ jsxDEV2(Lead, {
+          className: "text-muted-foreground max-w-xl",
+          children: "Send an email with: your LinkedIn, 2 proof-of-work links, why ContractSpec, and what you would own in the first 90 days."
+        }, undefined, false, undefined, this),
+        /* @__PURE__ */ jsxDEV2(HStack, {
+          gap: "md",
+          justify: "center",
+          wrap: "wrap",
+          className: "pt-2",
+          children: [
+            /* @__PURE__ */ jsxDEV2(ButtonLink, {
+              href: mailtoLink,
+              children: "Talk about co-founding"
+            }, undefined, false, undefined, this),
+            /* @__PURE__ */ jsxDEV2(ButtonLink, {
+              variant: "ghost",
+              href: "/contact",
+              children: "Become a design partner"
+            }, undefined, false, undefined, this)
+          ]
+        }, undefined, true, undefined, this),
+        /* @__PURE__ */ jsxDEV2(Muted, {
+          className: "pt-4 text-sm",
+          children: "CHAMAN VENTURES, SASU · RCS Paris · SIREN 989 498 902 · 229 rue Saint-Honoré, 75001 Paris"
+        }, undefined, false, undefined, this)
+      ]
+    }, undefined, true, undefined, this)
+  }, undefined, false, undefined, this);
+}
+function CofounderPage() {
+  return /* @__PURE__ */ jsxDEV2(VStack, {
+    as: "main",
+    gap: "none",
+    children: [
+      /* @__PURE__ */ jsxDEV2(HeroSection, {}, undefined, false, undefined, this),
+      /* @__PURE__ */ jsxDEV2(WhatExistsSection, {}, undefined, false, undefined, this),
+      /* @__PURE__ */ jsxDEV2(RoleSection, {}, undefined, false, undefined, this),
+      /* @__PURE__ */ jsxDEV2(IdealCofounderSection, {}, undefined, false, undefined, this),
+      /* @__PURE__ */ jsxDEV2(WhatYouGetSection, {}, undefined, false, undefined, this),
+      /* @__PURE__ */ jsxDEV2(RedFlagsSection, {}, undefined, false, undefined, this),
+      /* @__PURE__ */ jsxDEV2(FAQSection, {}, undefined, false, undefined, this),
+      /* @__PURE__ */ jsxDEV2(FinalCtaSection, {}, undefined, false, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
+}
+
+// src/libs/email/client.ts
+import { createClient, Temv1alpha1 } from "@scaleway/sdk";
+import { Logger } from "@contractspec/lib.logger";
+var DEFAULT_FROM = {
+  email: "noreply@transactional.contractspec.io",
+  name: "ContractSpec"
+};
+var DEFAULT_TEAM_INBOX = {
+  email: "contact@contractspec.io",
+  name: "ContractSpec Team"
+};
+var DEFAULT_REGION = "fr-par";
+var cachedConfig = null;
+var cachedClient = null;
+var apiFactory = (client) => new Temv1alpha1.API(client);
+var mapRegion = (value) => {
+  const normalized = value?.trim().toLowerCase();
+  if (normalized === "par" || normalized === "fr-par")
+    return "fr-par";
+  if (normalized === "ams" || normalized === "nl-ams")
+    return "nl-ams";
+  if (normalized === "waw" || normalized === "pl-waw")
+    return "pl-waw";
+  return DEFAULT_REGION;
+};
+var getEmailConfig = () => {
+  if (cachedConfig) {
+    return { ok: true, config: cachedConfig };
+  }
+  const accessKey = process.env.SCALEWAY_ACCESS_KEY || process.env.SCALEWAY_ACCESS_KEY_QUEUE;
+  const secretKey = process.env.SCALEWAY_SECRET_KEY || process.env.SCALEWAY_SECRET_KEY_QUEUE;
+  const projectId = process.env.SCALEWAY_PROJECT_ID;
+  if (!accessKey || !secretKey || !projectId) {
+    return {
+      ok: false,
+      errorMessage: "Email service is not configured. Please contact us directly at contact@contractspec.io."
+    };
+  }
+  const region = mapRegion(process.env.SCALEWAY_REGION);
+  cachedConfig = {
+    accessKey,
+    secretKey,
+    projectId,
+    region,
+    defaultZone: `${region}-1`,
+    from: {
+      email: process.env.SCALEWAY_EMAIL_FROM_EMAIL ?? DEFAULT_FROM.email,
+      name: process.env.SCALEWAY_EMAIL_FROM_NAME ?? DEFAULT_FROM.name
+    },
+    teamInbox: {
+      email: process.env.SCALEWAY_EMAIL_TEAM_EMAIL ?? DEFAULT_TEAM_INBOX.email,
+      name: process.env.SCALEWAY_EMAIL_TEAM_NAME ?? DEFAULT_TEAM_INBOX.name
+    }
+  };
+  return { ok: true, config: cachedConfig };
+};
+var getTemClient = (config) => {
+  if (cachedClient) {
+    return cachedClient;
+  }
+  const client = createClient({
+    accessKey: config.accessKey,
+    secretKey: config.secretKey,
+    defaultProjectId: config.projectId,
+    defaultRegion: config.region,
+    defaultZone: config.defaultZone
+  });
+  cachedClient = apiFactory(client);
+  return cachedClient;
+};
+var sendEmail = async (config, request) => {
+  try {
+    const client = getTemClient(config);
+    await client.createEmail({
+      region: config.region,
+      projectId: config.projectId,
+      from: config.from,
+      to: request.to,
+      subject: request.subject,
+      text: request.text,
+      html: request.html || request.text,
+      additionalHeaders: request.replyTo ? [{ key: "Reply-To", value: request.replyTo }] : undefined
+    });
+    return { success: true };
+  } catch (error) {
+    new Logger().error("scaleway_tem_email_send_failed", {
+      context: request.context ?? "email",
+      error: error instanceof Error ? error.message : error
+    });
+    return {
+      success: false,
+      error,
+      errorMessage: "Failed to send email via Scaleway."
+    };
+  }
+};
+var __internal = {
+  resetCaches() {
+    cachedClient = null;
+    cachedConfig = null;
+    apiFactory = (client) => new Temv1alpha1.API(client);
+  },
+  setApiFactory(factory) {
+    apiFactory = factory;
+  },
+  setClient(client) {
+    cachedClient = client;
+  }
+};
+
+// src/libs/email/utils.ts
+var escapeHtml = (value) => value.replaceAll("&", "&amp;").replaceAll("<", "&lt;").replaceAll(">", "&gt;");
+var formatMultilineHtml = (value) => escapeHtml(value).replaceAll(`
+`, "<br />");
+
+// src/libs/email/contact.ts
+"use server";
+var CONTACT_MISSING_CONFIG = "Email service is not configured. Please contact us directly at contact@contractspec.io.";
+var CONTACT_SEND_ERROR = "Failed to send message. Please contact us directly at contact@contractspec.io.";
+var submitContactForm = async (formData) => {
+  const name = (formData.get("name") ?? "").toString().trim();
+  const email = (formData.get("email") ?? "").toString().trim();
+  const message = (formData.get("message") ?? "").toString().trim();
+  if (!email) {
+    return {
+      success: false,
+      text: "Please fill in all required fields."
+    };
+  }
+  const configResult = getEmailConfig();
+  if (!configResult.ok || !configResult.config) {
+    return {
+      success: false,
+      text: configResult.errorMessage ?? CONTACT_MISSING_CONFIG
+    };
+  }
+  const senderName = name || email;
+  const emailContentText = `
+New contact form submission from ${senderName}
+
+Contact Information:
+- Name: ${name || "Not provided"}
+- Email: ${email}
+
+Message:
+${message || "No message provided"}
+
+---
+Submitted via ContractSpec contact form
+  `.trim();
+  const emailContentHtml = `
+    <div style="font-family: sans-serif; max-width: 640px; margin: 0 auto;">
+      <h1 style="color: #8b5cf6; margin-bottom: 12px;">New contact form submission</h1>
+      <p style="margin: 0 0 12px;">From ${escapeHtml(senderName)}</p>
+      <h2 style="color: #8b5cf6; margin: 16px 0 8px;">Contact Information</h2>
+      <ul style="padding-left: 16px; line-height: 1.6; margin: 0 0 16px;">
+        <li>Name: ${escapeHtml(name || "Not provided")}</li>
+        <li>Email: ${escapeHtml(email)}</li>
+      </ul>
+      <h2 style="color: #8b5cf6; margin: 16px 0 8px;">Message</h2>
+      <div style="border: 1px solid #e5e7eb; border-radius: 8px; padding: 12px; background: #f9fafb; white-space: pre-wrap; line-height: 1.6;">
+        ${message ? formatMultilineHtml(message) : "No message provided"}
+      </div>
+      <p style="color: #6b7280; font-size: 12px; margin-top: 20px;">Submitted via ContractSpec contact form</p>
+    </div>
+  `;
+  const sendResult = await sendEmail(configResult.config, {
+    to: [configResult.config.teamInbox],
+    subject: `New Contact Form Message from ${senderName}`,
+    text: emailContentText,
+    html: emailContentHtml,
+    replyTo: email,
+    context: "contact-form"
+  });
+  if (!sendResult.success) {
+    return { success: false, text: CONTACT_SEND_ERROR };
+  }
+  return { success: true, text: "Message sent successfully!" };
+};
+
+// src/libs/email/waitlist.ts
+"use server";
+var WAITLIST_MISSING_CONFIG = "Waitlist service is not configured. Please try again later.";
+var WAITLIST_SEND_ERROR = "Failed to join waitlist. Please try again later or contact us directly.";
+var joinWaitlist = async (formData) => {
+  const email = (formData.get("email") ?? "").toString().trim();
+  if (!email || !email.includes("@")) {
+    return {
+      success: false,
+      text: "Please enter a valid email address."
+    };
+  }
+  const configResult = getEmailConfig();
+  if (!configResult.ok || !configResult.config) {
+    return {
+      success: false,
+      text: configResult.errorMessage ?? WAITLIST_MISSING_CONFIG
+    };
+  }
+  const waitlistText = `
+You're on the waitlist!
+
+Thanks for joining the ContractSpec waitlist. You're now in line for early access to:
+
+• Stabilize your AI-generated code with ContractSpec
+• Multi-surface consistency (API, DB, UI, events)
+• Safe regeneration without breaking changes
+• AI governance and contract enforcement
+
+We'll notify you as soon as early access is available. In the meantime, you can:
+
+• Check out our docs: https://contractspec.io/docs
+• Follow our progress on GitHub
+• Book a demo call to see ContractSpec in action
+
+We're excited to have you on board!
+
+---
+ContractSpec Team
+https://contractspec.io
+
+To remove yourself from the waitlist, reply to this email with "remove"
+  `.trim();
+  const waitlistHtml = `
+    <div style="font-family: sans-serif; max-width: 640px; margin: 0 auto;">
+      <h1 style="color: #8b5cf6;">You're on the waitlist!</h1>
+      <p>Thanks for joining the ContractSpec waitlist. You're now in line for early access to:</p>
+      <ul style="line-height: 1.8;">
+        <li>Stabilize your AI-generated code with ContractSpec</li>
+        <li>Multi-surface consistency (API, DB, UI, events)</li>
+        <li>Safe regeneration without breaking changes</li>
+        <li>AI governance and contract enforcement</li>
+      </ul>
+      <p>We'll notify you as soon as early access is available. In the meantime, you can:</p>
+      <ul style="line-height: 1.8;">
+        <li>Check out our <a href="https://contractspec.io/docs" style="color: #8b5cf6;">docs</a></li>
+        <li>Follow our progress on GitHub</li>
+        <li>Book a demo call to see ContractSpec in action</li>
+      </ul>
+      <p>We're excited to have you on board!</p>
+      <hr style="margin: 30px 0; border: none; border-top: 1px solid #e5e7eb;" />
+      <p style="color: #6b7280; font-size: 14px;">
+        ContractSpec Team<br />
+        <a href="https://contractspec.io" style="color: #8b5cf6;">contractspec.io</a>
+      </p>
+      <p style="color: #9ca3af; font-size: 12px;">
+        To remove yourself from the waitlist, reply to this email with "remove"
+      </p>
+    </div>
+  `;
+  const userSend = await sendEmail(configResult.config, {
+    to: [{ email }],
+    subject: "You're on the ContractSpec waitlist!",
+    text: waitlistText,
+    html: waitlistHtml,
+    context: "waitlist-welcome"
+  });
+  if (!userSend.success) {
+    return { success: false, text: WAITLIST_SEND_ERROR };
+  }
+  const teamNotificationText = `New waitlist signup from: ${email}`;
+  const teamNotificationHtml = `
+    <div style="font-family: sans-serif; max-width: 640px; margin: 0 auto;">
+      <p style="margin: 0 0 8px;">New waitlist signup</p>
+      <p style="margin: 0;"><strong>Email:</strong> ${formatMultilineHtml(email)}</p>
+    </div>
+  `;
+  const teamSend = await sendEmail(configResult.config, {
+    to: [configResult.config.teamInbox],
+    subject: `New Waitlist Signup: ${email}`,
+    text: teamNotificationText,
+    html: teamNotificationHtml,
+    context: "waitlist-team-notification"
+  });
+  if (!teamSend.success) {
+    return { success: false, text: WAITLIST_SEND_ERROR };
+  }
+  return { success: true, text: "Successfully joined waitlist!" };
+};
+
+// src/libs/email/waitlist-application.ts
+"use server";
+var APPLICATION_MISSING_CONFIG = "Waitlist application service is not configured. Please try again later.";
+var APPLICATION_SEND_ERROR = "Failed to submit application. Please try again later or contact us directly.";
+var submitWaitlistApplication = async (formData) => {
+  const email = (formData.get("email") ?? "").toString().trim();
+  const name = (formData.get("name") ?? "").toString().trim();
+  const company = (formData.get("company") ?? "").toString().trim();
+  const role = (formData.get("role") ?? "").toString().trim();
+  const useCase = (formData.get("useCase") ?? "").toString().trim();
+  const currentStack = (formData.get("currentStack") ?? "").toString().trim();
+  const whatBuilding = (formData.get("whatBuilding") ?? "").toString().trim();
+  const whatSolving = (formData.get("whatSolving") ?? "").toString().trim();
+  const teamSize = (formData.get("teamSize") ?? "").toString().trim();
+  const timeline = (formData.get("timeline") ?? "").toString().trim();
+  const openToSessions = formData.get("openToSessions") === "on";
+  const okayWithCaseStudies = formData.get("okayWithCaseStudies") === "on";
+  if (!email || !email.includes("@")) {
+    return {
+      success: false,
+      text: "Please enter a valid email address."
+    };
+  }
+  if (!name || !whatBuilding || !whatSolving) {
+    return {
+      success: false,
+      text: "Please fill in all required fields."
+    };
+  }
+  const configResult = getEmailConfig();
+  if (!configResult.ok || !configResult.config) {
+    return {
+      success: false,
+      text: configResult.errorMessage ?? APPLICATION_MISSING_CONFIG
+    };
+  }
+  const applicantText = `
+You're on the list.
+
+Thanks for applying to the ContractSpec design partner program. We're slowly onboarding design partners in waves. If your use case is a good fit, we'll reach out personally.
+
+What happens next:
+• We review applications weekly
+• If selected, we'll reach out via email to schedule an intro call
+• During early access, you'll get hands-on support and influence over the roadmap
+
+In the meantime:
+• Check out our docs: https://contractspec.io/docs
+• Book a demo call: https://contractspec.io/contact
+
+We're excited about the possibility of working together!
+
+---
+ContractSpec Team
+https://contractspec.io
+  `.trim();
+  const applicantHtml = `
+    <div style="font-family: sans-serif; max-width: 640px; margin: 0 auto;">
+      <h1 style="color: #8b5cf6;">You're on the list.</h1>
+      <p>Thanks for applying to the ContractSpec design partner program. We're slowly onboarding design partners in waves. If your use case is a good fit, we'll reach out personally.</p>
+      <h2 style="color: #8b5cf6; margin-top: 24px;">What happens next:</h2>
+      <ul style="line-height: 1.8;">
+        <li>We review applications weekly</li>
+        <li>If selected, we'll reach out via email to schedule an intro call</li>
+        <li>During early access, you'll get hands-on support and influence over the roadmap</li>
+      </ul>
+      <h2 style="color: #8b5cf6; margin-top: 24px;">In the meantime:</h2>
+      <ul style="line-height: 1.8;">
+        <li>Check out our <a href="https://contractspec.io/docs" style="color: #8b5cf6;">docs</a></li>
+        <li>Book a demo call: <a href="https://contractspec.io/contact" style="color: #8b5cf6;">contractspec.io/contact</a></li>
+      </ul>
+      <p>We're excited about the possibility of working together!</p>
+      <hr style="margin: 30px 0; border: none; border-top: 1px solid #e5e7eb;" />
+      <p style="color: #6b7280; font-size: 14px;">
+        ContractSpec Team<br />
+        <a href="https://contractspec.io" style="color: #8b5cf6;">contractspec.io</a>
+      </p>
+    </div>
+  `;
+  const applicantSend = await sendEmail(configResult.config, {
+    to: [{ email }],
+    subject: "You're on the ContractSpec design partner waitlist!",
+    text: applicantText,
+    html: applicantHtml,
+    context: "waitlist-application-welcome"
+  });
+  if (!applicantSend.success) {
+    return { success: false, text: APPLICATION_SEND_ERROR };
+  }
+  const preferencesText = `
+Open to 1:1 product/design sessions: ${openToSessions ? "Yes" : "No"}
+Okay with anonymized case studies: ${okayWithCaseStudies ? "Yes" : "No"}
+  `.trim();
+  const teamEmailText = `
+New Design Partner Waitlist Application
+
+Contact Information:
+- Name: ${name}
+- Email: ${email}
+${company ? `- Company/Project: ${company}` : ""}
+${role ? `- Role: ${role}` : ""}
+
+Application Details:
+- What are you building with AI today?
+${whatBuilding}
+
+- What do you hope ContractSpec will solve for you?
+${whatSolving}
+
+- Primary use case: ${useCase || "Not specified"}
+- Current stack: ${currentStack || "Not specified"}
+- Team Size: ${teamSize || "Not specified"}
+- Timeline: ${timeline || "Not specified"}
+
+Preferences:
+- Open to 1:1 product/design sessions: ${openToSessions ? "Yes" : "No"}
+- Okay with anonymized case studies: ${okayWithCaseStudies ? "Yes" : "No"}
+
+---
+Submitted via ContractSpec waitlist application form
+  `.trim();
+  const teamEmailHtml = `
+    <div style="font-family: sans-serif; max-width: 720px; margin: 0 auto;">
+      <h1 style="color: #8b5cf6;">New Design Partner Waitlist Application</h1>
+      <h2 style="color: #8b5cf6; margin: 16px 0 8px;">Contact Information</h2>
+      <ul style="padding-left: 16px; line-height: 1.6; margin: 0 0 16px;">
+        <li>Name: ${escapeHtml(name)}</li>
+        <li>Email: ${escapeHtml(email)}</li>
+        ${company ? `<li>Company/Project: ${escapeHtml(company)}</li>` : ""}
+        ${role ? `<li>Role: ${escapeHtml(role)}</li>` : ""}
+      </ul>
+      <h2 style="color: #8b5cf6; margin: 16px 0 8px;">Application Details</h2>
+      <p style="margin: 0 0 8px; font-weight: 600;">What are you building with AI today?</p>
+      <div style="border: 1px solid #e5e7eb; border-radius: 8px; padding: 12px; background: #f9fafb; white-space: pre-wrap; line-height: 1.6;">
+        ${formatMultilineHtml(whatBuilding)}
+      </div>
+      <p style="margin: 16px 0 8px; font-weight: 600;">What do you hope ContractSpec will solve for you?</p>
+      <div style="border: 1px solid #e5e7eb; border-radius: 8px; padding: 12px; background: #f9fafb; white-space: pre-wrap; line-height: 1.6;">
+        ${formatMultilineHtml(whatSolving)}
+      </div>
+      <ul style="padding-left: 16px; line-height: 1.6; margin: 16px 0;">
+        <li>Primary use case: ${escapeHtml(useCase || "Not specified")}</li>
+        <li>Current stack: ${escapeHtml(currentStack || "Not specified")}</li>
+        <li>Team Size: ${escapeHtml(teamSize || "Not specified")}</li>
+        <li>Timeline: ${escapeHtml(timeline || "Not specified")}</li>
+      </ul>
+      <h2 style="color: #8b5cf6; margin: 16px 0 8px;">Preferences</h2>
+      <div style="border: 1px solid #e5e7eb; border-radius: 8px; padding: 12px; background: #f9fafb; line-height: 1.6;">
+        ${formatMultilineHtml(preferencesText)}
+      </div>
+      <p style="color: #6b7280; font-size: 12px; margin-top: 20px;">Submitted via ContractSpec waitlist application form</p>
+    </div>
+  `;
+  const teamSend = await sendEmail(configResult.config, {
+    to: [configResult.config.teamInbox],
+    subject: `New Design Partner Application: ${name} (${email})`,
+    text: teamEmailText,
+    html: teamEmailHtml,
+    replyTo: email,
+    context: "waitlist-application-team-notification"
+  });
+  if (!teamSend.success) {
+    return { success: false, text: APPLICATION_SEND_ERROR };
+  }
+  return {
+    success: true,
+    text: "Application submitted successfully!"
+  };
+};
+
+// src/components/marketing/waitlist-section.tsx
+import { useEffect, useState } from "react";
+import { useForm } from "react-hook-form";
+import { zodResolver } from "@hookform/resolvers/zod";
+import z from "zod";
+import { AlertCircle, CheckCircle } from "lucide-react";
+import { Button } from "@contractspec/lib.design-system";
+import { Textarea } from "@contractspec/lib.design-system";
+import { Label } from "@contractspec/lib.ui-kit-web/ui/label";
+import {
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue
+} from "@contractspec/lib.ui-kit-web/ui/select";
+import { Checkbox } from "@contractspec/lib.ui-kit-web/ui/checkbox";
+import { Switch } from "@contractspec/lib.ui-kit-web/ui/switch";
+import { Input } from "@contractspec/lib.design-system";
+import { jsxDEV as jsxDEV3, Fragment } from "react/jsx-dev-runtime";
+"use client";
+var simpleWaitlistSchema = z.object({
+  email: z.email("Please enter a valid email address")
+});
+var designPartnerSchema = z.object({
+  name: z.string().min(1, "Name is required"),
+  email: z.email("Please enter a valid email address"),
+  company: z.string().optional(),
+  role: z.string().optional(),
+  useCase: z.string().optional(),
+  currentStack: z.string().optional(),
+  whatBuilding: z.string().min(1, "Please tell us what you are building"),
+  whatSolving: z.string().min(1, "Please tell us what ContractSpec will solve for you"),
+  teamSize: z.string().optional(),
+  timeline: z.string().optional(),
+  openToSessions: z.boolean().default(false),
+  okayWithCaseStudies: z.boolean().default(false)
+});
+function WaitlistSection({
+  variant = "default",
+  context = "pricing"
+}) {
+  const [isDesignPartner, setIsDesignPartner] = useState(false);
+  const [submitResult, setSubmitResult] = useState(null);
+  const [isPending, setIsPending] = useState(false);
+  const simpleForm = useForm({
+    resolver: zodResolver(simpleWaitlistSchema),
+    defaultValues: {
+      email: ""
+    }
+  });
+  const designPartnerForm = useForm({
+    resolver: zodResolver(designPartnerSchema),
+    defaultValues: {
+      name: "",
+      email: "",
+      company: "",
+      role: "",
+      useCase: "",
+      currentStack: "",
+      whatBuilding: "",
+      whatSolving: "",
+      teamSize: "",
+      timeline: "",
+      openToSessions: false,
+      okayWithCaseStudies: false
+    }
+  });
+  const simpleEmail = simpleForm.watch("email");
+  const designPartnerEmail = designPartnerForm.watch("email");
+  useEffect(() => {
+    const currentDesignPartnerEmail = designPartnerForm.getValues("email");
+    if (simpleEmail && simpleEmail !== currentDesignPartnerEmail) {
+      designPartnerForm.setValue("email", simpleEmail, { shouldDirty: false });
+    }
+  }, [simpleEmail, designPartnerForm]);
+  useEffect(() => {
+    const currentSimpleEmail = simpleForm.getValues("email");
+    if (designPartnerEmail && designPartnerEmail !== currentSimpleEmail) {
+      simpleForm.setValue("email", designPartnerEmail, { shouldDirty: false });
+    }
+  }, [designPartnerEmail, simpleForm]);
+  const handleSimpleSubmit = async (data) => {
+    setIsPending(true);
+    setSubmitResult(null);
+    try {
+      const formData = new FormData;
+      formData.set("email", data.email);
+      const result = await joinWaitlist(formData);
+      if (result.success) {
+        setSubmitResult({
+          success: true,
+          text: "Thanks for joining the waitlist! Check your inbox for a confirmation."
+        });
+        simpleForm.reset();
+      } else {
+        setSubmitResult({
+          success: false,
+          text: result.text || "Failed to join waitlist. Please try again."
+        });
+      }
+    } catch (_error) {
+      setSubmitResult({
+        success: false,
+        text: "Failed to join waitlist. Please try again."
+      });
+    } finally {
+      setIsPending(false);
+    }
+  };
+  const handleDesignPartnerSubmit = async (data) => {
+    setIsPending(true);
+    setSubmitResult(null);
+    try {
+      const formData = new FormData;
+      formData.set("email", data.email);
+      formData.set("name", data.name);
+      if (data.company)
+        formData.set("company", data.company);
+      if (data.role)
+        formData.set("role", data.role);
+      if (data.useCase)
+        formData.set("useCase", data.useCase);
+      if (data.currentStack)
+        formData.set("currentStack", data.currentStack);
+      formData.set("whatBuilding", data.whatBuilding);
+      formData.set("whatSolving", data.whatSolving);
+      if (data.teamSize)
+        formData.set("teamSize", data.teamSize);
+      if (data.timeline)
+        formData.set("timeline", data.timeline);
+      if (data.openToSessions)
+        formData.set("openToSessions", "on");
+      if (data.okayWithCaseStudies)
+        formData.set("okayWithCaseStudies", "on");
+      const result = await submitWaitlistApplication(formData);
+      if (result.success) {
+        setSubmitResult({
+          success: true,
+          text: "You're on the list. Thanks for applying. We're slowly onboarding design partners in waves. If your use case is a good fit, we'll reach out personally."
+        });
+        designPartnerForm.reset();
+      } else {
+        setSubmitResult({
+          success: false,
+          text: result.text || "Failed to submit application. Please try again."
+        });
+      }
+    } catch (_error) {
+      setSubmitResult({
+        success: false,
+        text: "Failed to submit application. Please try again."
+      });
+    } finally {
+      setIsPending(false);
+    }
+  };
+  const onSubmit = isDesignPartner ? designPartnerForm.handleSubmit(handleDesignPartnerSubmit) : simpleForm.handleSubmit(handleSimpleSubmit);
+  const isCompact = variant === "compact";
+  return /* @__PURE__ */ jsxDEV3("div", {
+    id: "waitlist",
+    className: isCompact ? "space-y-4" : "card-subtle space-y-6 p-8",
+    children: [
+      !isCompact && /* @__PURE__ */ jsxDEV3("div", {
+        className: "space-y-4",
+        children: [
+          /* @__PURE__ */ jsxDEV3("div", {
+            className: "inline-flex items-center gap-2 rounded-full border border-violet-500/20 bg-violet-500/10 px-3 py-1",
+            children: /* @__PURE__ */ jsxDEV3("span", {
+              className: "text-sm font-medium text-violet-300",
+              children: isDesignPartner ? "Design Partner Waitlist" : "Join the Waitlist"
+            }, undefined, false, undefined, this)
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV3("h2", {
+            className: "text-2xl font-bold",
+            children: isDesignPartner ? "Apply for early access to ContractSpec" : "Get early access to ContractSpec"
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV3("p", {
+            className: "text-muted-foreground text-sm",
+            children: isDesignPartner ? "Tell us what you're building. We'll prioritize teams where ContractSpec can have a big impact, and where we can learn the most." : "Join the waitlist to be notified when ContractSpec becomes available."
+          }, undefined, false, undefined, this)
+        ]
+      }, undefined, true, undefined, this),
+      !isCompact && /* @__PURE__ */ jsxDEV3("div", {
+        className: "border-border bg-muted/20 flex items-center justify-between gap-4 rounded-lg border p-4",
+        children: [
+          /* @__PURE__ */ jsxDEV3("div", {
+            className: "space-y-1",
+            children: [
+              /* @__PURE__ */ jsxDEV3(Label, {
+                htmlFor: "design-partner-toggle",
+                className: "text-sm font-medium",
+                children: "Apply as a design partner"
+              }, undefined, false, undefined, this),
+              /* @__PURE__ */ jsxDEV3("p", {
+                className: "text-muted-foreground text-xs",
+                children: isDesignPartner ? "Get hands-on support, influence the roadmap, and founding discount" : "Get priority access, 1:1 onboarding, and help shape ContractSpec"
+              }, undefined, false, undefined, this)
+            ]
+          }, undefined, true, undefined, this),
+          /* @__PURE__ */ jsxDEV3(Switch, {
+            id: "design-partner-toggle",
+            checked: isDesignPartner,
+            onCheckedChange: setIsDesignPartner,
+            disabled: isPending || submitResult?.success
+          }, undefined, false, undefined, this)
+        ]
+      }, undefined, true, undefined, this),
+      !isCompact && isDesignPartner && /* @__PURE__ */ jsxDEV3("div", {
+        className: "space-y-2",
+        children: [
+          /* @__PURE__ */ jsxDEV3("p", {
+            className: "text-sm font-medium",
+            children: "Benefits:"
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV3("ul", {
+            className: "text-muted-foreground space-y-1 text-sm",
+            children: [
+              /* @__PURE__ */ jsxDEV3("li", {
+                children: "• Early access to ContractSpec Studio"
+              }, undefined, false, undefined, this),
+              /* @__PURE__ */ jsxDEV3("li", {
+                children: "• 1:1 onboarding and architecture sessions"
+              }, undefined, false, undefined, this),
+              /* @__PURE__ */ jsxDEV3("li", {
+                children: "• Priority support via direct channels"
+              }, undefined, false, undefined, this),
+              /* @__PURE__ */ jsxDEV3("li", {
+                children: "• Influence over roadmap and features"
+              }, undefined, false, undefined, this),
+              /* @__PURE__ */ jsxDEV3("li", {
+                children: "• Founding discount when paid plans launch"
+              }, undefined, false, undefined, this)
+            ]
+          }, undefined, true, undefined, this)
+        ]
+      }, undefined, true, undefined, this),
+      /* @__PURE__ */ jsxDEV3("form", {
+        onSubmit,
+        className: "space-y-4",
+        children: [
+          isDesignPartner ? /* @__PURE__ */ jsxDEV3(Fragment, {
+            children: [
+              /* @__PURE__ */ jsxDEV3("div", {
+                className: "grid gap-4 md:grid-cols-2",
+                children: [
+                  /* @__PURE__ */ jsxDEV3("div", {
+                    className: "space-y-2",
+                    children: [
+                      /* @__PURE__ */ jsxDEV3(Label, {
+                        htmlFor: "waitlist-name",
+                        className: "text-sm font-medium",
+                        children: [
+                          "Name ",
+                          /* @__PURE__ */ jsxDEV3("span", {
+                            className: "text-red-400",
+                            children: "*"
+                          }, undefined, false, undefined, this)
+                        ]
+                      }, undefined, true, undefined, this),
+                      /* @__PURE__ */ jsxDEV3(Input, {
+                        id: "waitlist-name",
+                        ...designPartnerForm.register("name"),
+                        type: "text",
+                        placeholder: "Your name",
+                        disabled: isPending || submitResult?.success
+                      }, undefined, false, undefined, this),
+                      designPartnerForm.formState.errors.name && /* @__PURE__ */ jsxDEV3("p", {
+                        className: "text-xs text-red-400",
+                        children: designPartnerForm.formState.errors.name.message
+                      }, undefined, false, undefined, this)
+                    ]
+                  }, undefined, true, undefined, this),
+                  /* @__PURE__ */ jsxDEV3("div", {
+                    className: "space-y-2",
+                    children: [
+                      /* @__PURE__ */ jsxDEV3(Label, {
+                        htmlFor: "waitlist-email",
+                        className: "text-sm font-medium",
+                        children: [
+                          "Email ",
+                          /* @__PURE__ */ jsxDEV3("span", {
+                            className: "text-red-400",
+                            children: "*"
+                          }, undefined, false, undefined, this)
+                        ]
+                      }, undefined, true, undefined, this),
+                      /* @__PURE__ */ jsxDEV3(Input, {
+                        id: "waitlist-email",
+                        ...designPartnerForm.register("email"),
+                        type: "email",
+                        placeholder: "your@email.com",
+                        disabled: isPending || submitResult?.success
+                      }, undefined, false, undefined, this),
+                      designPartnerForm.formState.errors.email && /* @__PURE__ */ jsxDEV3("p", {
+                        className: "text-xs text-red-400",
+                        children: designPartnerForm.formState.errors.email.message
+                      }, undefined, false, undefined, this)
+                    ]
+                  }, undefined, true, undefined, this)
+                ]
+              }, undefined, true, undefined, this),
+              /* @__PURE__ */ jsxDEV3("div", {
+                className: "grid gap-4 md:grid-cols-2",
+                children: [
+                  /* @__PURE__ */ jsxDEV3("div", {
+                    className: "space-y-2",
+                    children: [
+                      /* @__PURE__ */ jsxDEV3(Label, {
+                        htmlFor: "waitlist-company",
+                        className: "text-sm font-medium",
+                        children: "Company / Project Name"
+                      }, undefined, false, undefined, this),
+                      /* @__PURE__ */ jsxDEV3(Input, {
+                        id: "waitlist-company",
+                        ...designPartnerForm.register("company"),
+                        type: "text",
+                        placeholder: "Your company or project",
+                        disabled: isPending || submitResult?.success
+                      }, undefined, false, undefined, this)
+                    ]
+                  }, undefined, true, undefined, this),
+                  /* @__PURE__ */ jsxDEV3("div", {
+                    className: "space-y-2",
+                    children: [
+                      /* @__PURE__ */ jsxDEV3(Label, {
+                        htmlFor: "waitlist-role",
+                        className: "text-sm font-medium",
+                        children: "Role"
+                      }, undefined, false, undefined, this),
+                      /* @__PURE__ */ jsxDEV3(Select, {
+                        value: designPartnerForm.watch("role") || "",
+                        onValueChange: (value) => designPartnerForm.setValue("role", value),
+                        disabled: isPending || submitResult?.success,
+                        children: [
+                          /* @__PURE__ */ jsxDEV3(SelectTrigger, {
+                            id: "waitlist-role",
+                            className: "w-full",
+                            children: /* @__PURE__ */ jsxDEV3(SelectValue, {
+                              placeholder: "Select your role"
+                            }, undefined, false, undefined, this)
+                          }, undefined, false, undefined, this),
+                          /* @__PURE__ */ jsxDEV3(SelectContent, {
+                            children: [
+                              /* @__PURE__ */ jsxDEV3(SelectItem, {
+                                value: "founder",
+                                children: "Founder"
+                              }, undefined, false, undefined, this),
+                              /* @__PURE__ */ jsxDEV3(SelectItem, {
+                                value: "cto",
+                                children: "CTO"
+                              }, undefined, false, undefined, this),
+                              /* @__PURE__ */ jsxDEV3(SelectItem, {
+                                value: "lead-engineer",
+                                children: "Lead Engineer"
+                              }, undefined, false, undefined, this),
+                              /* @__PURE__ */ jsxDEV3(SelectItem, {
+                                value: "engineer",
+                                children: "Engineer"
+                              }, undefined, false, undefined, this),
+                              /* @__PURE__ */ jsxDEV3(SelectItem, {
+                                value: "product-manager",
+                                children: "Product Manager"
+                              }, undefined, false, undefined, this),
+                              /* @__PURE__ */ jsxDEV3(SelectItem, {
+                                value: "other",
+                                children: "Other"
+                              }, undefined, false, undefined, this)
+                            ]
+                          }, undefined, true, undefined, this)
+                        ]
+                      }, undefined, true, undefined, this)
+                    ]
+                  }, undefined, true, undefined, this)
+                ]
+              }, undefined, true, undefined, this),
+              /* @__PURE__ */ jsxDEV3("div", {
+                className: "grid gap-4 md:grid-cols-2",
+                children: [
+                  /* @__PURE__ */ jsxDEV3("div", {
+                    className: "space-y-2",
+                    children: [
+                      /* @__PURE__ */ jsxDEV3(Label, {
+                        htmlFor: "waitlist-use-case",
+                        className: "text-sm font-medium",
+                        children: "Primary use case"
+                      }, undefined, false, undefined, this),
+                      /* @__PURE__ */ jsxDEV3(Select, {
+                        value: designPartnerForm.watch("useCase") || "",
+                        onValueChange: (value) => designPartnerForm.setValue("useCase", value),
+                        disabled: isPending || submitResult?.success,
+                        children: [
+                          /* @__PURE__ */ jsxDEV3(SelectTrigger, {
+                            id: "waitlist-use-case",
+                            className: "w-full",
+                            children: /* @__PURE__ */ jsxDEV3(SelectValue, {
+                              placeholder: "Select a use case"
+                            }, undefined, false, undefined, this)
+                          }, undefined, false, undefined, this),
+                          /* @__PURE__ */ jsxDEV3(SelectContent, {
+                            children: [
+                              /* @__PURE__ */ jsxDEV3(SelectItem, {
+                                value: "api-platform",
+                                children: "API platform"
+                              }, undefined, false, undefined, this),
+                              /* @__PURE__ */ jsxDEV3(SelectItem, {
+                                value: "ai-ops",
+                                children: "AI operations"
+                              }, undefined, false, undefined, this),
+                              /* @__PURE__ */ jsxDEV3(SelectItem, {
+                                value: "integration-hub",
+                                children: "Integration hub"
+                              }, undefined, false, undefined, this),
+                              /* @__PURE__ */ jsxDEV3(SelectItem, {
+                                value: "internal-tools",
+                                children: "Internal tools"
+                              }, undefined, false, undefined, this),
+                              /* @__PURE__ */ jsxDEV3(SelectItem, {
+                                value: "data-pipelines",
+                                children: "Data pipelines"
+                              }, undefined, false, undefined, this),
+                              /* @__PURE__ */ jsxDEV3(SelectItem, {
+                                value: "other",
+                                children: "Other"
+                              }, undefined, false, undefined, this)
+                            ]
+                          }, undefined, true, undefined, this)
+                        ]
+                      }, undefined, true, undefined, this)
+                    ]
+                  }, undefined, true, undefined, this),
+                  /* @__PURE__ */ jsxDEV3("div", {
+                    className: "space-y-2",
+                    children: [
+                      /* @__PURE__ */ jsxDEV3(Label, {
+                        htmlFor: "waitlist-current-stack",
+                        className: "text-sm font-medium",
+                        children: "Current stack"
+                      }, undefined, false, undefined, this),
+                      /* @__PURE__ */ jsxDEV3(Input, {
+                        id: "waitlist-current-stack",
+                        ...designPartnerForm.register("currentStack"),
+                        type: "text",
+                        placeholder: "e.g. Next.js, Postgres, OpenAPI",
+                        disabled: isPending || submitResult?.success
+                      }, undefined, false, undefined, this)
+                    ]
+                  }, undefined, true, undefined, this)
+                ]
+              }, undefined, true, undefined, this),
+              /* @__PURE__ */ jsxDEV3("div", {
+                className: "space-y-2",
+                children: [
+                  /* @__PURE__ */ jsxDEV3(Label, {
+                    htmlFor: "waitlist-what-building",
+                    className: "text-sm font-medium",
+                    children: [
+                      "What are you building with AI today?",
+                      " ",
+                      /* @__PURE__ */ jsxDEV3("span", {
+                        className: "text-red-400",
+                        children: "*"
+                      }, undefined, false, undefined, this)
+                    ]
+                  }, undefined, true, undefined, this),
+                  /* @__PURE__ */ jsxDEV3(Textarea, {
+                    id: "waitlist-what-building",
+                    ...designPartnerForm.register("whatBuilding"),
+                    placeholder: "Tell us about your project...",
+                    disabled: isPending || submitResult?.success,
+                    rows: 4
+                  }, undefined, false, undefined, this),
+                  designPartnerForm.formState.errors.whatBuilding && /* @__PURE__ */ jsxDEV3("p", {
+                    className: "text-xs text-red-400",
+                    children: designPartnerForm.formState.errors.whatBuilding.message
+                  }, undefined, false, undefined, this)
+                ]
+              }, undefined, true, undefined, this),
+              /* @__PURE__ */ jsxDEV3("div", {
+                className: "space-y-2",
+                children: [
+                  /* @__PURE__ */ jsxDEV3(Label, {
+                    htmlFor: "waitlist-what-solving",
+                    className: "text-sm font-medium",
+                    children: [
+                      "What do you hope ContractSpec will solve for you?",
+                      " ",
+                      /* @__PURE__ */ jsxDEV3("span", {
+                        className: "text-red-400",
+                        children: "*"
+                      }, undefined, false, undefined, this)
+                    ]
+                  }, undefined, true, undefined, this),
+                  /* @__PURE__ */ jsxDEV3(Textarea, {
+                    id: "waitlist-what-solving",
+                    ...designPartnerForm.register("whatSolving"),
+                    placeholder: "What problems are you trying to solve?",
+                    disabled: isPending || submitResult?.success,
+                    rows: 4
+                  }, undefined, false, undefined, this),
+                  designPartnerForm.formState.errors.whatSolving && /* @__PURE__ */ jsxDEV3("p", {
+                    className: "text-xs text-red-400",
+                    children: designPartnerForm.formState.errors.whatSolving.message
+                  }, undefined, false, undefined, this)
+                ]
+              }, undefined, true, undefined, this),
+              /* @__PURE__ */ jsxDEV3("div", {
+                className: "grid gap-4 md:grid-cols-2",
+                children: [
+                  /* @__PURE__ */ jsxDEV3("div", {
+                    className: "space-y-2",
+                    children: [
+                      /* @__PURE__ */ jsxDEV3(Label, {
+                        htmlFor: "waitlist-team-size",
+                        className: "text-sm font-medium",
+                        children: "Team Size"
+                      }, undefined, false, undefined, this),
+                      /* @__PURE__ */ jsxDEV3(Select, {
+                        value: designPartnerForm.watch("teamSize") || "",
+                        onValueChange: (value) => designPartnerForm.setValue("teamSize", value),
+                        disabled: isPending || submitResult?.success,
+                        children: [
+                          /* @__PURE__ */ jsxDEV3(SelectTrigger, {
+                            id: "waitlist-team-size",
+                            className: "w-full",
+                            children: /* @__PURE__ */ jsxDEV3(SelectValue, {
+                              placeholder: "Select team size"
+                            }, undefined, false, undefined, this)
+                          }, undefined, false, undefined, this),
+                          /* @__PURE__ */ jsxDEV3(SelectContent, {
+                            children: [
+                              /* @__PURE__ */ jsxDEV3(SelectItem, {
+                                value: "solo",
+                                children: "Solo"
+                              }, undefined, false, undefined, this),
+                              /* @__PURE__ */ jsxDEV3(SelectItem, {
+                                value: "2-5",
+                                children: "2-5"
+                              }, undefined, false, undefined, this),
+                              /* @__PURE__ */ jsxDEV3(SelectItem, {
+                                value: "6-20",
+                                children: "6-20"
+                              }, undefined, false, undefined, this),
+                              /* @__PURE__ */ jsxDEV3(SelectItem, {
+                                value: "20+",
+                                children: "20+"
+                              }, undefined, false, undefined, this)
+                            ]
+                          }, undefined, true, undefined, this)
+                        ]
+                      }, undefined, true, undefined, this)
+                    ]
+                  }, undefined, true, undefined, this),
+                  /* @__PURE__ */ jsxDEV3("div", {
+                    className: "space-y-2",
+                    children: [
+                      /* @__PURE__ */ jsxDEV3(Label, {
+                        htmlFor: "waitlist-timeline",
+                        className: "text-sm font-medium",
+                        children: "Timeline"
+                      }, undefined, false, undefined, this),
+                      /* @__PURE__ */ jsxDEV3(Select, {
+                        value: designPartnerForm.watch("timeline") || "",
+                        onValueChange: (value) => designPartnerForm.setValue("timeline", value),
+                        disabled: isPending || submitResult?.success,
+                        children: [
+                          /* @__PURE__ */ jsxDEV3(SelectTrigger, {
+                            id: "waitlist-timeline",
+                            className: "w-full",
+                            children: /* @__PURE__ */ jsxDEV3(SelectValue, {
+                              placeholder: "Select timeline"
+                            }, undefined, false, undefined, this)
+                          }, undefined, false, undefined, this),
+                          /* @__PURE__ */ jsxDEV3(SelectContent, {
+                            children: [
+                              /* @__PURE__ */ jsxDEV3(SelectItem, {
+                                value: "now",
+                                children: "Now"
+                              }, undefined, false, undefined, this),
+                              /* @__PURE__ */ jsxDEV3(SelectItem, {
+                                value: "1-3-months",
+                                children: "1-3 months"
+                              }, undefined, false, undefined, this),
+                              /* @__PURE__ */ jsxDEV3(SelectItem, {
+                                value: "3-6-months",
+                                children: "3-6 months"
+                              }, undefined, false, undefined, this),
+                              /* @__PURE__ */ jsxDEV3(SelectItem, {
+                                value: "exploring",
+                                children: "Exploring"
+                              }, undefined, false, undefined, this)
+                            ]
+                          }, undefined, true, undefined, this)
+                        ]
+                      }, undefined, true, undefined, this)
+                    ]
+                  }, undefined, true, undefined, this)
+                ]
+              }, undefined, true, undefined, this),
+              /* @__PURE__ */ jsxDEV3("div", {
+                className: "space-y-3",
+                children: [
+                  /* @__PURE__ */ jsxDEV3("div", {
+                    className: "flex items-start gap-3",
+                    children: [
+                      /* @__PURE__ */ jsxDEV3(Checkbox, {
+                        id: "waitlist-open-to-sessions",
+                        checked: designPartnerForm.watch("openToSessions"),
+                        onCheckedChange: (checked) => designPartnerForm.setValue("openToSessions", checked === true),
+                        disabled: isPending || submitResult?.success
+                      }, undefined, false, undefined, this),
+                      /* @__PURE__ */ jsxDEV3(Label, {
+                        htmlFor: "waitlist-open-to-sessions",
+                        className: "cursor-pointer text-sm leading-relaxed",
+                        children: "I'm open to 1:1 product/design sessions"
+                      }, undefined, false, undefined, this)
+                    ]
+                  }, undefined, true, undefined, this),
+                  /* @__PURE__ */ jsxDEV3("div", {
+                    className: "flex items-start gap-3",
+                    children: [
+                      /* @__PURE__ */ jsxDEV3(Checkbox, {
+                        id: "waitlist-case-studies",
+                        checked: designPartnerForm.watch("okayWithCaseStudies"),
+                        onCheckedChange: (checked) => designPartnerForm.setValue("okayWithCaseStudies", checked === true),
+                        disabled: isPending || submitResult?.success
+                      }, undefined, false, undefined, this),
+                      /* @__PURE__ */ jsxDEV3(Label, {
+                        htmlFor: "waitlist-case-studies",
+                        className: "cursor-pointer text-sm leading-relaxed",
+                        children: "I'm okay with anonymized case studies about our usage"
+                      }, undefined, false, undefined, this)
+                    ]
+                  }, undefined, true, undefined, this)
+                ]
+              }, undefined, true, undefined, this)
+            ]
+          }, undefined, true, undefined, this) : /* @__PURE__ */ jsxDEV3("div", {
+            className: "space-y-2",
+            children: [
+              /* @__PURE__ */ jsxDEV3(Label, {
+                htmlFor: "waitlist-email",
+                className: "text-sm font-medium",
+                children: [
+                  "Email ",
+                  /* @__PURE__ */ jsxDEV3("span", {
+                    className: "text-red-400",
+                    children: "*"
+                  }, undefined, false, undefined, this)
+                ]
+              }, undefined, true, undefined, this),
+              /* @__PURE__ */ jsxDEV3(Input, {
+                id: "waitlist-email",
+                ...simpleForm.register("email"),
+                type: "email",
+                placeholder: "your@email.com",
+                disabled: isPending || submitResult?.success
+              }, undefined, false, undefined, this),
+              simpleForm.formState.errors.email && /* @__PURE__ */ jsxDEV3("p", {
+                className: "text-xs text-red-400",
+                children: simpleForm.formState.errors.email.message
+              }, undefined, false, undefined, this)
+            ]
+          }, undefined, true, undefined, this),
+          submitResult && !isPending && /* @__PURE__ */ jsxDEV3("div", {
+            className: `flex items-start gap-2 rounded-lg p-4 text-sm ${submitResult.success ? "border border-green-500/20 bg-green-500/10 text-green-400" : "border border-red-500/20 bg-red-500/10 text-red-400"}`,
+            children: [
+              submitResult.success ? /* @__PURE__ */ jsxDEV3(CheckCircle, {
+                size: 20,
+                className: "mt-0.5 shrink-0"
+              }, undefined, false, undefined, this) : /* @__PURE__ */ jsxDEV3(AlertCircle, {
+                size: 20,
+                className: "mt-0.5 shrink-0"
+              }, undefined, false, undefined, this),
+              /* @__PURE__ */ jsxDEV3("div", {
+                className: "flex-1",
+                children: submitResult.success ? /* @__PURE__ */ jsxDEV3(Fragment, {
+                  children: [
+                    /* @__PURE__ */ jsxDEV3("p", {
+                      className: "mb-1 font-semibold",
+                      children: "You're on the list."
+                    }, undefined, false, undefined, this),
+                    /* @__PURE__ */ jsxDEV3("p", {
+                      className: "text-sm",
+                      children: submitResult.text
+                    }, undefined, false, undefined, this)
+                  ]
+                }, undefined, true, undefined, this) : /* @__PURE__ */ jsxDEV3("p", {
+                  children: submitResult.text
+                }, undefined, false, undefined, this)
+              }, undefined, false, undefined, this)
+            ]
+          }, undefined, true, undefined, this),
+          /* @__PURE__ */ jsxDEV3(Button, {
+            type: "submit",
+            disabled: isPending || submitResult?.success,
+            className: "w-full",
+            children: isPending ? "Submitting..." : isDesignPartner ? "Apply to the waitlist" : "Join waitlist"
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV3("p", {
+            className: "text-muted-foreground text-center text-xs",
+            children: "No spam. We'll only email you about ContractSpec and your application."
+          }, undefined, false, undefined, this)
+        ]
+      }, undefined, true, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
+}
+
+// src/components/marketing/ContactClient.tsx
+import { useActionState } from "react";
+import {
+  Calendar,
+  MessageSquare as MessageSquare2,
+  CheckCircle as CheckCircle2,
+  AlertCircle as AlertCircle2
+} from "lucide-react";
+import {
+  ActionForm,
+  Button as Button2,
+  Input as Input2,
+  Textarea as Textarea2
+} from "@contractspec/lib.design-system";
+import { VStack as VStack2, HStack as HStack2 } from "@contractspec/lib.ui-kit-web/ui/stack";
+import {
+  H2 as H22,
+  H1 as H12,
+  Small as Small2,
+  Muted as Muted2
+} from "@contractspec/lib.ui-kit-web/ui/typography";
+import { jsxDEV as jsxDEV4 } from "react/jsx-dev-runtime";
+"use client";
+function ContactClient() {
+  const handleContactSubmit = async (_prevState, formData) => {
+    const result = await submitContactForm(formData);
+    if (result.success) {
+      return {
+        success: true,
+        text: "Message sent successfully! We'll get back to you soon."
+      };
+    } else {
+      return {
+        success: false,
+        text: result.text || "Failed to send message. Please try again."
+      };
+    }
+  };
+  const [contactResult, contactAction, contactPending] = useActionState(handleContactSubmit, null);
+  return /* @__PURE__ */ jsxDEV4("section", {
+    className: "section-padding hero-gradient w-full",
+    children: /* @__PURE__ */ jsxDEV4(VStack2, {
+      className: "mx-auto max-w-4xl gap-16",
+      children: [
+        /* @__PURE__ */ jsxDEV4(VStack2, {
+          className: "gap-4 text-center",
+          children: [
+            /* @__PURE__ */ jsxDEV4(H12, {
+              className: "text-5xl font-bold",
+              children: "Get in touch"
+            }, undefined, false, undefined, this),
+            /* @__PURE__ */ jsxDEV4(Muted2, {
+              className: "text-lg",
+              children: "Choose how you'd like to connect with us"
+            }, undefined, false, undefined, this)
+          ]
+        }, undefined, true, undefined, this),
+        /* @__PURE__ */ jsxDEV4(WaitlistSection, {
+          context: "contact"
+        }, undefined, false, undefined, this),
+        /* @__PURE__ */ jsxDEV4(VStack2, {
+          className: "card-subtle gap-6 p-8",
+          id: "call",
+          children: [
+            /* @__PURE__ */ jsxDEV4(HStack2, {
+              className: "items-center gap-3",
+              children: [
+                /* @__PURE__ */ jsxDEV4(Calendar, {
+                  className: "text-blue-400",
+                  size: 24
+                }, undefined, false, undefined, this),
+                /* @__PURE__ */ jsxDEV4(VStack2, {
+                  className: "items-start gap-1",
+                  children: [
+                    /* @__PURE__ */ jsxDEV4(H22, {
+                      className: "text-2xl font-bold",
+                      children: "Book a 20-min call"
+                    }, undefined, false, undefined, this),
+                    /* @__PURE__ */ jsxDEV4(Muted2, {
+                      className: "text-sm",
+                      children: "Schedule a walkthrough with our team to see ContractSpec in action"
+                    }, undefined, false, undefined, this)
+                  ]
+                }, undefined, true, undefined, this)
+              ]
+            }, undefined, true, undefined, this),
+            /* @__PURE__ */ jsxDEV4("div", {
+              className: "border-border overflow-hidden rounded-lg border",
+              children: /* @__PURE__ */ jsxDEV4("object", {
+                data: "https://meet.reclaimai.com/e/f863cb29-caac-44b6-972b-1407dd9545a3",
+                width: "100%",
+                height: "700px",
+                style: { outline: "none" },
+                "aria-label": "Calendar booking widget"
+              }, undefined, false, undefined, this)
+            }, undefined, false, undefined, this)
+          ]
+        }, undefined, true, undefined, this),
+        /* @__PURE__ */ jsxDEV4(VStack2, {
+          className: "card-subtle gap-6 p-8",
+          id: "message",
+          children: [
+            /* @__PURE__ */ jsxDEV4(HStack2, {
+              className: "items-center gap-3",
+              children: [
+                /* @__PURE__ */ jsxDEV4(MessageSquare2, {
+                  className: "text-emerald-400",
+                  size: 24
+                }, undefined, false, undefined, this),
+                /* @__PURE__ */ jsxDEV4(VStack2, {
+                  className: "items-start gap-1",
+                  children: [
+                    /* @__PURE__ */ jsxDEV4(H22, {
+                      className: "text-2xl font-bold",
+                      children: "Send us a message"
+                    }, undefined, false, undefined, this),
+                    /* @__PURE__ */ jsxDEV4(Muted2, {
+                      className: "text-sm",
+                      children: "Have questions or feedback? We'd love to hear from you"
+                    }, undefined, false, undefined, this)
+                  ]
+                }, undefined, true, undefined, this)
+              ]
+            }, undefined, true, undefined, this),
+            /* @__PURE__ */ jsxDEV4(ActionForm, {
+              action: contactAction,
+              children: /* @__PURE__ */ jsxDEV4(VStack2, {
+                className: "gap-4",
+                children: [
+                  /* @__PURE__ */ jsxDEV4(VStack2, {
+                    className: "gap-2",
+                    children: [
+                      /* @__PURE__ */ jsxDEV4(Small2, {
+                        className: "text-sm font-medium",
+                        children: "Name"
+                      }, undefined, false, undefined, this),
+                      /* @__PURE__ */ jsxDEV4(Input2, {
+                        id: "contact-name",
+                        name: "name",
+                        type: "text",
+                        placeholder: "Your name",
+                        disabled: contactPending || contactResult?.success,
+                        required: true
+                      }, undefined, false, undefined, this)
+                    ]
+                  }, undefined, true, undefined, this),
+                  /* @__PURE__ */ jsxDEV4(VStack2, {
+                    className: "gap-2",
+                    children: [
+                      /* @__PURE__ */ jsxDEV4(Small2, {
+                        className: "text-sm font-medium",
+                        children: "Email"
+                      }, undefined, false, undefined, this),
+                      /* @__PURE__ */ jsxDEV4(Input2, {
+                        id: "contact-email",
+                        name: "email",
+                        type: "email",
+                        keyboard: { kind: "email" },
+                        placeholder: "your@email.com",
+                        disabled: contactPending || contactResult?.success,
+                        required: true
+                      }, undefined, false, undefined, this)
+                    ]
+                  }, undefined, true, undefined, this),
+                  /* @__PURE__ */ jsxDEV4(VStack2, {
+                    className: "gap-2",
+                    children: [
+                      /* @__PURE__ */ jsxDEV4(Small2, {
+                        className: "text-sm font-medium",
+                        children: "Message"
+                      }, undefined, false, undefined, this),
+                      /* @__PURE__ */ jsxDEV4(Textarea2, {
+                        id: "contact-message",
+                        name: "message",
+                        placeholder: "Tell us what's on your mind...",
+                        disabled: contactPending || contactResult?.success,
+                        rows: 6,
+                        required: true
+                      }, undefined, false, undefined, this)
+                    ]
+                  }, undefined, true, undefined, this),
+                  contactResult && !contactPending && /* @__PURE__ */ jsxDEV4(HStack2, {
+                    className: `items-center gap-2 rounded-lg p-3 text-sm ${contactResult.success ? "border border-green-500/20 bg-green-500/10 text-green-400" : "border border-red-500/20 bg-red-500/10 text-red-400"}`,
+                    children: [
+                      contactResult.success ? /* @__PURE__ */ jsxDEV4(CheckCircle2, {
+                        size: 16
+                      }, undefined, false, undefined, this) : /* @__PURE__ */ jsxDEV4(AlertCircle2, {
+                        size: 16
+                      }, undefined, false, undefined, this),
+                      /* @__PURE__ */ jsxDEV4(Small2, {
+                        children: contactResult.text
+                      }, undefined, false, undefined, this)
+                    ]
+                  }, undefined, true, undefined, this),
+                  /* @__PURE__ */ jsxDEV4(Button2, {
+                    type: "submit",
+                    disabled: contactPending || contactResult?.success,
+                    className: "w-full",
+                    children: contactPending ? "Sending..." : "Send message"
+                  }, undefined, false, undefined, this)
+                ]
+              }, undefined, true, undefined, this)
+            }, undefined, false, undefined, this)
+          ]
+        }, undefined, true, undefined, this)
+      ]
+    }, undefined, true, undefined, this)
+  }, undefined, false, undefined, this);
+}
+
+// src/components/marketing/ContributePage.tsx
+import { jsxDEV as jsxDEV5 } from "react/jsx-dev-runtime";
+var metadata = {
+  title: "Contribute to ContractSpec",
+  description: "Join the ContractSpec open-source community. Report issues, improve docs, build integrations, and help shape the future of spec-first development.",
+  openGraph: {
+    title: "Contribute to ContractSpec",
+    description: "Get started contributing in under 3 minutes. Docs, examples, integrations, and more.",
+    url: "https://contractspec.io/contribute"
+  },
+  alternates: {
+    canonical: "https://contractspec.io/contribute"
+  }
+};
+function ContributePage() {
+  return /* @__PURE__ */ jsxDEV5("main", {
+    className: "flex grow flex-col items-center justify-center",
+    children: /* @__PURE__ */ jsxDEV5("section", {
+      className: "section-padding",
+      children: /* @__PURE__ */ jsxDEV5("div", {
+        className: "prose prose-invert mx-auto max-w-2xl",
+        children: [
+          /* @__PURE__ */ jsxDEV5("h1", {
+            className: "mb-8 text-4xl font-bold",
+            children: "Contribute to ContractSpec"
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV5("div", {
+            className: "not-prose border-border bg-muted/30 mb-12 rounded-lg border p-6",
+            children: [
+              /* @__PURE__ */ jsxDEV5("h2", {
+                className: "text-foreground mb-4 text-xl font-bold",
+                children: "⚡ Quick Start — 3 Minutes to Your First Contribution"
+              }, undefined, false, undefined, this),
+              /* @__PURE__ */ jsxDEV5("ol", {
+                className: "text-muted-foreground list-inside list-decimal space-y-2",
+                children: [
+                  /* @__PURE__ */ jsxDEV5("li", {
+                    children: [
+                      "Read the",
+                      " ",
+                      /* @__PURE__ */ jsxDEV5("a", {
+                        href: "https://github.com/contractspec/contractspec/blob/main/CONTRIBUTING.md",
+                        className: "text-primary hover:underline",
+                        target: "_blank",
+                        rel: "noopener noreferrer",
+                        children: "CONTRIBUTING guide"
+                      }, undefined, false, undefined, this)
+                    ]
+                  }, undefined, true, undefined, this),
+                  /* @__PURE__ */ jsxDEV5("li", {
+                    children: [
+                      "Pick a",
+                      " ",
+                      /* @__PURE__ */ jsxDEV5("a", {
+                        href: "https://github.com/contractspec/contractspec/labels/good%20first%20issue",
+                        className: "text-primary hover:underline",
+                        target: "_blank",
+                        rel: "noopener noreferrer",
+                        children: "good first issue"
+                      }, undefined, false, undefined, this),
+                      " ",
+                      "or",
+                      " ",
+                      /* @__PURE__ */ jsxDEV5("a", {
+                        href: "https://github.com/contractspec/contractspec/labels/help%20wanted",
+                        className: "text-primary hover:underline",
+                        target: "_blank",
+                        rel: "noopener noreferrer",
+                        children: "help wanted"
+                      }, undefined, false, undefined, this),
+                      " ",
+                      "label"
+                    ]
+                  }, undefined, true, undefined, this),
+                  /* @__PURE__ */ jsxDEV5("li", {
+                    children: "Open a draft PR early — we'll guide you from there"
+                  }, undefined, false, undefined, this)
+                ]
+              }, undefined, true, undefined, this)
+            ]
+          }, undefined, true, undefined, this),
+          /* @__PURE__ */ jsxDEV5("section", {
+            className: "mb-10 space-y-4",
+            children: [
+              /* @__PURE__ */ jsxDEV5("h2", {
+                className: "text-foreground text-2xl font-bold",
+                children: "Why Open Source?"
+              }, undefined, false, undefined, this),
+              /* @__PURE__ */ jsxDEV5("ul", {
+                className: "text-muted-foreground list-inside list-disc space-y-2",
+                children: [
+                  /* @__PURE__ */ jsxDEV5("li", {
+                    children: [
+                      /* @__PURE__ */ jsxDEV5("strong", {
+                        children: "Transparency:"
+                      }, undefined, false, undefined, this),
+                      " You can see exactly how your code is compiled and deployed"
+                    ]
+                  }, undefined, true, undefined, this),
+                  /* @__PURE__ */ jsxDEV5("li", {
+                    children: [
+                      /* @__PURE__ */ jsxDEV5("strong", {
+                        children: "Trust:"
+                      }, undefined, false, undefined, this),
+                      " No black boxes — audit the compiler that shapes your AI-generated code"
+                    ]
+                  }, undefined, true, undefined, this),
+                  /* @__PURE__ */ jsxDEV5("li", {
+                    children: [
+                      /* @__PURE__ */ jsxDEV5("strong", {
+                        children: "Faster ecosystem:"
+                      }, undefined, false, undefined, this),
+                      " Community contributions accelerate adoption and surface real-world edge cases"
+                    ]
+                  }, undefined, true, undefined, this),
+                  /* @__PURE__ */ jsxDEV5("li", {
+                    children: [
+                      /* @__PURE__ */ jsxDEV5("strong", {
+                        children: "Community review:"
+                      }, undefined, false, undefined, this),
+                      " More eyes catch more bugs, and better patterns emerge"
+                    ]
+                  }, undefined, true, undefined, this),
+                  /* @__PURE__ */ jsxDEV5("li", {
+                    children: [
+                      /* @__PURE__ */ jsxDEV5("strong", {
+                        children: "No lock-in:"
+                      }, undefined, false, undefined, this),
+                      " You own your code. The spec is portable."
+                    ]
+                  }, undefined, true, undefined, this)
+                ]
+              }, undefined, true, undefined, this)
+            ]
+          }, undefined, true, undefined, this),
+          /* @__PURE__ */ jsxDEV5("section", {
+            className: "mb-10 space-y-4",
+            children: [
+              /* @__PURE__ */ jsxDEV5("h2", {
+                className: "text-foreground text-2xl font-bold",
+                children: "Where to Contribute"
+              }, undefined, false, undefined, this),
+              /* @__PURE__ */ jsxDEV5("ul", {
+                className: "text-muted-foreground list-inside list-disc space-y-2",
+                children: [
+                  /* @__PURE__ */ jsxDEV5("li", {
+                    children: [
+                      /* @__PURE__ */ jsxDEV5("a", {
+                        href: "https://github.com/contractspec",
+                        className: "text-primary hover:underline",
+                        target: "_blank",
+                        rel: "noopener noreferrer",
+                        children: "GitHub Organization"
+                      }, undefined, false, undefined, this),
+                      " ",
+                      "— All repos live here"
+                    ]
+                  }, undefined, true, undefined, this),
+                  /* @__PURE__ */ jsxDEV5("li", {
+                    children: [
+                      /* @__PURE__ */ jsxDEV5("a", {
+                        href: "https://github.com/contractspec/contractspec",
+                        className: "text-primary hover:underline",
+                        target: "_blank",
+                        rel: "noopener noreferrer",
+                        children: "Main Repository"
+                      }, undefined, false, undefined, this),
+                      " ",
+                      "— Core compiler and specs"
+                    ]
+                  }, undefined, true, undefined, this),
+                  /* @__PURE__ */ jsxDEV5("li", {
+                    children: [
+                      /* @__PURE__ */ jsxDEV5("a", {
+                        href: "https://github.com/contractspec/contractspec/discussions",
+                        className: "text-primary hover:underline",
+                        target: "_blank",
+                        rel: "noopener noreferrer",
+                        children: "Discussions"
+                      }, undefined, false, undefined, this),
+                      " ",
+                      "— Questions, ideas, and RFCs"
+                    ]
+                  }, undefined, true, undefined, this)
+                ]
+              }, undefined, true, undefined, this)
+            ]
+          }, undefined, true, undefined, this),
+          /* @__PURE__ */ jsxDEV5("section", {
+            className: "mb-10 space-y-4",
+            children: [
+              /* @__PURE__ */ jsxDEV5("h2", {
+                className: "text-foreground text-2xl font-bold",
+                children: "Ways to Contribute"
+              }, undefined, false, undefined, this),
+              /* @__PURE__ */ jsxDEV5("div", {
+                className: "text-muted-foreground space-y-3",
+                children: [
+                  /* @__PURE__ */ jsxDEV5("p", {
+                    children: [
+                      /* @__PURE__ */ jsxDEV5("strong", {
+                        className: "text-foreground",
+                        children: "\uD83D\uDCC4 Documentation:"
+                      }, undefined, false, undefined, this),
+                      " ",
+                      "Fix typos, improve explanations, add missing guides"
+                    ]
+                  }, undefined, true, undefined, this),
+                  /* @__PURE__ */ jsxDEV5("p", {
+                    children: [
+                      /* @__PURE__ */ jsxDEV5("strong", {
+                        className: "text-foreground",
+                        children: "\uD83D\uDCE6 Examples & Templates:"
+                      }, undefined, false, undefined, this),
+                      " ",
+                      "Build real-world specs for common use cases"
+                    ]
+                  }, undefined, true, undefined, this),
+                  /* @__PURE__ */ jsxDEV5("p", {
+                    children: [
+                      /* @__PURE__ */ jsxDEV5("strong", {
+                        className: "text-foreground",
+                        children: "\uD83D\uDD0C Integrations & Adapters:"
+                      }, undefined, false, undefined, this),
+                      " ",
+                      "Connect ContractSpec to frameworks, databases, and tools"
+                    ]
+                  }, undefined, true, undefined, this),
+                  /* @__PURE__ */ jsxDEV5("p", {
+                    children: [
+                      /* @__PURE__ */ jsxDEV5("strong", {
+                        className: "text-foreground",
+                        children: "\uD83D\uDC1B Bug Reports:"
+                      }, undefined, false, undefined, this),
+                      " ",
+                      "File issues with clear reproduction steps — minimal cases help the most"
+                    ]
+                  }, undefined, true, undefined, this),
+                  /* @__PURE__ */ jsxDEV5("p", {
+                    children: [
+                      /* @__PURE__ */ jsxDEV5("strong", {
+                        className: "text-foreground",
+                        children: "\uD83D\uDD12 Security Reports:"
+                      }, undefined, false, undefined, this),
+                      " ",
+                      "Found a vulnerability? See",
+                      " ",
+                      /* @__PURE__ */ jsxDEV5("a", {
+                        href: "#security",
+                        className: "text-primary hover:underline",
+                        children: "Security"
+                      }, undefined, false, undefined, this),
+                      " ",
+                      "below"
+                    ]
+                  }, undefined, true, undefined, this)
+                ]
+              }, undefined, true, undefined, this)
+            ]
+          }, undefined, true, undefined, this),
+          /* @__PURE__ */ jsxDEV5("section", {
+            className: "mb-10 space-y-4",
+            children: [
+              /* @__PURE__ */ jsxDEV5("h2", {
+                className: "text-foreground text-2xl font-bold",
+                children: "Quality Bar"
+              }, undefined, false, undefined, this),
+              /* @__PURE__ */ jsxDEV5("p", {
+                className: "text-muted-foreground",
+                children: "We keep the bar high so the codebase stays maintainable. Every PR should:"
+              }, undefined, false, undefined, this),
+              /* @__PURE__ */ jsxDEV5("ul", {
+                className: "text-muted-foreground list-inside list-disc space-y-2",
+                children: [
+                  /* @__PURE__ */ jsxDEV5("li", {
+                    children: [
+                      /* @__PURE__ */ jsxDEV5("strong", {
+                        children: "Include tests"
+                      }, undefined, false, undefined, this),
+                      " — Unit tests for logic, integration tests for adapters"
+                    ]
+                  }, undefined, true, undefined, this),
+                  /* @__PURE__ */ jsxDEV5("li", {
+                    children: [
+                      /* @__PURE__ */ jsxDEV5("strong", {
+                        children: "Be fully typed"
+                      }, undefined, false, undefined, this),
+                      " — No ",
+                      /* @__PURE__ */ jsxDEV5("code", {
+                        children: "any"
+                      }, undefined, false, undefined, this),
+                      ". Strict TypeScript only."
+                    ]
+                  }, undefined, true, undefined, this),
+                  /* @__PURE__ */ jsxDEV5("li", {
+                    children: [
+                      /* @__PURE__ */ jsxDEV5("strong", {
+                        children: "Stay small"
+                      }, undefined, false, undefined, this),
+                      " — One concern per PR. Easier to review, faster to merge."
+                    ]
+                  }, undefined, true, undefined, this),
+                  /* @__PURE__ */ jsxDEV5("li", {
+                    children: [
+                      /* @__PURE__ */ jsxDEV5("strong", {
+                        children: "Use clear commit messages"
+                      }, undefined, false, undefined, this),
+                      " — Describe _what_ and _why_, not just _how_"
+                    ]
+                  }, undefined, true, undefined, this)
+                ]
+              }, undefined, true, undefined, this),
+              /* @__PURE__ */ jsxDEV5("div", {
+                className: "bg-muted/20 mt-4 rounded-md p-4",
+                children: [
+                  /* @__PURE__ */ jsxDEV5("h3", {
+                    className: "text-foreground mb-2 font-semibold",
+                    children: "Spec-First Mindset"
+                  }, undefined, false, undefined, this),
+                  /* @__PURE__ */ jsxDEV5("p", {
+                    className: "text-muted-foreground text-sm",
+                    children: "ContractSpec exists to enforce contracts between humans, AI, and code. When contributing, think spec-first: define the behavior before the implementation. A well-defined spec makes changes safe to regenerate and easy to validate."
+                  }, undefined, false, undefined, this)
+                ]
+              }, undefined, true, undefined, this)
+            ]
+          }, undefined, true, undefined, this),
+          /* @__PURE__ */ jsxDEV5("section", {
+            className: "mb-10 space-y-4",
+            children: [
+              /* @__PURE__ */ jsxDEV5("h2", {
+                className: "text-foreground text-2xl font-bold",
+                children: "Governance & Decision Making"
+              }, undefined, false, undefined, this),
+              /* @__PURE__ */ jsxDEV5("p", {
+                className: "text-muted-foreground",
+                children: [
+                  "ContractSpec uses a",
+                  " ",
+                  /* @__PURE__ */ jsxDEV5("strong", {
+                    className: "text-foreground",
+                    children: "founder-led maintainer model"
+                  }, undefined, false, undefined, this),
+                  ":"
+                ]
+              }, undefined, true, undefined, this),
+              /* @__PURE__ */ jsxDEV5("ul", {
+                className: "text-muted-foreground list-inside list-disc space-y-2",
+                children: [
+                  /* @__PURE__ */ jsxDEV5("li", {
+                    children: "The founder has final say on significant decisions — for now"
+                  }, undefined, false, undefined, this),
+                  /* @__PURE__ */ jsxDEV5("li", {
+                    children: "All reasoning is shared publicly in issues or PRs"
+                  }, undefined, false, undefined, this),
+                  /* @__PURE__ */ jsxDEV5("li", {
+                    children: "Community input shapes direction; we don't merge in silence"
+                  }, undefined, false, undefined, this),
+                  /* @__PURE__ */ jsxDEV5("li", {
+                    children: "This model may evolve as the project matures and trusted maintainers emerge"
+                  }, undefined, false, undefined, this)
+                ]
+              }, undefined, true, undefined, this)
+            ]
+          }, undefined, true, undefined, this),
+          /* @__PURE__ */ jsxDEV5("section", {
+            className: "mb-10 space-y-4",
+            id: "security",
+            children: [
+              /* @__PURE__ */ jsxDEV5("h2", {
+                className: "text-foreground text-2xl font-bold",
+                children: "Security"
+              }, undefined, false, undefined, this),
+              /* @__PURE__ */ jsxDEV5("p", {
+                className: "text-muted-foreground",
+                children: [
+                  "If you discover a security vulnerability, please",
+                  " ",
+                  /* @__PURE__ */ jsxDEV5("strong", {
+                    className: "text-foreground",
+                    children: "do not"
+                  }, undefined, false, undefined, this),
+                  " open a public issue."
+                ]
+              }, undefined, true, undefined, this),
+              /* @__PURE__ */ jsxDEV5("p", {
+                className: "text-muted-foreground",
+                children: [
+                  "Instead, email us at",
+                  " ",
+                  /* @__PURE__ */ jsxDEV5("a", {
+                    href: "mailto:security@contractspec.io",
+                    className: "text-primary hover:underline",
+                    children: "security@contractspec.io"
+                  }, undefined, false, undefined, this),
+                  " ",
+                  "with:"
+                ]
+              }, undefined, true, undefined, this),
+              /* @__PURE__ */ jsxDEV5("ul", {
+                className: "text-muted-foreground list-inside list-disc space-y-2",
+                children: [
+                  /* @__PURE__ */ jsxDEV5("li", {
+                    children: "A clear description of the vulnerability"
+                  }, undefined, false, undefined, this),
+                  /* @__PURE__ */ jsxDEV5("li", {
+                    children: "Steps to reproduce"
+                  }, undefined, false, undefined, this),
+                  /* @__PURE__ */ jsxDEV5("li", {
+                    children: "Potential impact"
+                  }, undefined, false, undefined, this)
+                ]
+              }, undefined, true, undefined, this),
+              /* @__PURE__ */ jsxDEV5("p", {
+                className: "text-muted-foreground",
+                children: "We'll acknowledge within 48 hours and work with you to coordinate disclosure."
+              }, undefined, false, undefined, this)
+            ]
+          }, undefined, true, undefined, this),
+          /* @__PURE__ */ jsxDEV5("section", {
+            className: "mb-10 space-y-4",
+            children: [
+              /* @__PURE__ */ jsxDEV5("h2", {
+                className: "text-foreground text-2xl font-bold",
+                children: "Code of Conduct"
+              }, undefined, false, undefined, this),
+              /* @__PURE__ */ jsxDEV5("p", {
+                className: "text-muted-foreground",
+                children: [
+                  "We expect all contributors to follow our",
+                  " ",
+                  /* @__PURE__ */ jsxDEV5("a", {
+                    href: "https://github.com/contractspec/contractspec/blob/main/CODE_OF_CONDUCT.md",
+                    className: "text-primary hover:underline",
+                    target: "_blank",
+                    rel: "noopener noreferrer",
+                    children: "Code of Conduct"
+                  }, undefined, false, undefined, this),
+                  ". Be respectful, constructive, and assume good intent."
+                ]
+              }, undefined, true, undefined, this)
+            ]
+          }, undefined, true, undefined, this),
+          /* @__PURE__ */ jsxDEV5("section", {
+            className: "border-border mt-12 space-y-4 border-t pt-8",
+            children: [
+              /* @__PURE__ */ jsxDEV5("h2", {
+                className: "text-foreground text-2xl font-bold",
+                children: "Want to Go Deeper?"
+              }, undefined, false, undefined, this),
+              /* @__PURE__ */ jsxDEV5("p", {
+                className: "text-muted-foreground",
+                children: "If you're considering a long-term commitment to ContractSpec — reviewing PRs regularly, shaping roadmap, mentoring new contributors — we'd love to talk."
+              }, undefined, false, undefined, this),
+              /* @__PURE__ */ jsxDEV5("p", {
+                className: "text-muted-foreground",
+                children: [
+                  "This isn't a job offer. It's an invitation to help build something meaningful together. Reach out at",
+                  " ",
+                  /* @__PURE__ */ jsxDEV5("a", {
+                    href: "mailto:maintainers@contractspec.io",
+                    className: "text-primary hover:underline",
+                    children: "maintainers@contractspec.io"
+                  }, undefined, false, undefined, this),
+                  " ",
+                  "and tell us what you'd bring to the table."
+                ]
+              }, undefined, true, undefined, this)
+            ]
+          }, undefined, true, undefined, this)
+        ]
+      }, undefined, true, undefined, this)
+    }, undefined, false, undefined, this)
+  }, undefined, false, undefined, this);
+}
+
+// src/components/marketing/DesignPartnerPage.tsx
+import Link from "next/link";
+import { Button as Button3 } from "@contractspec/lib.design-system";
+import {
+  ArrowRight,
+  BookOpen,
+  MessageSquare as MessageSquare3,
+  Rocket as Rocket2,
+  Users as Users2
+} from "lucide-react";
+import { jsxDEV as jsxDEV6 } from "react/jsx-dev-runtime";
+var metadata2 = {
+  title: "Design Partner Getting Started | ContractSpec",
+  description: "Onboarding and resources for ContractSpec Design Partners."
+};
+function DesignPartnerPage() {
+  return /* @__PURE__ */ jsxDEV6("main", {
+    className: "flex grow flex-col",
+    children: [
+      /* @__PURE__ */ jsxDEV6("section", {
+        className: "section-padding relative overflow-hidden",
+        children: /* @__PURE__ */ jsxDEV6("div", {
+          className: "container mx-auto max-w-5xl",
+          children: /* @__PURE__ */ jsxDEV6("div", {
+            className: "mb-12 max-w-3xl",
+            children: [
+              /* @__PURE__ */ jsxDEV6("h1", {
+                className: "mb-6 text-4xl font-bold tracking-tight sm:text-5xl",
+                children: "Welcome, Design Partner"
+              }, undefined, false, undefined, this),
+              /* @__PURE__ */ jsxDEV6("p", {
+                className: "text-muted-foreground text-xl leading-relaxed",
+                children: "We're thrilled to have you on board. As a Design Partner, you play a critical role in shaping the future of ContractSpec. This hub contains everything you need to get started, collaborate with us, and build your first specifications."
+              }, undefined, false, undefined, this)
+            ]
+          }, undefined, true, undefined, this)
+        }, undefined, false, undefined, this)
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsxDEV6("section", {
+        className: "section-padding bg-white/5",
+        children: /* @__PURE__ */ jsxDEV6("div", {
+          className: "container mx-auto max-w-5xl",
+          children: [
+            /* @__PURE__ */ jsxDEV6("h2", {
+              className: "mb-12 text-3xl font-bold",
+              children: "Getting Started"
+            }, undefined, false, undefined, this),
+            /* @__PURE__ */ jsxDEV6("div", {
+              className: "grid gap-12 md:grid-cols-2",
+              children: [
+                /* @__PURE__ */ jsxDEV6("div", {
+                  className: "space-y-4",
+                  children: [
+                    /* @__PURE__ */ jsxDEV6("div", {
+                      className: "border-primary/20 bg-primary/10 flex h-12 w-12 items-center justify-center rounded-lg border",
+                      children: /* @__PURE__ */ jsxDEV6(Rocket2, {
+                        className: "text-primary h-6 w-6"
+                      }, undefined, false, undefined, this)
+                    }, undefined, false, undefined, this),
+                    /* @__PURE__ */ jsxDEV6("h3", {
+                      className: "text-xl font-semibold",
+                      children: "1. Access the Studio"
+                    }, undefined, false, undefined, this),
+                    /* @__PURE__ */ jsxDEV6("p", {
+                      className: "text-muted-foreground",
+                      children: "Your account has been enabled with Design Partner privileges. Log in to the Studio to start exploring the latest features before they're public."
+                    }, undefined, false, undefined, this),
+                    /* @__PURE__ */ jsxDEV6("div", {
+                      className: "pt-2",
+                      children: /* @__PURE__ */ jsxDEV6(Button3, {
+                        asChild: true,
+                        variant: "outline",
+                        children: /* @__PURE__ */ jsxDEV6(Link, {
+                          href: "https://www.contractspec.studio",
+                          children: [
+                            "Launch Studio ",
+                            /* @__PURE__ */ jsxDEV6(ArrowRight, {
+                              className: "ml-2 h-4 w-4"
+                            }, undefined, false, undefined, this)
+                          ]
+                        }, undefined, true, undefined, this)
+                      }, undefined, false, undefined, this)
+                    }, undefined, false, undefined, this)
+                  ]
+                }, undefined, true, undefined, this),
+                /* @__PURE__ */ jsxDEV6("div", {
+                  className: "space-y-4",
+                  children: [
+                    /* @__PURE__ */ jsxDEV6("div", {
+                      className: "border-primary/20 bg-primary/10 flex h-12 w-12 items-center justify-center rounded-lg border",
+                      children: /* @__PURE__ */ jsxDEV6(MessageSquare3, {
+                        className: "text-primary h-6 w-6"
+                      }, undefined, false, undefined, this)
+                    }, undefined, false, undefined, this),
+                    /* @__PURE__ */ jsxDEV6("h3", {
+                      className: "text-xl font-semibold",
+                      children: "2. Join the Conversation"
+                    }, undefined, false, undefined, this),
+                    /* @__PURE__ */ jsxDEV6("p", {
+                      className: "text-muted-foreground",
+                      children: "We've set up a dedicated private channel for real-time feedback and support. Connect with our engineering team and other partners."
+                    }, undefined, false, undefined, this),
+                    /* @__PURE__ */ jsxDEV6("div", {
+                      className: "pt-2",
+                      children: /* @__PURE__ */ jsxDEV6(Button3, {
+                        asChild: true,
+                        variant: "outline",
+                        children: /* @__PURE__ */ jsxDEV6(Link, {
+                          href: "mailto:partners@contractspec.io",
+                          children: [
+                            "Contact Partner Success",
+                            " ",
+                            /* @__PURE__ */ jsxDEV6(ArrowRight, {
+                              className: "ml-2 h-4 w-4"
+                            }, undefined, false, undefined, this)
+                          ]
+                        }, undefined, true, undefined, this)
+                      }, undefined, false, undefined, this)
+                    }, undefined, false, undefined, this)
+                  ]
+                }, undefined, true, undefined, this),
+                /* @__PURE__ */ jsxDEV6("div", {
+                  className: "space-y-4",
+                  children: [
+                    /* @__PURE__ */ jsxDEV6("div", {
+                      className: "border-primary/20 bg-primary/10 flex h-12 w-12 items-center justify-center rounded-lg border",
+                      children: /* @__PURE__ */ jsxDEV6(BookOpen, {
+                        className: "text-primary h-6 w-6"
+                      }, undefined, false, undefined, this)
+                    }, undefined, false, undefined, this),
+                    /* @__PURE__ */ jsxDEV6("h3", {
+                      className: "text-xl font-semibold",
+                      children: "3. Explore Documentation"
+                    }, undefined, false, undefined, this),
+                    /* @__PURE__ */ jsxDEV6("p", {
+                      className: "text-muted-foreground",
+                      children: "Dive deep into the core concepts, API references, and architecture guides. Our docs are evolving, and your feedback helps us improve them."
+                    }, undefined, false, undefined, this),
+                    /* @__PURE__ */ jsxDEV6("div", {
+                      className: "pt-2",
+                      children: /* @__PURE__ */ jsxDEV6(Button3, {
+                        asChild: true,
+                        variant: "outline",
+                        children: /* @__PURE__ */ jsxDEV6(Link, {
+                          href: "/docs",
+                          children: [
+                            "Read the Docs ",
+                            /* @__PURE__ */ jsxDEV6(ArrowRight, {
+                              className: "ml-2 h-4 w-4"
+                            }, undefined, false, undefined, this)
+                          ]
+                        }, undefined, true, undefined, this)
+                      }, undefined, false, undefined, this)
+                    }, undefined, false, undefined, this)
+                  ]
+                }, undefined, true, undefined, this),
+                /* @__PURE__ */ jsxDEV6("div", {
+                  className: "space-y-4",
+                  children: [
+                    /* @__PURE__ */ jsxDEV6("div", {
+                      className: "border-primary/20 bg-primary/10 flex h-12 w-12 items-center justify-center rounded-lg border",
+                      children: /* @__PURE__ */ jsxDEV6(Users2, {
+                        className: "text-primary h-6 w-6"
+                      }, undefined, false, undefined, this)
+                    }, undefined, false, undefined, this),
+                    /* @__PURE__ */ jsxDEV6("h3", {
+                      className: "text-xl font-semibold",
+                      children: "4. Partner Syncs"
+                    }, undefined, false, undefined, this),
+                    /* @__PURE__ */ jsxDEV6("p", {
+                      className: "text-muted-foreground",
+                      children: "We schedule bi-weekly syncs to review your progress, blockers, and feature requests. Check your calendar invite for the next session."
+                    }, undefined, false, undefined, this)
+                  ]
+                }, undefined, true, undefined, this)
+              ]
+            }, undefined, true, undefined, this)
+          ]
+        }, undefined, true, undefined, this)
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsxDEV6("section", {
+        className: "section-padding",
+        children: /* @__PURE__ */ jsxDEV6("div", {
+          className: "container mx-auto max-w-3xl",
+          children: [
+            /* @__PURE__ */ jsxDEV6("h2", {
+              className: "mb-8 text-3xl font-bold",
+              children: "What to Expect"
+            }, undefined, false, undefined, this),
+            /* @__PURE__ */ jsxDEV6("div", {
+              className: "space-y-8",
+              children: [
+                /* @__PURE__ */ jsxDEV6("div", {
+                  children: [
+                    /* @__PURE__ */ jsxDEV6("h3", {
+                      className: "mb-2 text-xl font-semibold",
+                      children: "Fast Iteration Cycles"
+                    }, undefined, false, undefined, this),
+                    /* @__PURE__ */ jsxDEV6("p", {
+                      className: "text-muted-foreground",
+                      children: "We ship updates frequently. You might see UI changes or new capabilities appear weekly. We'll do our best to communicate breaking changes in advance."
+                    }, undefined, false, undefined, this)
+                  ]
+                }, undefined, true, undefined, this),
+                /* @__PURE__ */ jsxDEV6("div", {
+                  children: [
+                    /* @__PURE__ */ jsxDEV6("h3", {
+                      className: "mb-2 text-xl font-semibold",
+                      children: "Direct Engineering Access"
+                    }, undefined, false, undefined, this),
+                    /* @__PURE__ */ jsxDEV6("p", {
+                      className: "text-muted-foreground",
+                      children: "You're not talking to support agents; you're talking to the builders. Your feedback goes directly into the issue tracker."
+                    }, undefined, false, undefined, this)
+                  ]
+                }, undefined, true, undefined, this),
+                /* @__PURE__ */ jsxDEV6("div", {
+                  children: [
+                    /* @__PURE__ */ jsxDEV6("h3", {
+                      className: "mb-2 text-xl font-semibold",
+                      children: "Input on Roadmap"
+                    }, undefined, false, undefined, this),
+                    /* @__PURE__ */ jsxDEV6("p", {
+                      className: "text-muted-foreground",
+                      children: "Design Partners influence priority. If a feature enables a critical use case for you, let us know—we often reshuffle our sprint to accommodate partner needs."
+                    }, undefined, false, undefined, this)
+                  ]
+                }, undefined, true, undefined, this)
+              ]
+            }, undefined, true, undefined, this)
+          ]
+        }, undefined, true, undefined, this)
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsxDEV6("section", {
+        className: "section-padding border-t border-white/10",
+        children: /* @__PURE__ */ jsxDEV6("div", {
+          className: "container mx-auto max-w-3xl text-center",
+          children: [
+            /* @__PURE__ */ jsxDEV6("h2", {
+              className: "mb-4 text-3xl font-bold",
+              children: "Have a question right now?"
+            }, undefined, false, undefined, this),
+            /* @__PURE__ */ jsxDEV6("p", {
+              className: "text-muted-foreground mb-8",
+              children: "Don't hesitate to reach out. We are here to help you succeed."
+            }, undefined, false, undefined, this),
+            /* @__PURE__ */ jsxDEV6(Button3, {
+              asChild: true,
+              size: "lg",
+              children: /* @__PURE__ */ jsxDEV6(Link, {
+                href: "mailto:partners@contractspec.io",
+                children: "Email the Founders"
+              }, undefined, false, undefined, this)
+            }, undefined, false, undefined, this)
+          ]
+        }, undefined, true, undefined, this)
+      }, undefined, false, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
+}
+
+// src/components/marketing/sections/HeroMarketingSection.tsx
+import { ButtonLink as ButtonLink2, MarketingSection as MarketingSection2 } from "@contractspec/lib.design-system";
+import {
+  analyticsEventNames,
+  captureAnalyticsEvent
+} from "@contractspec/bundle.library/libs/posthog/client";
+import { Box as Box2, HStack as HStack3, VStack as VStack3 } from "@contractspec/lib.ui-kit-web/ui/stack";
+import { H1 as H13, Lead as Lead2, Small as Small3 } from "@contractspec/lib.ui-kit-web/ui/typography";
+import { ChevronRight } from "lucide-react";
+import { jsxDEV as jsxDEV7 } from "react/jsx-dev-runtime";
+"use client";
+var heroChips = ["Multi-Surface Sync", "No Lock-in", "Standard Tech"];
+function HeroMarketingSection() {
+  return /* @__PURE__ */ jsxDEV7(MarketingSection2, {
+    tone: "gradient",
+    padding: "spacious",
+    align: "center",
+    children: /* @__PURE__ */ jsxDEV7(VStack3, {
+      gap: "lg",
+      align: "center",
+      className: "text-center",
+      children: [
+        /* @__PURE__ */ jsxDEV7(Box2, {
+          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",
+          children: "Open Source Core"
+        }, undefined, false, undefined, this),
+        /* @__PURE__ */ jsxDEV7(H13, {
+          className: "text-4xl leading-tight font-bold text-balance md:text-5xl",
+          children: "Stabilize your AI-generated code"
+        }, undefined, false, undefined, this),
+        /* @__PURE__ */ jsxDEV7(Lead2, {
+          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."
+        }, undefined, false, undefined, this),
+        /* @__PURE__ */ jsxDEV7(HStack3, {
+          gap: "md",
+          justify: "center",
+          wrap: "wrap",
+          children: [
+            /* @__PURE__ */ jsxDEV7(ButtonLink2, {
+              href: "/install",
+              onClick: () => captureAnalyticsEvent(analyticsEventNames.CTA_INSTALL_CLICK, {
+                surface: "hero"
+              }),
+              children: [
+                "Install OSS ",
+                /* @__PURE__ */ jsxDEV7(ChevronRight, {
+                  size: 16
+                }, undefined, false, undefined, this)
+              ]
+            }, undefined, true, undefined, this),
+            /* @__PURE__ */ jsxDEV7(ButtonLink2, {
+              variant: "ghost",
+              href: "/contact#waitlist",
+              onClick: () => captureAnalyticsEvent(analyticsEventNames.CTA_STUDIO_CLICK, {
+                surface: "hero"
+              }),
+              children: "Join Studio Waitlist"
+            }, undefined, false, undefined, this)
+          ]
+        }, undefined, true, undefined, this),
+        /* @__PURE__ */ jsxDEV7(HStack3, {
+          gap: "sm",
+          justify: "center",
+          wrap: "wrap",
+          className: "pt-2",
+          children: heroChips.map((chip) => /* @__PURE__ */ jsxDEV7(Box2, {
+            as: "div",
+            role: "presentation",
+            className: "border-border text-foreground inline-flex items-center rounded-full border px-3 py-1 text-sm",
+            children: /* @__PURE__ */ jsxDEV7(Small3, {
+              className: "font-medium",
+              children: chip
+            }, undefined, false, undefined, this)
+          }, chip, false, undefined, this))
+        }, undefined, false, undefined, this)
+      ]
+    }, undefined, true, undefined, this)
+  }, undefined, false, undefined, this);
+}
+
+// src/components/marketing/sections/IconGridSection.tsx
+import { cva } from "class-variance-authority";
+import {
+  MarketingCardsSection,
+  MarketingIconCard
+} from "@contractspec/lib.design-system";
+import { Muted as Muted3 } from "@contractspec/lib.ui-kit-web/ui/typography";
+import { jsxDEV as jsxDEV8 } from "react/jsx-dev-runtime";
+var itemVariants = cva("", {
+  variants: {
+    iconRole: {
+      iconFirst: "",
+      listing: "items-start",
+      support: "items-start"
+    }
+  },
+  defaultVariants: { iconRole: "iconFirst" }
+});
+function IconGridSection({
+  eyebrow,
+  title,
+  subtitle,
+  items,
+  tone = "default",
+  padding,
+  columns = 3,
+  iconRole = "iconFirst"
+}) {
+  return /* @__PURE__ */ jsxDEV8(MarketingCardsSection, {
+    tone,
+    padding,
+    eyebrow: eyebrow ? /* @__PURE__ */ jsxDEV8(Muted3, {
+      className: "text-xs font-semibold tracking-[0.2em] uppercase",
+      children: eyebrow
+    }, undefined, false, undefined, this) : null,
+    title,
+    subtitle: subtitle ? /* @__PURE__ */ jsxDEV8(Muted3, {
+      className: "text-lg",
+      children: subtitle
+    }, undefined, false, undefined, this) : null,
+    columns,
+    children: items.map((card) => /* @__PURE__ */ jsxDEV8(MarketingIconCard, {
+      icon: card.icon,
+      title: card.title,
+      description: card.description,
+      tone: card.tone,
+      iconClassName: card.iconClassName,
+      variant: iconRole === "listing" ? "listing" : iconRole === "support" ? "support" : "iconFirst",
+      className: itemVariants({ iconRole })
+    }, card.title, false, undefined, this))
+  }, undefined, false, undefined, this);
+}
+
+// src/components/marketing/sections/ProblemSection.tsx
+import { AlertTriangle, Layers, RefreshCw, XCircle } from "lucide-react";
+import { jsxDEV as jsxDEV9 } from "react/jsx-dev-runtime";
+var problemItems = [
+  {
+    icon: AlertTriangle,
+    title: "Can't enforce invariants",
+    description: "AI-generated code drifts from business rules over time. No source of truth means no safety.",
+    iconClassName: "text-red-400"
+  },
+  {
+    icon: Layers,
+    title: "Multi-surface chaos",
+    description: "API, DB, UI, and events get out of sync. One change breaks three surfaces.",
+    iconClassName: "text-orange-400"
+  },
+  {
+    icon: RefreshCw,
+    title: "Hallucinated refactors",
+    description: 'AI "improvements" introduce subtle bugs and break contracts you didn’t know existed.',
+    iconClassName: "text-amber-400"
+  },
+  {
+    icon: XCircle,
+    title: "Unmaintainable spaghetti",
+    description: "Teams ship fast initially, then spend months untangling AI-generated chaos.",
+    iconClassName: "text-red-400"
+  }
+];
+function ProblemSection() {
+  return /* @__PURE__ */ jsxDEV9(IconGridSection, {
+    tone: "muted",
+    columns: 4,
+    eyebrow: "The Problem",
+    title: "AI agents write code fast. Then the chaos begins.",
+    subtitle: 'In 2025, "vibe coding" and AI agents generate enormous amounts of code. But they have critical limitations that destroy long-term maintainability.',
+    items: problemItems
+  }, undefined, false, undefined, this);
+}
+
+// src/components/marketing/sections/SolutionSection.tsx
+import { FileCode, Layers as Layers2, RefreshCw as RefreshCw2, Shield } from "lucide-react";
+import { jsxDEV as jsxDEV10 } from "react/jsx-dev-runtime";
+var solutionItems = [
+  {
+    icon: FileCode,
+    title: "Canonical Source of Truth",
+    description: "Contracts define what the system should do, not just what it does. AI agents read specs, not implementations.",
+    iconClassName: "text-emerald-400"
+  },
+  {
+    icon: Layers2,
+    title: "Multi-Surface Consistency",
+    description: "One spec generates API, DB, UI, events, and MCP tools. All surfaces stay in sync because they share the same source.",
+    iconClassName: "text-blue-400"
+  },
+  {
+    icon: RefreshCw2,
+    title: "Safe Regeneration",
+    description: "Regenerate code anytime without fear. Specs enforce invariants. Breaking changes caught at compile time.",
+    iconClassName: "text-violet-400"
+  },
+  {
+    icon: Shield,
+    title: "AI Governance",
+    description: "Constrain what AI agents can change. Enforce contracts they must respect. Flag violations automatically.",
+    iconClassName: "text-pink-400"
+  }
+];
+function SolutionSection() {
+  return /* @__PURE__ */ jsxDEV10(IconGridSection, {
+    tone: "default",
+    columns: 4,
+    eyebrow: "The Solution",
+    title: "ContractSpec: The safety layer for AI-coded systems",
+    subtitle: "Define contracts once. Generate consistent code across all surfaces. Regenerate safely anytime. No lock-in.",
+    items: solutionItems
+  }, undefined, false, undefined, this);
+}
+
+// src/components/marketing/sections/FearsSection.tsx
+import { CheckCircle as CheckCircle3, Code, Unlock, Zap } from "lucide-react";
+import { jsxDEV as jsxDEV11 } from "react/jsx-dev-runtime";
+var fears = [
+  {
+    title: '"I already have an app"',
+    body: "ContractSpec works with existing codebases. You don't start over — you stabilize incrementally, one module at a time. Start with one API endpoint, one data model, one contract.",
+    icon: CheckCircle3
+  },
+  {
+    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.",
+    icon: Unlock
+  },
+  {
+    title: '"Adoption cost / learning curve"',
+    body: "Specs are just TypeScript. If you can write z.object({ name: z.string() }), you can write a ContractSpec. No new language, no magic DSL, no YAML.",
+    icon: Code
+  },
+  {
+    title: '"Forced migrations / magical runtime"',
+    body: "ContractSpec generates plain code you can read, debug, and modify. There's no proprietary runtime. Migrations are explicit, reversible, and in your control.",
+    icon: Zap
+  }
+];
+function FearsSection() {
+  return /* @__PURE__ */ jsxDEV11(IconGridSection, {
+    tone: "muted",
+    columns: 2,
+    eyebrow: "We Get It",
+    title: "Your fears, addressed",
+    subtitle: "We know what you're thinking. Here's why those concerns don't apply to ContractSpec.",
+    iconRole: "support",
+    items: fears.map((item) => ({
+      icon: item.icon,
+      title: item.title,
+      description: item.body,
+      iconClassName: "text-violet-400"
+    }))
+  }, undefined, false, undefined, this);
+}
+
+// src/components/marketing/sections/CorePositioningSection.tsx
+import { MarketingSection as MarketingSection3, ButtonLink as ButtonLink3 } from "@contractspec/lib.design-system";
+import { VStack as VStack4 } from "@contractspec/lib.ui-kit-web/ui/stack";
+import { H2 as H23, Lead as Lead3, Small as Small4 } from "@contractspec/lib.ui-kit-web/ui/typography";
+import { ChevronRight as ChevronRight2 } from "lucide-react";
+import { jsxDEV as jsxDEV12 } from "react/jsx-dev-runtime";
+function CorePositioningSection() {
+  return /* @__PURE__ */ jsxDEV12(MarketingSection3, {
+    tone: "gradient",
+    padding: "comfortable",
+    align: "center",
+    maxWidth: "lg",
+    children: /* @__PURE__ */ jsxDEV12(VStack4, {
+      gap: "md",
+      align: "center",
+      children: [
+        /* @__PURE__ */ jsxDEV12(H23, {
+          className: "text-center text-3xl font-bold md:text-4xl",
+          children: [
+            "You keep your app.",
+            /* @__PURE__ */ jsxDEV12("br", {}, undefined, false, undefined, this),
+            "We stabilize it, one module at a time."
+          ]
+        }, undefined, true, undefined, this),
+        /* @__PURE__ */ jsxDEV12(Lead3, {
+          className: "text-center",
+          children: [
+            "You own the code. It's standard tech.",
+            /* @__PURE__ */ jsxDEV12("br", {}, undefined, false, undefined, this),
+            /* @__PURE__ */ jsxDEV12(Small4, {
+              className: "font-semibold text-violet-400",
+              children: "We're the compiler, not the prison."
+            }, undefined, false, undefined, this)
+          ]
+        }, undefined, true, undefined, this),
+        /* @__PURE__ */ jsxDEV12(VStack4, {
+          as: "div",
+          gap: "sm",
+          align: "center",
+          className: "pt-2 sm:flex sm:flex-row sm:flex-wrap sm:items-center sm:justify-center",
+          children: [
+            /* @__PURE__ */ jsxDEV12(ButtonLink3, {
+              href: "/pricing#waitlist",
+              children: [
+                "Join waitlist ",
+                /* @__PURE__ */ jsxDEV12(ChevronRight2, {
+                  size: 16
+                }, undefined, false, undefined, this)
+              ]
+            }, undefined, true, undefined, this),
+            /* @__PURE__ */ jsxDEV12(ButtonLink3, {
+              variant: "ghost",
+              href: "/contact",
+              children: "Book a call"
+            }, undefined, false, undefined, this)
+          ]
+        }, undefined, true, undefined, this)
+      ]
+    }, undefined, true, undefined, this)
+  }, undefined, false, undefined, this);
+}
+
+// src/components/marketing/sections/AudienceSection.tsx
+import {
+  MarketingCard,
+  MarketingCardContent,
+  MarketingCardHeader,
+  MarketingCardTitle,
+  MarketingCardsSection as MarketingCardsSection2
+} from "@contractspec/lib.design-system";
+import { VStack as VStack5 } from "@contractspec/lib.ui-kit-web/ui/stack";
+import { Muted as Muted4, Small as Small5 } from "@contractspec/lib.ui-kit-web/ui/typography";
+import { jsxDEV as jsxDEV13 } from "react/jsx-dev-runtime";
+var audiences = [
+  {
+    tier: "Tier 1: Priority",
+    title: "AI-Native Startups & Technical Founders",
+    body: "Solo founders or small teams using Cursor, Copilot, Claude, or AI agents heavily. Messy AI-generated backends and frontends, inconsistent APIs, code that is hard to refactor.",
+    need: "Need: A way to stabilize AI-generated code without rewriting it."
+  },
+  {
+    tier: "Tier 1: Priority",
+    title: "Small Teams with AI-Generated Chaos",
+    body: "2-10 person teams that shipped fast with AI and now have tech debt. Multiple surfaces out of sync, no source of truth, afraid to touch AI-generated code.",
+    need: "Need: Incremental stabilization, safe regeneration, contracts as guardrails."
+  },
+  {
+    tier: "Tier 2: Growth",
+    title: "AI Dev Agencies",
+    body: "Agencies building many projects for clients using AI-assisted development. Repeating the same patterns, inconsistent quality across projects, handoff nightmares.",
+    need: "Need: Reusable templates, consistent contracts, professional handoff artifacts."
+  },
+  {
+    tier: "Tier 2: Growth",
+    title: "Scaleups with Compliance Needs",
+    body: "Growing companies that need audit trails, API governance, or regulatory compliance. AI-generated code doesn't meet compliance requirements.",
+    need: "Need: Governance layer, change tracking, contract enforcement."
+  }
+];
+function AudienceSection() {
+  return /* @__PURE__ */ jsxDEV13(MarketingCardsSection2, {
+    tone: "default",
+    columns: 2,
+    eyebrow: "Who It's For",
+    title: "Built for teams drowning in AI-generated code",
+    maxWidth: "xl",
+    children: audiences.map((item) => /* @__PURE__ */ jsxDEV13(MarketingCard, {
+      tone: "muted",
+      children: [
+        /* @__PURE__ */ jsxDEV13(MarketingCardHeader, {
+          className: "space-y-2",
+          children: [
+            /* @__PURE__ */ jsxDEV13(Small5, {
+              className: "font-semibold text-blue-400",
+              children: item.tier
+            }, undefined, false, undefined, this),
+            /* @__PURE__ */ jsxDEV13(MarketingCardTitle, {
+              className: "text-xl",
+              children: item.title
+            }, undefined, false, undefined, this)
+          ]
+        }, undefined, true, undefined, this),
+        /* @__PURE__ */ jsxDEV13(MarketingCardContent, {
+          children: /* @__PURE__ */ jsxDEV13(VStack5, {
+            gap: "sm",
+            children: [
+              /* @__PURE__ */ jsxDEV13(Muted4, {
+                className: "text-sm leading-relaxed",
+                children: item.body
+              }, undefined, false, undefined, this),
+              /* @__PURE__ */ jsxDEV13(Small5, {
+                className: "font-medium text-violet-400",
+                children: item.need
+              }, undefined, false, undefined, this)
+            ]
+          }, undefined, true, undefined, this)
+        }, undefined, false, undefined, this)
+      ]
+    }, item.title, true, undefined, this))
+  }, undefined, false, undefined, this);
+}
+
+// src/components/marketing/sections/OutputsSection.tsx
+import { jsxDEV as jsxDEV14 } from "react/jsx-dev-runtime";
+var outputs = [
+  {
+    title: "REST API",
+    description: "Type-safe endpoints with validation. Standard Express/Hono/Elysia handlers.",
+    icon: "\uD83D\uDD0C"
+  },
+  {
+    title: "GraphQL Schema",
+    description: "Automatically generated resolvers. Standard Pothos/Apollo output.",
+    icon: "\uD83D\uDCCA"
+  },
+  {
+    title: "Database Schema",
+    description: "Prisma migrations and types. Standard SQL underneath.",
+    icon: "\uD83D\uDDC4️"
+  },
+  {
+    title: "MCP Tools",
+    description: "AI agent tool definitions. Works with Claude, GPT, and any MCP client.",
+    icon: "\uD83E\uDD16"
+  },
+  {
+    title: "Client SDKs",
+    description: "Type-safe API clients. Standard fetch/axios underneath.",
+    icon: "\uD83D\uDCE6"
+  },
+  {
+    title: "UI Components",
+    description: "React forms and views from specs. Standard JSX output.",
+    icon: "\uD83C\uDFA8"
+  }
+];
+function OutputsSection() {
+  return /* @__PURE__ */ jsxDEV14(IconGridSection, {
+    tone: "muted",
+    columns: 3,
+    title: "What ContractSpec generates",
+    subtitle: "One contract, multiple outputs. All in sync. All standard tech.",
+    iconRole: "iconFirst",
+    items: outputs.map((item) => ({
+      icon: () => /* @__PURE__ */ jsxDEV14("span", {
+        "aria-hidden": true,
+        className: "text-3xl",
+        children: item.icon
+      }, undefined, false, undefined, this),
+      title: item.title,
+      description: item.description
+    }))
+  }, undefined, false, undefined, this);
+}
+
+// src/components/marketing/sections/StepsSection.tsx
+import { jsxDEV as jsxDEV15 } from "react/jsx-dev-runtime";
+var steps = [
+  {
+    step: 1,
+    title: "Pick one module",
+    description: "Start with one API endpoint, one entity, one surface. No big-bang migration."
+  },
+  {
+    step: 2,
+    title: "Define the contract",
+    description: "Write a spec in TypeScript. Just types and Zod schemas you already know."
+  },
+  {
+    step: 3,
+    title: "Generate & compare",
+    description: "See what ContractSpec generates. Compare to your existing code. Keep what works."
+  },
+  {
+    step: 4,
+    title: "Expand gradually",
+    description: "Add more contracts as you see value. No pressure. No lock-in. Your pace."
+  }
+];
+function StepsSection() {
+  return /* @__PURE__ */ jsxDEV15(IconGridSection, {
+    tone: "default",
+    columns: 4,
+    title: "How incremental adoption works",
+    padding: "comfortable",
+    iconRole: "listing",
+    items: steps.map((item) => ({
+      icon: ({ className }) => /* @__PURE__ */ jsxDEV15("div", {
+        className: `bg-primary/15 flex h-10 w-10 items-center justify-center rounded-lg ${className ?? ""}`,
+        children: /* @__PURE__ */ jsxDEV15("span", {
+          className: "text-primary text-sm font-semibold",
+          children: item.step
+        }, undefined, false, undefined, this)
+      }, undefined, false, undefined, this),
+      title: item.title,
+      description: item.description,
+      tone: "muted"
+    }))
+  }, undefined, false, undefined, this);
+}
+
+// src/components/marketing/sections/DevelopersSection.tsx
+import {
+  ButtonLink as ButtonLink4,
+  MarketingComparisonSection
+} from "@contractspec/lib.design-system";
+import { jsxDEV as jsxDEV16 } from "react/jsx-dev-runtime";
+var standardTech = [
+  "TypeScript & Zod — schemas you already know",
+  "Prisma — standard database access",
+  "GraphQL or REST — your choice",
+  "React or any UI framework",
+  "Bun, Node, Deno — all supported"
+];
+var noMagic = [
+  "Generated code is readable & modifiable",
+  "No proprietary runtime dependencies",
+  "Eject anytime, keep everything",
+  "Works with your existing CI/CD",
+  "Open spec format"
+];
+function DevelopersSection() {
+  return /* @__PURE__ */ jsxDEV16(MarketingComparisonSection, {
+    tone: "muted",
+    title: "Built for developers",
+    padding: "comfortable",
+    left: { title: "Standard Tech Stack", items: standardTech },
+    right: { title: "No Magic, No Lock-in", items: noMagic },
+    subtitle: /* @__PURE__ */ jsxDEV16(ButtonLink4, {
+      href: "/docs",
+      children: [
+        "Read the docs ",
+        /* @__PURE__ */ jsxDEV16("span", {
+          "aria-hidden": true,
+          children: "→"
+        }, undefined, false, undefined, this)
+      ]
+    }, undefined, true, undefined, this)
+  }, undefined, false, undefined, this);
+}
+
+// src/components/marketing/sections/CtaSection.tsx
+import { MarketingSection as MarketingSection4, ButtonLink as ButtonLink5 } from "@contractspec/lib.design-system";
+import {
+  analyticsEventNames as analyticsEventNames2,
+  captureAnalyticsEvent as captureAnalyticsEvent2
+} from "@contractspec/bundle.library/libs/posthog/client";
+import { VStack as VStack6 } from "@contractspec/lib.ui-kit-web/ui/stack";
+import { H2 as H24, Lead as Lead4 } from "@contractspec/lib.ui-kit-web/ui/typography";
+import { jsxDEV as jsxDEV17 } from "react/jsx-dev-runtime";
+function CtaSection() {
+  return /* @__PURE__ */ jsxDEV17(MarketingSection4, {
+    tone: "gradient",
+    padding: "comfortable",
+    align: "center",
+    maxWidth: "lg",
+    children: /* @__PURE__ */ jsxDEV17(VStack6, {
+      gap: "md",
+      align: "center",
+      className: "text-center",
+      children: [
+        /* @__PURE__ */ jsxDEV17(H24, {
+          className: "text-4xl font-bold md:text-5xl",
+          children: "Ready to stabilize your codebase?"
+        }, undefined, false, undefined, this),
+        /* @__PURE__ */ jsxDEV17(Lead4, {
+          className: "text-muted-foreground text-lg",
+          children: "Start with one module. See the difference. Expand at your own pace."
+        }, undefined, false, undefined, this),
+        /* @__PURE__ */ jsxDEV17(VStack6, {
+          as: "div",
+          gap: "sm",
+          align: "center",
+          className: "pt-2 sm:flex sm:flex-row sm:flex-wrap sm:items-center sm:justify-center",
+          children: [
+            /* @__PURE__ */ jsxDEV17(ButtonLink5, {
+              href: "/pricing#waitlist",
+              onClick: () => captureAnalyticsEvent2(analyticsEventNames2.CTA_STUDIO_CLICK, {
+                surface: "cta-section"
+              }),
+              children: "Join waitlist"
+            }, undefined, false, undefined, this),
+            /* @__PURE__ */ jsxDEV17(ButtonLink5, {
+              variant: "ghost",
+              href: "/contact",
+              onClick: () => captureAnalyticsEvent2(analyticsEventNames2.CTA_STUDIO_CLICK, {
+                surface: "cta-section",
+                variant: "contact"
+              }),
+              children: "Book a call"
+            }, undefined, false, undefined, this)
+          ]
+        }, undefined, true, undefined, this)
+      ]
+    }, undefined, true, undefined, this)
+  }, undefined, false, undefined, this);
+}
+
+// src/components/marketing/LandingPage.tsx
+import { VStack as VStack7 } from "@contractspec/lib.ui-kit-web/ui/stack";
+import { jsxDEV as jsxDEV18 } from "react/jsx-dev-runtime";
+"use client";
+function LandingPage() {
+  return /* @__PURE__ */ jsxDEV18(VStack7, {
+    as: "main",
+    gap: "none",
+    children: [
+      /* @__PURE__ */ jsxDEV18(HeroMarketingSection, {}, undefined, false, undefined, this),
+      /* @__PURE__ */ jsxDEV18(ProblemSection, {}, undefined, false, undefined, this),
+      /* @__PURE__ */ jsxDEV18(SolutionSection, {}, undefined, false, undefined, this),
+      /* @__PURE__ */ jsxDEV18(FearsSection, {}, undefined, false, undefined, this),
+      /* @__PURE__ */ jsxDEV18(CorePositioningSection, {}, undefined, false, undefined, this),
+      /* @__PURE__ */ jsxDEV18(AudienceSection, {}, undefined, false, undefined, this),
+      /* @__PURE__ */ jsxDEV18(OutputsSection, {}, undefined, false, undefined, this),
+      /* @__PURE__ */ jsxDEV18(StepsSection, {}, undefined, false, undefined, this),
+      /* @__PURE__ */ jsxDEV18(DevelopersSection, {}, undefined, false, undefined, this),
+      /* @__PURE__ */ jsxDEV18(CtaSection, {}, undefined, false, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
+}
+
+// src/libs/pricing-examples.ts
+var PRICING_EXAMPLES = {
+  free: {
+    regenerationsPerMonth: 200,
+    aiActionsPerMonth: 100,
+    projects: 1
+  },
+  builder: {
+    regenerationsPerMonthHint: "1,000–2,000+",
+    aiActionsPerMonthHint: "1,000+"
+  },
+  team: {
+    description: "Higher limits + cheaper per-regen at scale"
+  }
+};
+
+// src/components/marketing/pricing-thinking-modal.tsx
+import { CheckCircle as CheckCircle4 } from "lucide-react";
+import {
+  Dialog,
+  DialogContent,
+  DialogDescription,
+  DialogHeader,
+  DialogTitle
+} from "@contractspec/lib.ui-kit-web/ui/dialog";
+import { Button as Button4 } from "@contractspec/lib.design-system";
+import { jsxDEV as jsxDEV19 } from "react/jsx-dev-runtime";
+"use client";
+var pricingTiers = [
+  {
+    tag: "Planned",
+    title: "Free",
+    priceLine: "For hobbyists and pre-PMF teams",
+    bullets: [
+      "1 active project",
+      "Small spec size",
+      `Example: ~${PRICING_EXAMPLES.free.regenerationsPerMonth} free regenerations per month`,
+      `Example: ~${PRICING_EXAMPLES.free.aiActionsPerMonth} free AI agent actions per month`,
+      "Unlimited collaborators"
+    ],
+    note: "Good enough to build and launch a real product before paying."
+  },
+  {
+    tag: "Planned",
+    title: "Builder",
+    priceLine: "Usage-based, for solo builders and small teams",
+    bullets: [
+      "More projects",
+      `More monthly regenerations included (e.g. ${PRICING_EXAMPLES.builder.regenerationsPerMonthHint})`,
+      `More AI agent actions included (e.g. ${PRICING_EXAMPLES.builder.aiActionsPerMonthHint})`,
+      "Pay-as-you-go for extra regenerations and AI",
+      "Basic environments (dev / prod)"
+    ],
+    note: "Pay for how fast and how often you evolve your system, not for seats."
+  },
+  {
+    tag: "Planned",
+    title: "Team & Platform",
+    priceLine: "For teams standardizing on ContractSpec",
+    bullets: [
+      "Multiple projects and environments",
+      "Higher regeneration and AI action limits",
+      "Cheaper overages as you scale",
+      "Advanced RBAC and governance",
+      "SSO, audit trails, and longer retention"
+    ],
+    note: "For platform teams using ContractSpec as infra for multiple apps."
+  }
+];
+var usageMetrics = [
+  {
+    name: "Regenerations",
+    freeTier: `Free tier: e.g. ~${PRICING_EXAMPLES.free.regenerationsPerMonth} regenerations / month`,
+    beyond: "Beyond: pay per additional regeneration, with volume discounts."
+  },
+  {
+    name: "AI agent actions",
+    freeTier: `Free tier: e.g. ~${PRICING_EXAMPLES.free.aiActionsPerMonth} AI agent actions / month`,
+    beyond: "Beyond: pay-as-you-go for extra AI usage."
+  },
+  {
+    name: "Projects",
+    freeTier: `Free tier: ${PRICING_EXAMPLES.free.projects} project`,
+    beyond: "Builder / Team: more projects included; extra projects available as you scale."
+  }
+];
+function PricingThinkingModal({
+  open,
+  onOpenChange,
+  onApplyClick
+}) {
+  return /* @__PURE__ */ jsxDEV19(Dialog, {
+    open,
+    onOpenChange,
+    children: /* @__PURE__ */ jsxDEV19(DialogContent, {
+      className: "max-h-[90vh] w-full overflow-y-auto md:max-w-5xl",
+      children: [
+        /* @__PURE__ */ jsxDEV19(DialogHeader, {
+          children: [
+            /* @__PURE__ */ jsxDEV19(DialogTitle, {
+              children: "Tentative pricing (work in progress)"
+            }, undefined, false, undefined, this),
+            /* @__PURE__ */ jsxDEV19(DialogDescription, {
+              children: "We're still in design-partner mode. This is a draft of how we expect pricing to look once we open public access."
+            }, undefined, false, undefined, this)
+          ]
+        }, undefined, true, undefined, this),
+        /* @__PURE__ */ jsxDEV19("div", {
+          className: "space-y-8",
+          children: [
+            /* @__PURE__ */ jsxDEV19("div", {
+              className: "space-y-4",
+              children: [
+                /* @__PURE__ */ jsxDEV19("div", {
+                  className: "flex items-center gap-2",
+                  children: [
+                    /* @__PURE__ */ jsxDEV19("span", {
+                      className: "text-muted-foreground text-xs font-medium",
+                      children: "Draft"
+                    }, undefined, false, undefined, this),
+                    /* @__PURE__ */ jsxDEV19("span", {
+                      className: "text-muted-foreground text-xs",
+                      children: "•"
+                    }, undefined, false, undefined, this),
+                    /* @__PURE__ */ jsxDEV19("span", {
+                      className: "text-muted-foreground text-xs",
+                      children: "Subject to change"
+                    }, undefined, false, undefined, this)
+                  ]
+                }, undefined, true, undefined, this),
+                /* @__PURE__ */ jsxDEV19("div", {
+                  className: "grid gap-4 md:grid-cols-3",
+                  children: pricingTiers.map((tier) => /* @__PURE__ */ jsxDEV19("div", {
+                    className: "card-subtle relative space-y-4 p-6",
+                    children: [
+                      /* @__PURE__ */ jsxDEV19("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",
+                        children: tier.tag
+                      }, undefined, false, undefined, this),
+                      /* @__PURE__ */ jsxDEV19("div", {
+                        className: "space-y-2 pt-2",
+                        children: [
+                          /* @__PURE__ */ jsxDEV19("h3", {
+                            className: "text-xl font-bold",
+                            children: tier.title
+                          }, undefined, false, undefined, this),
+                          /* @__PURE__ */ jsxDEV19("p", {
+                            className: "text-muted-foreground text-sm",
+                            children: tier.priceLine
+                          }, undefined, false, undefined, this)
+                        ]
+                      }, undefined, true, undefined, this),
+                      /* @__PURE__ */ jsxDEV19("ul", {
+                        className: "space-y-2",
+                        children: tier.bullets.map((bullet, i) => /* @__PURE__ */ jsxDEV19("li", {
+                          className: "text-muted-foreground flex gap-2 text-sm",
+                          children: [
+                            /* @__PURE__ */ jsxDEV19(CheckCircle4, {
+                              size: 14,
+                              className: "mt-0.5 shrink-0 text-violet-400"
+                            }, undefined, false, undefined, this),
+                            bullet
+                          ]
+                        }, i, true, undefined, this))
+                      }, undefined, false, undefined, this),
+                      /* @__PURE__ */ jsxDEV19("p", {
+                        className: "text-muted-foreground text-xs italic",
+                        children: tier.note
+                      }, undefined, false, undefined, this)
+                    ]
+                  }, tier.title, true, undefined, this))
+                }, undefined, false, undefined, this)
+              ]
+            }, undefined, true, undefined, this),
+            /* @__PURE__ */ jsxDEV19("div", {
+              className: "border-border space-y-4 border-t pt-6",
+              children: [
+                /* @__PURE__ */ jsxDEV19("div", {
+                  children: [
+                    /* @__PURE__ */ jsxDEV19("h3", {
+                      className: "text-lg font-bold",
+                      children: "Usage-based, with a generous free tier"
+                    }, undefined, false, undefined, this),
+                    /* @__PURE__ */ jsxDEV19("p", {
+                      className: "text-muted-foreground mt-2 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__ */ jsxDEV19("p", {
+                      className: "text-muted-foreground mt-3 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)
+                  ]
+                }, undefined, true, undefined, this),
+                /* @__PURE__ */ jsxDEV19("div", {
+                  className: "grid gap-4 md:grid-cols-3",
+                  children: usageMetrics.map((metric) => /* @__PURE__ */ jsxDEV19("div", {
+                    className: "card-subtle space-y-2 p-4",
+                    children: [
+                      /* @__PURE__ */ jsxDEV19("h4", {
+                        className: "text-sm font-semibold",
+                        children: metric.name
+                      }, undefined, false, undefined, this),
+                      /* @__PURE__ */ jsxDEV19("p", {
+                        className: "text-muted-foreground text-xs",
+                        children: metric.freeTier
+                      }, undefined, false, undefined, this),
+                      /* @__PURE__ */ jsxDEV19("p", {
+                        className: "text-muted-foreground text-xs",
+                        children: metric.beyond
+                      }, undefined, false, undefined, this)
+                    ]
+                  }, metric.name, true, undefined, this))
+                }, undefined, false, undefined, this)
+              ]
+            }, undefined, true, undefined, this),
+            /* @__PURE__ */ jsxDEV19("div", {
+              className: "border-border space-y-4 border-t pt-6",
+              children: [
+                /* @__PURE__ */ jsxDEV19("p", {
+                  className: "text-muted-foreground text-xs",
+                  children: "These numbers are examples only. Final pricing and limits will evolve as we learn from design partners."
+                }, undefined, false, undefined, this),
+                /* @__PURE__ */ jsxDEV19("p", {
+                  className: "text-muted-foreground text-xs",
+                  children: "This is a tentative pricing model. We're pre-PMF and pricing is still in draft, subject to change based on what we learn."
+                }, undefined, false, undefined, this),
+                /* @__PURE__ */ jsxDEV19("p", {
+                  className: "text-muted-foreground text-xs",
+                  children: "Design partners get early access and a founding discount when paid plans launch."
+                }, undefined, false, undefined, this),
+                onApplyClick && /* @__PURE__ */ jsxDEV19(Button4, {
+                  onClick: () => {
+                    onOpenChange(false);
+                    onApplyClick();
+                  },
+                  className: "w-full",
+                  variant: "outline",
+                  children: "Apply as a design partner"
+                }, undefined, false, undefined, this)
+              ]
+            }, undefined, true, undefined, this)
+          ]
+        }, undefined, true, undefined, this)
+      ]
+    }, undefined, true, undefined, this)
+  }, undefined, false, undefined, this);
+}
+
+// src/components/marketing/PricingClient.tsx
+import { useState as useState2 } from "react";
+import Link2 from "next/link";
+import { CheckCircle as CheckCircle5, ChevronDown, ChevronRight as ChevronRight3 } from "lucide-react";
+import { jsxDEV as jsxDEV20 } from "react/jsx-dev-runtime";
+"use client";
+var faqs = [
+  {
+    question: "Can I pay for ContractSpec 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."
+  },
+  {
+    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."
+  },
+  {
+    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."
+  },
+  {
+    question: "Will you ever charge per seat?",
+    answer: "No. We want everyone in your team to use ContractSpec without friction. Pricing is tied to how much of your system we help you maintain, not how many teammates you invite."
+  }
+];
+function PricingClient() {
+  const [openFaq, setOpenFaq] = useState2(null);
+  const [pricingModalOpen, setPricingModalOpen] = useState2(false);
+  const scrollToWaitlist = () => {
+    const waitlistElement = document.getElementById("waitlist");
+    if (waitlistElement) {
+      waitlistElement.scrollIntoView({ behavior: "smooth", block: "start" });
+    }
+  };
+  return /* @__PURE__ */ jsxDEV20("main", {
+    className: "",
+    children: [
+      /* @__PURE__ */ jsxDEV20("section", {
+        className: "section-padding hero-gradient relative",
+        children: /* @__PURE__ */ jsxDEV20("div", {
+          className: "mx-auto max-w-4xl space-y-6 text-center",
+          children: [
+            /* @__PURE__ */ jsxDEV20("h1", {
+              className: "text-5xl leading-tight font-bold md:text-6xl",
+              children: "Transparent, usage-based pricing – after we earn it."
+            }, undefined, false, undefined, this),
+            /* @__PURE__ */ jsxDEV20("p", {
+              className: "text-muted-foreground mx-auto max-w-2xl text-lg",
+              children: "ContractSpec Core (the OSS compiler) is and always will be free. ContractSpec Studio (the managed platform) is in early access."
+            }, undefined, false, undefined, this),
+            /* @__PURE__ */ jsxDEV20("div", {
+              className: "flex flex-col items-center justify-center gap-4 pt-4 sm:flex-row",
+              children: [
+                /* @__PURE__ */ jsxDEV20(Link2, {
+                  href: "/install",
+                  className: "btn-primary inline-flex items-center gap-2",
+                  children: [
+                    "Install OSS Core ",
+                    /* @__PURE__ */ jsxDEV20(ChevronRight3, {
+                      size: 16
+                    }, undefined, false, undefined, this)
+                  ]
+                }, undefined, true, undefined, this),
+                /* @__PURE__ */ jsxDEV20("button", {
+                  onClick: scrollToWaitlist,
+                  className: "btn-ghost inline-flex items-center gap-2",
+                  children: "Join Studio waitlist"
+                }, undefined, false, undefined, this)
+              ]
+            }, undefined, true, undefined, this)
+          ]
+        }, undefined, true, undefined, this)
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsxDEV20("section", {
+        className: "section-padding border-border border-b",
+        children: /* @__PURE__ */ jsxDEV20("div", {
+          className: "mx-auto max-w-6xl",
+          children: /* @__PURE__ */ jsxDEV20("div", {
+            className: "card-subtle flex flex-col gap-6 p-8 md:flex-row md:items-center",
+            children: [
+              /* @__PURE__ */ jsxDEV20("div", {
+                className: "flex-1 space-y-4",
+                children: [
+                  /* @__PURE__ */ jsxDEV20("div", {
+                    className: "inline-flex items-center gap-2 rounded-full border border-violet-500/20 bg-violet-500/10 px-3 py-1",
+                    children: /* @__PURE__ */ jsxDEV20("span", {
+                      className: "text-sm font-medium text-violet-300",
+                      children: "Now accepting design partners"
+                    }, undefined, false, undefined, this)
+                  }, undefined, false, undefined, this),
+                  /* @__PURE__ */ jsxDEV20("h2", {
+                    className: "text-2xl font-bold",
+                    children: "Help us design the compiler for AI-native software."
+                  }, undefined, false, undefined, this),
+                  /* @__PURE__ */ jsxDEV20("p", {
+                    className: "text-muted-foreground text-sm",
+                    children: "We work closely with a small group of teams building serious products with AI. You bring real-world complexity, we bring the spec-first engine and a lot of attention."
+                  }, undefined, false, undefined, this)
+                ]
+              }, undefined, true, undefined, this),
+              /* @__PURE__ */ jsxDEV20("div", {
+                className: "flex-1 space-y-4",
+                children: [
+                  /* @__PURE__ */ jsxDEV20("ul", {
+                    className: "text-muted-foreground space-y-2 text-sm",
+                    children: [
+                      /* @__PURE__ */ jsxDEV20("li", {
+                        className: "flex gap-2",
+                        children: [
+                          /* @__PURE__ */ jsxDEV20(CheckCircle5, {
+                            size: 16,
+                            className: "mt-0.5 shrink-0 text-violet-400"
+                          }, undefined, false, undefined, this),
+                          "Early access to ContractSpec Studio"
+                        ]
+                      }, undefined, true, undefined, this),
+                      /* @__PURE__ */ jsxDEV20("li", {
+                        className: "flex gap-2",
+                        children: [
+                          /* @__PURE__ */ jsxDEV20(CheckCircle5, {
+                            size: 16,
+                            className: "mt-0.5 shrink-0 text-violet-400"
+                          }, undefined, false, undefined, this),
+                          "Hands-on onboarding and architecture help"
+                        ]
+                      }, undefined, true, undefined, this),
+                      /* @__PURE__ */ jsxDEV20("li", {
+                        className: "flex gap-2",
+                        children: [
+                          /* @__PURE__ */ jsxDEV20(CheckCircle5, {
+                            size: 16,
+                            className: "mt-0.5 shrink-0 text-violet-400"
+                          }, undefined, false, undefined, this),
+                          "Influence over roadmap and features"
+                        ]
+                      }, undefined, true, undefined, this),
+                      /* @__PURE__ */ jsxDEV20("li", {
+                        className: "flex gap-2",
+                        children: [
+                          /* @__PURE__ */ jsxDEV20(CheckCircle5, {
+                            size: 16,
+                            className: "mt-0.5 shrink-0 text-violet-400"
+                          }, undefined, false, undefined, this),
+                          "Priority support during early access"
+                        ]
+                      }, undefined, true, undefined, this),
+                      /* @__PURE__ */ jsxDEV20("li", {
+                        className: "flex gap-2",
+                        children: [
+                          /* @__PURE__ */ jsxDEV20(CheckCircle5, {
+                            size: 16,
+                            className: "mt-0.5 shrink-0 text-violet-400"
+                          }, undefined, false, undefined, this),
+                          "Founding discount when paid plans launch"
+                        ]
+                      }, undefined, true, undefined, this)
+                    ]
+                  }, undefined, true, undefined, this),
+                  /* @__PURE__ */ jsxDEV20("button", {
+                    onClick: scrollToWaitlist,
+                    className: "btn-primary w-full md:w-auto",
+                    children: "Apply to the waitlist"
+                  }, undefined, false, undefined, this)
+                ]
+              }, undefined, true, undefined, this)
+            ]
+          }, undefined, true, undefined, this)
+        }, undefined, false, undefined, this)
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsxDEV20("section", {
+        className: "section-padding border-border border-b",
+        children: /* @__PURE__ */ jsxDEV20("div", {
+          className: "mx-auto max-w-6xl",
+          children: /* @__PURE__ */ jsxDEV20("div", {
+            className: "grid gap-6 md:grid-cols-3",
+            children: [
+              /* @__PURE__ */ jsxDEV20("div", {
+                className: "card-subtle col-span-3 space-y-6 border-violet-500/20 p-6",
+                children: [
+                  /* @__PURE__ */ jsxDEV20("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",
+                    children: [
+                      /* @__PURE__ */ jsxDEV20("div", {
+                        className: "text-1xl font-bold",
+                        children: "Free Forever"
+                      }, undefined, false, undefined, this),
+                      /* @__PURE__ */ jsxDEV20("p", {
+                        className: "text-muted-foreground text-xs",
+                        children: "Apache 2.0 / MIT License"
+                      }, undefined, false, undefined, this)
+                    ]
+                  }, undefined, true, undefined, this),
+                  /* @__PURE__ */ jsxDEV20("div", {
+                    className: "flex flex-row justify-around",
+                    children: [
+                      /* @__PURE__ */ jsxDEV20("div", {
+                        className: "w-1/2",
+                        children: [
+                          /* @__PURE__ */ jsxDEV20("div", {
+                            className: "space-y-2",
+                            children: /* @__PURE__ */ jsxDEV20("h2", {
+                              className: "text-2xl font-bold",
+                              children: "OSS Core"
+                            }, undefined, false, undefined, this)
+                          }, undefined, false, undefined, this),
+                          /* @__PURE__ */ jsxDEV20("p", {
+                            className: "text-muted-foreground text-sm",
+                            children: "The complete spec-first compiler. Generate API, DB, and UI code locally."
+                          }, undefined, false, undefined, this)
+                        ]
+                      }, undefined, true, undefined, this),
+                      /* @__PURE__ */ jsxDEV20("ul", {
+                        className: "space-y-3",
+                        children: [
+                          /* @__PURE__ */ jsxDEV20("li", {
+                            className: "text-muted-foreground flex gap-3 text-sm",
+                            children: [
+                              /* @__PURE__ */ jsxDEV20(CheckCircle5, {
+                                size: 16,
+                                className: "mt-0.5 shrink-0 text-violet-400"
+                              }, undefined, false, undefined, this),
+                              "Unlimited local regenerations"
+                            ]
+                          }, undefined, true, undefined, this),
+                          /* @__PURE__ */ jsxDEV20("li", {
+                            className: "text-muted-foreground flex gap-3 text-sm",
+                            children: [
+                              /* @__PURE__ */ jsxDEV20(CheckCircle5, {
+                                size: 16,
+                                className: "mt-0.5 shrink-0 text-violet-400"
+                              }, undefined, false, undefined, this),
+                              "All standard generators included"
+                            ]
+                          }, undefined, true, undefined, this),
+                          /* @__PURE__ */ jsxDEV20("li", {
+                            className: "text-muted-foreground flex gap-3 text-sm",
+                            children: [
+                              /* @__PURE__ */ jsxDEV20(CheckCircle5, {
+                                size: 16,
+                                className: "mt-0.5 shrink-0 text-violet-400"
+                              }, undefined, false, undefined, this),
+                              "Run in your own CI/CD"
+                            ]
+                          }, undefined, true, undefined, this),
+                          /* @__PURE__ */ jsxDEV20("li", {
+                            className: "text-muted-foreground flex gap-3 text-sm",
+                            children: [
+                              /* @__PURE__ */ jsxDEV20(CheckCircle5, {
+                                size: 16,
+                                className: "mt-0.5 shrink-0 text-violet-400"
+                              }, undefined, false, undefined, this),
+                              "Community support"
+                            ]
+                          }, undefined, true, undefined, this)
+                        ]
+                      }, undefined, true, undefined, this)
+                    ]
+                  }, undefined, true, undefined, this),
+                  /* @__PURE__ */ jsxDEV20(Link2, {
+                    href: "/install",
+                    className: "btn-ghost w-full",
+                    children: "Install now"
+                  }, undefined, false, undefined, this)
+                ]
+              }, undefined, true, undefined, this),
+              /* @__PURE__ */ jsxDEV20("div", {
+                className: "card-subtle relative space-y-6 bg-violet-500/5 p-6 ring-2 ring-violet-500",
+                children: [
+                  /* @__PURE__ */ jsxDEV20("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",
+                    children: "Current"
+                  }, undefined, false, undefined, this),
+                  /* @__PURE__ */ jsxDEV20("div", {
+                    className: "space-y-2",
+                    children: [
+                      /* @__PURE__ */ jsxDEV20("h2", {
+                        className: "text-2xl font-bold",
+                        children: "Design Partner"
+                      }, undefined, false, undefined, this),
+                      /* @__PURE__ */ jsxDEV20("div", {
+                        className: "space-y-1",
+                        children: [
+                          /* @__PURE__ */ jsxDEV20("div", {
+                            className: "text-2xl font-bold",
+                            children: "Free during early access"
+                          }, undefined, false, undefined, this),
+                          /* @__PURE__ */ jsxDEV20("p", {
+                            className: "text-muted-foreground text-xs",
+                            children: "Founding discount when paid plans launch"
+                          }, undefined, false, undefined, this)
+                        ]
+                      }, undefined, true, undefined, this)
+                    ]
+                  }, undefined, true, undefined, this),
+                  /* @__PURE__ */ jsxDEV20("ul", {
+                    className: "space-y-3",
+                    children: [
+                      /* @__PURE__ */ jsxDEV20("li", {
+                        className: "text-muted-foreground flex gap-3 text-sm",
+                        children: [
+                          /* @__PURE__ */ jsxDEV20(CheckCircle5, {
+                            size: 16,
+                            className: "mt-0.5 shrink-0 text-violet-400"
+                          }, undefined, false, undefined, this),
+                          "Use ContractSpec Studio for real projects during early access"
+                        ]
+                      }, undefined, true, undefined, this),
+                      /* @__PURE__ */ jsxDEV20("li", {
+                        className: "text-muted-foreground flex gap-3 text-sm",
+                        children: [
+                          /* @__PURE__ */ jsxDEV20(CheckCircle5, {
+                            size: 16,
+                            className: "mt-0.5 shrink-0 text-violet-400"
+                          }, undefined, false, undefined, this),
+                          "Work directly with the founder on architecture & use cases"
+                        ]
+                      }, undefined, true, undefined, this),
+                      /* @__PURE__ */ jsxDEV20("li", {
+                        className: "text-muted-foreground flex gap-3 text-sm",
+                        children: [
+                          /* @__PURE__ */ jsxDEV20(CheckCircle5, {
+                            size: 16,
+                            className: "mt-0.5 shrink-0 text-violet-400"
+                          }, undefined, false, undefined, this),
+                          'Reasonable "fair use" limits on regenerations and AI credits'
+                        ]
+                      }, undefined, true, undefined, this),
+                      /* @__PURE__ */ jsxDEV20("li", {
+                        className: "text-muted-foreground flex gap-3 text-sm",
+                        children: [
+                          /* @__PURE__ */ jsxDEV20(CheckCircle5, {
+                            size: 16,
+                            className: "mt-0.5 shrink-0 text-violet-400"
+                          }, undefined, false, undefined, this),
+                          "Priority support & feedback loops"
+                        ]
+                      }, undefined, true, undefined, this)
+                    ]
+                  }, undefined, true, undefined, this),
+                  /* @__PURE__ */ jsxDEV20("button", {
+                    onClick: scrollToWaitlist,
+                    className: "btn-primary w-full",
+                    children: "Apply as a design partner"
+                  }, undefined, false, undefined, this)
+                ]
+              }, undefined, true, undefined, this),
+              /* @__PURE__ */ jsxDEV20("div", {
+                className: "card-subtle relative space-y-6 p-6",
+                children: [
+                  /* @__PURE__ */ jsxDEV20("div", {
+                    className: "bg-muted border-border absolute -top-3 left-1/2 -translate-x-1/2 rounded-full border px-3 py-1 text-xs font-medium",
+                    children: "Coming soon"
+                  }, undefined, false, undefined, this),
+                  /* @__PURE__ */ jsxDEV20("div", {
+                    className: "space-y-2",
+                    children: [
+                      /* @__PURE__ */ jsxDEV20("h2", {
+                        className: "text-2xl font-bold",
+                        children: "Builder"
+                      }, undefined, false, undefined, this),
+                      /* @__PURE__ */ jsxDEV20("div", {
+                        className: "space-y-1",
+                        children: /* @__PURE__ */ jsxDEV20("div", {
+                          className: "text-2xl font-bold",
+                          children: "Usage-based, for solo builders and small teams"
+                        }, undefined, false, undefined, this)
+                      }, undefined, false, undefined, this)
+                    ]
+                  }, undefined, true, undefined, this),
+                  /* @__PURE__ */ jsxDEV20("p", {
+                    className: "text-muted-foreground text-sm",
+                    children: "Pay only for what you regenerate and the AI you consume. No seat-based pricing, and a generous free tier for experiments."
+                  }, undefined, false, undefined, this),
+                  /* @__PURE__ */ jsxDEV20("ul", {
+                    className: "space-y-2",
+                    children: [
+                      /* @__PURE__ */ jsxDEV20("li", {
+                        className: "text-muted-foreground text-sm",
+                        children: "1–3 projects"
+                      }, undefined, false, undefined, this),
+                      /* @__PURE__ */ jsxDEV20("li", {
+                        className: "text-muted-foreground text-sm",
+                        children: "Generous monthly free regenerations"
+                      }, undefined, false, undefined, this),
+                      /* @__PURE__ */ jsxDEV20("li", {
+                        className: "text-muted-foreground text-sm",
+                        children: "Pay-as-you-go beyond the free tier"
+                      }, undefined, false, undefined, this)
+                    ]
+                  }, undefined, true, undefined, this),
+                  /* @__PURE__ */ jsxDEV20("button", {
+                    disabled: true,
+                    className: "btn-ghost w-full cursor-not-allowed opacity-50",
+                    children: "Available after public launch"
+                  }, undefined, false, undefined, this)
+                ]
+              }, undefined, true, undefined, this),
+              /* @__PURE__ */ jsxDEV20("div", {
+                className: "card-subtle relative space-y-6 p-6",
+                children: [
+                  /* @__PURE__ */ jsxDEV20("div", {
+                    className: "bg-muted border-border absolute -top-3 left-1/2 -translate-x-1/2 rounded-full border px-3 py-1 text-xs font-medium",
+                    children: "Coming soon"
+                  }, undefined, false, undefined, this),
+                  /* @__PURE__ */ jsxDEV20("div", {
+                    className: "space-y-2",
+                    children: [
+                      /* @__PURE__ */ jsxDEV20("h2", {
+                        className: "text-2xl font-bold",
+                        children: "Team & Platform"
+                      }, undefined, false, undefined, this),
+                      /* @__PURE__ */ jsxDEV20("div", {
+                        className: "space-y-1",
+                        children: /* @__PURE__ */ jsxDEV20("div", {
+                          className: "text-2xl font-bold",
+                          children: "Custom, for teams standardizing on ContractSpec"
+                        }, undefined, false, undefined, this)
+                      }, undefined, false, undefined, this)
+                    ]
+                  }, undefined, true, undefined, this),
+                  /* @__PURE__ */ jsxDEV20("p", {
+                    className: "text-muted-foreground text-sm",
+                    children: "For teams running multiple apps or platforms on ContractSpec, with stricter governance, data, and compliance needs."
+                  }, undefined, false, undefined, this),
+                  /* @__PURE__ */ jsxDEV20("ul", {
+                    className: "space-y-3",
+                    children: [
+                      /* @__PURE__ */ jsxDEV20("li", {
+                        className: "text-muted-foreground flex gap-3 text-sm",
+                        children: [
+                          /* @__PURE__ */ jsxDEV20(CheckCircle5, {
+                            size: 16,
+                            className: "mt-0.5 shrink-0 text-violet-400"
+                          }, undefined, false, undefined, this),
+                          "Multiple projects and environments"
+                        ]
+                      }, undefined, true, undefined, this),
+                      /* @__PURE__ */ jsxDEV20("li", {
+                        className: "text-muted-foreground flex gap-3 text-sm",
+                        children: [
+                          /* @__PURE__ */ jsxDEV20(CheckCircle5, {
+                            size: 16,
+                            className: "mt-0.5 shrink-0 text-violet-400"
+                          }, undefined, false, undefined, this),
+                          "Advanced RBAC and policy packs"
+                        ]
+                      }, undefined, true, undefined, this),
+                      /* @__PURE__ */ jsxDEV20("li", {
+                        className: "text-muted-foreground flex gap-3 text-sm",
+                        children: [
+                          /* @__PURE__ */ jsxDEV20(CheckCircle5, {
+                            size: 16,
+                            className: "mt-0.5 shrink-0 text-violet-400"
+                          }, undefined, false, undefined, this),
+                          "SSO, audit trails, and longer retention"
+                        ]
+                      }, undefined, true, undefined, this),
+                      /* @__PURE__ */ jsxDEV20("li", {
+                        className: "text-muted-foreground flex gap-3 text-sm",
+                        children: [
+                          /* @__PURE__ */ jsxDEV20(CheckCircle5, {
+                            size: 16,
+                            className: "mt-0.5 shrink-0 text-violet-400"
+                          }, undefined, false, undefined, this),
+                          "Priority support & SLAs"
+                        ]
+                      }, undefined, true, undefined, this)
+                    ]
+                  }, undefined, true, undefined, this),
+                  /* @__PURE__ */ jsxDEV20(Link2, {
+                    href: "/contact",
+                    className: "btn-ghost w-full",
+                    children: "Talk to us"
+                  }, undefined, false, undefined, this)
+                ]
+              }, undefined, true, undefined, this)
+            ]
+          }, undefined, true, undefined, this)
+        }, undefined, false, undefined, this)
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsxDEV20("section", {
+        className: "section-padding border-border bg-muted/20 border-b",
+        children: /* @__PURE__ */ jsxDEV20("div", {
+          className: "mx-auto max-w-4xl space-y-8",
+          children: [
+            /* @__PURE__ */ jsxDEV20("div", {
+              className: "space-y-4 text-center",
+              children: [
+                /* @__PURE__ */ jsxDEV20("h2", {
+                  className: "text-3xl font-bold",
+                  children: "How ContractSpec pricing will work"
+                }, undefined, false, undefined, this),
+                /* @__PURE__ */ jsxDEV20("p", {
+                  className: "text-muted-foreground mx-auto max-w-2xl text-lg",
+                  children: "We charge based on how much of your stack we help you maintain, not how many people click around in the UI."
+                }, undefined, false, undefined, this)
+              ]
+            }, undefined, true, undefined, this),
+            /* @__PURE__ */ jsxDEV20("div", {
+              className: "grid gap-6 md:grid-cols-3",
+              children: [
+                /* @__PURE__ */ jsxDEV20("div", {
+                  className: "card-subtle space-y-3 p-6",
+                  children: [
+                    /* @__PURE__ */ jsxDEV20("h3", {
+                      className: "font-bold",
+                      children: "Generous free tier"
+                    }, undefined, false, undefined, this),
+                    /* @__PURE__ */ jsxDEV20("p", {
+                      className: "text-muted-foreground text-sm",
+                      children: "One serious project, small spec, and enough monthly regenerations to ship something real."
+                    }, undefined, false, undefined, this)
+                  ]
+                }, undefined, true, undefined, this),
+                /* @__PURE__ */ jsxDEV20("div", {
+                  className: "card-subtle space-y-3 p-6",
+                  children: [
+                    /* @__PURE__ */ jsxDEV20("h3", {
+                      className: "font-bold",
+                      children: "Usage-based beyond free"
+                    }, undefined, false, undefined, this),
+                    /* @__PURE__ */ jsxDEV20("p", {
+                      className: "text-muted-foreground text-sm",
+                      children: "You pay for regenerations and AI agent actions, not per-seat. The more your system evolves via ContractSpec, the more you pay."
+                    }, undefined, false, undefined, this)
+                  ]
+                }, undefined, true, undefined, this),
+                /* @__PURE__ */ jsxDEV20("div", {
+                  className: "card-subtle space-y-3 p-6",
+                  children: [
+                    /* @__PURE__ */ jsxDEV20("h3", {
+                      className: "font-bold",
+                      children: "No lock-in"
+                    }, undefined, false, undefined, this),
+                    /* @__PURE__ */ jsxDEV20("p", {
+                      className: "text-muted-foreground text-sm",
+                      children: "Generated code is standard, readable, and exportable. If you leave, your app keeps running."
+                    }, undefined, false, undefined, this)
+                  ]
+                }, undefined, true, undefined, this)
+              ]
+            }, undefined, true, undefined, this),
+            /* @__PURE__ */ jsxDEV20("div", {
+              className: "pt-6 text-center",
+              children: /* @__PURE__ */ jsxDEV20("button", {
+                onClick: () => setPricingModalOpen(true),
+                className: "btn-ghost",
+                children: "View our tentative pricing model"
+              }, undefined, false, undefined, this)
+            }, undefined, false, undefined, this)
+          ]
+        }, undefined, true, undefined, this)
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsxDEV20("section", {
+        className: "section-padding border-border border-b",
+        children: /* @__PURE__ */ jsxDEV20("div", {
+          className: "mx-auto max-w-3xl space-y-8",
+          children: [
+            /* @__PURE__ */ jsxDEV20("h2", {
+              className: "text-center text-3xl font-bold",
+              children: "Frequently asked questions"
+            }, undefined, false, undefined, this),
+            /* @__PURE__ */ jsxDEV20("div", {
+              className: "space-y-4",
+              children: faqs.map((faq, i) => /* @__PURE__ */ jsxDEV20("div", {
+                className: "card-subtle overflow-hidden",
+                children: [
+                  /* @__PURE__ */ jsxDEV20("button", {
+                    onClick: () => setOpenFaq(openFaq === i ? null : i),
+                    className: "flex w-full items-center justify-between p-6 text-left",
+                    children: [
+                      /* @__PURE__ */ jsxDEV20("span", {
+                        className: "font-medium",
+                        children: faq.question
+                      }, undefined, false, undefined, this),
+                      /* @__PURE__ */ jsxDEV20(ChevronDown, {
+                        size: 20,
+                        className: `text-muted-foreground transition-transform ${openFaq === i ? "rotate-180" : ""}`
+                      }, undefined, false, undefined, this)
+                    ]
+                  }, undefined, true, undefined, this),
+                  openFaq === i && /* @__PURE__ */ jsxDEV20("div", {
+                    className: "text-muted-foreground px-6 pb-6 text-sm",
+                    children: faq.answer
+                  }, undefined, false, undefined, this)
+                ]
+              }, i, true, undefined, this))
+            }, undefined, false, undefined, this),
+            /* @__PURE__ */ jsxDEV20("div", {
+              className: "pt-4 text-center",
+              children: [
+                /* @__PURE__ */ jsxDEV20("p", {
+                  className: "text-muted-foreground mb-2 text-sm",
+                  children: "Still unsure?"
+                }, undefined, false, undefined, this),
+                /* @__PURE__ */ jsxDEV20(Link2, {
+                  href: "/contact",
+                  className: "text-sm font-medium text-violet-400 hover:text-violet-300",
+                  children: "Contact us →"
+                }, undefined, false, undefined, this)
+              ]
+            }, undefined, true, undefined, this)
+          ]
+        }, undefined, true, undefined, this)
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsxDEV20("section", {
+        className: "section-padding hero-gradient",
+        children: /* @__PURE__ */ jsxDEV20("div", {
+          className: "mx-auto max-w-4xl",
+          children: /* @__PURE__ */ jsxDEV20(WaitlistSection, {}, undefined, false, undefined, this)
+        }, undefined, false, undefined, this)
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsxDEV20(PricingThinkingModal, {
+        open: pricingModalOpen,
+        onOpenChange: setPricingModalOpen,
+        onApplyClick: scrollToWaitlist
+      }, undefined, false, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
+}
+
+// src/components/marketing/ProductClientPage.tsx
+import Link3 from "@contractspec/lib.ui-link";
+import {
+  analyticsEventNames as analyticsEventNames3,
+  captureAnalyticsEvent as captureAnalyticsEvent3
+} from "@contractspec/bundle.library/libs/posthog/client";
+import {
+  CheckCircle as CheckCircle6,
+  ChevronRight as ChevronRight4,
+  Database,
+  FileCode as FileCode2,
+  GitBranch,
+  Layers as Layers3,
+  RefreshCw as RefreshCw3,
+  Shield as Shield2,
+  Unlock as Unlock2,
+  Zap as Zap2
+} from "lucide-react";
+import { jsxDEV as jsxDEV21 } from "react/jsx-dev-runtime";
+"use client";
+var ProductClientPage = () => /* @__PURE__ */ jsxDEV21("main", {
+  className: "",
+  children: [
+    /* @__PURE__ */ jsxDEV21("section", {
+      className: "section-padding hero-gradient relative",
+      children: /* @__PURE__ */ jsxDEV21("div", {
+        className: "mx-auto max-w-4xl space-y-6 text-center",
+        children: [
+          /* @__PURE__ */ jsxDEV21("h1", {
+            className: "text-5xl leading-tight font-bold md:text-6xl",
+            children: "Compiler for AI-coded systems"
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV21("p", {
+            className: "text-muted-foreground mx-auto max-w-2xl text-lg",
+            children: "Define contracts once. Generate consistent code across API, DB, UI, and events. Regenerate safely anytime. No lock-in."
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV21("div", {
+            className: "flex flex-col items-center justify-center gap-4 pt-4 sm:flex-row",
+            children: [
+              /* @__PURE__ */ jsxDEV21(Link3, {
+                href: "/install",
+                onClick: () => captureAnalyticsEvent3(analyticsEventNames3.CTA_INSTALL_CLICK, {
+                  surface: "product-hero"
+                }),
+                className: "btn-primary inline-flex items-center gap-2",
+                children: [
+                  "Install OSS Core ",
+                  /* @__PURE__ */ jsxDEV21(ChevronRight4, {
+                    size: 16
+                  }, undefined, false, undefined, this)
+                ]
+              }, undefined, true, undefined, this),
+              /* @__PURE__ */ jsxDEV21(Link3, {
+                href: "/pricing",
+                className: "btn-ghost",
+                children: "View pricing"
+              }, undefined, false, undefined, this)
+            ]
+          }, undefined, true, undefined, this)
+        ]
+      }, undefined, true, undefined, this)
+    }, undefined, false, undefined, this),
+    /* @__PURE__ */ jsxDEV21("section", {
+      className: "section-padding border-border border-b",
+      children: /* @__PURE__ */ jsxDEV21("div", {
+        className: "mx-auto max-w-4xl space-y-8",
+        children: [
+          /* @__PURE__ */ jsxDEV21("div", {
+            className: "space-y-4",
+            children: [
+              /* @__PURE__ */ jsxDEV21("div", {
+                className: "inline-flex items-center gap-2 rounded-full border border-blue-500/20 bg-blue-500/10 px-3 py-1",
+                children: [
+                  /* @__PURE__ */ jsxDEV21(Layers3, {
+                    size: 16,
+                    className: "text-blue-400"
+                  }, undefined, false, undefined, this),
+                  /* @__PURE__ */ jsxDEV21("span", {
+                    className: "text-sm font-medium text-blue-300",
+                    children: "Multi-Surface Consistency"
+                  }, undefined, false, undefined, this)
+                ]
+              }, undefined, true, undefined, this),
+              /* @__PURE__ */ jsxDEV21("h2", {
+                className: "text-3xl font-bold md:text-4xl",
+                children: "One contract, all surfaces in sync"
+              }, undefined, false, undefined, this),
+              /* @__PURE__ */ jsxDEV21("p", {
+                className: "text-muted-foreground text-lg",
+                children: "Stop chasing drift between your API, database, UI, and events. One spec generates all outputs, guaranteed to stay consistent."
+              }, undefined, false, undefined, this)
+            ]
+          }, undefined, true, undefined, this),
+          /* @__PURE__ */ jsxDEV21("div", {
+            className: "grid gap-6 md:grid-cols-2",
+            children: [
+              {
+                title: "REST & GraphQL API",
+                description: "Type-safe endpoints with validation. Standard Express, Hono, Elysia, or Apollo handlers.",
+                icon: Zap2
+              },
+              {
+                title: "Database Schema",
+                description: "Prisma migrations and types generated from the same spec. Always in sync with your API.",
+                icon: Database
+              },
+              {
+                title: "UI Components",
+                description: "React forms and views derived from specs. Validation and types flow through automatically.",
+                icon: FileCode2
+              },
+              {
+                title: "MCP Tools & Events",
+                description: "AI agent tool definitions and event schemas. Same contract, different surfaces.",
+                icon: GitBranch
+              }
+            ].map((item, i) => /* @__PURE__ */ jsxDEV21("div", {
+              className: "card-subtle space-y-4 p-6",
+              children: [
+                /* @__PURE__ */ jsxDEV21(item.icon, {
+                  className: "text-blue-400",
+                  size: 24
+                }, undefined, false, undefined, this),
+                /* @__PURE__ */ jsxDEV21("h3", {
+                  className: "text-lg font-bold",
+                  children: item.title
+                }, undefined, false, undefined, this),
+                /* @__PURE__ */ jsxDEV21("p", {
+                  className: "text-muted-foreground text-sm",
+                  children: item.description
+                }, undefined, false, undefined, this)
+              ]
+            }, i, true, undefined, this))
+          }, undefined, false, undefined, this)
+        ]
+      }, undefined, true, undefined, this)
+    }, undefined, false, undefined, this),
+    /* @__PURE__ */ jsxDEV21("section", {
+      className: "section-padding border-border bg-muted/20 border-b",
+      children: /* @__PURE__ */ jsxDEV21("div", {
+        className: "mx-auto max-w-4xl space-y-8",
+        children: [
+          /* @__PURE__ */ jsxDEV21("div", {
+            className: "space-y-4",
+            children: [
+              /* @__PURE__ */ jsxDEV21("div", {
+                className: "inline-flex items-center gap-2 rounded-full border border-emerald-500/20 bg-emerald-500/10 px-3 py-1",
+                children: [
+                  /* @__PURE__ */ jsxDEV21(RefreshCw3, {
+                    size: 16,
+                    className: "text-emerald-400"
+                  }, undefined, false, undefined, this),
+                  /* @__PURE__ */ jsxDEV21("span", {
+                    className: "text-sm font-medium text-emerald-300",
+                    children: "Safe Regeneration"
+                  }, undefined, false, undefined, this)
+                ]
+              }, undefined, true, undefined, this),
+              /* @__PURE__ */ jsxDEV21("h2", {
+                className: "text-3xl font-bold md:text-4xl",
+                children: "Regenerate anytime without fear"
+              }, undefined, false, undefined, this),
+              /* @__PURE__ */ jsxDEV21("p", {
+                className: "text-muted-foreground text-lg",
+                children: "Contracts enforce invariants. Breaking changes are caught at compile time, not production. Regenerate with confidence."
+              }, undefined, false, undefined, this)
+            ]
+          }, undefined, true, undefined, this),
+          /* @__PURE__ */ jsxDEV21("div", {
+            className: "grid gap-6 md:grid-cols-2",
+            children: [
+              /* @__PURE__ */ jsxDEV21("div", {
+                className: "card-subtle space-y-4 p-6",
+                children: [
+                  /* @__PURE__ */ jsxDEV21("h3", {
+                    className: "font-bold",
+                    children: "Spec-First Safety"
+                  }, undefined, false, undefined, this),
+                  /* @__PURE__ */ jsxDEV21("p", {
+                    className: "text-muted-foreground text-sm",
+                    children: "AI agents read specs, not implementations. Generated code that violates contracts gets flagged automatically."
+                  }, undefined, false, undefined, this),
+                  /* @__PURE__ */ jsxDEV21("ul", {
+                    className: "text-muted-foreground space-y-2 text-sm",
+                    children: [
+                      /* @__PURE__ */ jsxDEV21("li", {
+                        className: "flex gap-3",
+                        children: [
+                          /* @__PURE__ */ jsxDEV21(CheckCircle6, {
+                            size: 16,
+                            className: "mt-0.5 flex-shrink-0 text-emerald-400"
+                          }, undefined, false, undefined, this),
+                          "Type-safe from spec to runtime"
+                        ]
+                      }, undefined, true, undefined, this),
+                      /* @__PURE__ */ jsxDEV21("li", {
+                        className: "flex gap-3",
+                        children: [
+                          /* @__PURE__ */ jsxDEV21(CheckCircle6, {
+                            size: 16,
+                            className: "mt-0.5 flex-shrink-0 text-emerald-400"
+                          }, undefined, false, undefined, this),
+                          "Invariants enforced at compile time"
+                        ]
+                      }, undefined, true, undefined, this),
+                      /* @__PURE__ */ jsxDEV21("li", {
+                        className: "flex gap-3",
+                        children: [
+                          /* @__PURE__ */ jsxDEV21(CheckCircle6, {
+                            size: 16,
+                            className: "mt-0.5 flex-shrink-0 text-emerald-400"
+                          }, undefined, false, undefined, this),
+                          "Breaking changes detected early"
+                        ]
+                      }, undefined, true, undefined, this)
+                    ]
+                  }, undefined, true, undefined, this)
+                ]
+              }, undefined, true, undefined, this),
+              /* @__PURE__ */ jsxDEV21("div", {
+                className: "card-subtle space-y-4 p-6",
+                children: [
+                  /* @__PURE__ */ jsxDEV21("h3", {
+                    className: "font-bold",
+                    children: "Version Control Built-in"
+                  }, undefined, false, undefined, this),
+                  /* @__PURE__ */ jsxDEV21("p", {
+                    className: "text-muted-foreground text-sm",
+                    children: "Every spec change is tracked. Roll back to any previous version. Migrations are explicit and reversible."
+                  }, undefined, false, undefined, this),
+                  /* @__PURE__ */ jsxDEV21("ul", {
+                    className: "text-muted-foreground space-y-2 text-sm",
+                    children: [
+                      /* @__PURE__ */ jsxDEV21("li", {
+                        className: "flex gap-3",
+                        children: [
+                          /* @__PURE__ */ jsxDEV21(CheckCircle6, {
+                            size: 16,
+                            className: "mt-0.5 flex-shrink-0 text-emerald-400"
+                          }, undefined, false, undefined, this),
+                          "Git-native spec history"
+                        ]
+                      }, undefined, true, undefined, this),
+                      /* @__PURE__ */ jsxDEV21("li", {
+                        className: "flex gap-3",
+                        children: [
+                          /* @__PURE__ */ jsxDEV21(CheckCircle6, {
+                            size: 16,
+                            className: "mt-0.5 flex-shrink-0 text-emerald-400"
+                          }, undefined, false, undefined, this),
+                          "Explicit migration paths"
+                        ]
+                      }, undefined, true, undefined, this),
+                      /* @__PURE__ */ jsxDEV21("li", {
+                        className: "flex gap-3",
+                        children: [
+                          /* @__PURE__ */ jsxDEV21(CheckCircle6, {
+                            size: 16,
+                            className: "mt-0.5 flex-shrink-0 text-emerald-400"
+                          }, undefined, false, undefined, this),
+                          "One-click rollback"
+                        ]
+                      }, undefined, true, undefined, this)
+                    ]
+                  }, undefined, true, undefined, this)
+                ]
+              }, undefined, true, undefined, this)
+            ]
+          }, undefined, true, undefined, this)
+        ]
+      }, undefined, true, undefined, this)
+    }, undefined, false, undefined, this),
+    /* @__PURE__ */ jsxDEV21("section", {
+      className: "section-padding border-border border-b",
+      children: /* @__PURE__ */ jsxDEV21("div", {
+        className: "mx-auto max-w-4xl space-y-8",
+        children: [
+          /* @__PURE__ */ jsxDEV21("div", {
+            className: "space-y-4",
+            children: [
+              /* @__PURE__ */ jsxDEV21("div", {
+                className: "inline-flex items-center gap-2 rounded-full border border-violet-500/20 bg-violet-500/10 px-3 py-1",
+                children: [
+                  /* @__PURE__ */ jsxDEV21(Shield2, {
+                    size: 16,
+                    className: "text-violet-400"
+                  }, undefined, false, undefined, this),
+                  /* @__PURE__ */ jsxDEV21("span", {
+                    className: "text-sm font-medium text-violet-300",
+                    children: "Contract Enforcement"
+                  }, undefined, false, undefined, this)
+                ]
+              }, undefined, true, undefined, this),
+              /* @__PURE__ */ jsxDEV21("h2", {
+                className: "text-3xl font-bold md:text-4xl",
+                children: "AI governance that actually works"
+              }, undefined, false, undefined, this),
+              /* @__PURE__ */ jsxDEV21("p", {
+                className: "text-muted-foreground text-lg",
+                children: "Constrain what AI agents can change. Enforce contracts they must respect. No more hallucinated refactors breaking your system."
+              }, undefined, false, undefined, this)
+            ]
+          }, undefined, true, undefined, this),
+          /* @__PURE__ */ jsxDEV21("div", {
+            className: "card-subtle space-y-6 p-6",
+            children: [
+              /* @__PURE__ */ jsxDEV21("div", {
+                className: "space-y-4",
+                children: [
+                  /* @__PURE__ */ jsxDEV21("h3", {
+                    className: "font-bold",
+                    children: "How contract enforcement works"
+                  }, undefined, false, undefined, this),
+                  /* @__PURE__ */ jsxDEV21("p", {
+                    className: "text-muted-foreground text-sm",
+                    children: "Contracts define what the system should do. AI-generated code that violates these contracts is automatically flagged and rejected before it can cause damage."
+                  }, undefined, false, undefined, this)
+                ]
+              }, undefined, true, undefined, this),
+              /* @__PURE__ */ jsxDEV21("div", {
+                className: "grid gap-4 md:grid-cols-3",
+                children: [
+                  {
+                    title: "Define",
+                    description: "Write specs in TypeScript. Define inputs, outputs, and invariants."
+                  },
+                  {
+                    title: "Generate",
+                    description: "ContractSpec generates code across all surfaces from your specs."
+                  },
+                  {
+                    title: "Enforce",
+                    description: "Any code that violates specs is flagged. AI agents can't break contracts."
+                  }
+                ].map((step, i) => /* @__PURE__ */ jsxDEV21("div", {
+                  className: "space-y-2",
+                  children: [
+                    /* @__PURE__ */ jsxDEV21("div", {
+                      className: "flex h-8 w-8 items-center justify-center rounded-lg bg-violet-500/20",
+                      children: /* @__PURE__ */ jsxDEV21("div", {
+                        className: "text-sm font-bold text-violet-400",
+                        children: i + 1
+                      }, undefined, false, undefined, this)
+                    }, undefined, false, undefined, this),
+                    /* @__PURE__ */ jsxDEV21("h4", {
+                      className: "text-sm font-bold",
+                      children: step.title
+                    }, undefined, false, undefined, this),
+                    /* @__PURE__ */ jsxDEV21("p", {
+                      className: "text-muted-foreground text-xs",
+                      children: step.description
+                    }, undefined, false, undefined, this)
+                  ]
+                }, i, true, undefined, this))
+              }, undefined, false, undefined, this)
+            ]
+          }, undefined, true, undefined, this)
+        ]
+      }, undefined, true, undefined, this)
+    }, undefined, false, undefined, this),
+    /* @__PURE__ */ jsxDEV21("section", {
+      className: "section-padding border-border border-b bg-gradient-to-br from-violet-500/10 via-indigo-500/5 to-blue-500/5",
+      children: /* @__PURE__ */ jsxDEV21("div", {
+        className: "mx-auto max-w-4xl space-y-8",
+        children: [
+          /* @__PURE__ */ jsxDEV21("div", {
+            className: "space-y-4",
+            children: [
+              /* @__PURE__ */ jsxDEV21("div", {
+                className: "inline-flex items-center gap-2 rounded-full border border-pink-500/20 bg-pink-500/10 px-3 py-1",
+                children: [
+                  /* @__PURE__ */ jsxDEV21(Unlock2, {
+                    size: 16,
+                    className: "text-pink-400"
+                  }, undefined, false, undefined, this),
+                  /* @__PURE__ */ jsxDEV21("span", {
+                    className: "text-sm font-medium text-pink-300",
+                    children: "No Lock-in"
+                  }, undefined, false, undefined, this)
+                ]
+              }, undefined, true, undefined, this),
+              /* @__PURE__ */ jsxDEV21("h2", {
+                className: "text-3xl font-bold md:text-4xl",
+                children: "You own everything. Eject anytime."
+              }, undefined, false, undefined, this),
+              /* @__PURE__ */ jsxDEV21("p", {
+                className: "text-muted-foreground text-lg",
+                children: "ContractSpec is a compiler, not a prison. The generated code is yours: standard TypeScript, standard SQL, standard GraphQL."
+              }, undefined, false, undefined, this)
+            ]
+          }, undefined, true, undefined, this),
+          /* @__PURE__ */ jsxDEV21("div", {
+            className: "grid gap-6 md:grid-cols-2",
+            children: [
+              /* @__PURE__ */ jsxDEV21("div", {
+                className: "card-subtle space-y-4 p-6",
+                children: [
+                  /* @__PURE__ */ jsxDEV21("h3", {
+                    className: "text-lg font-bold",
+                    children: "Standard Tech Output"
+                  }, undefined, false, undefined, this),
+                  /* @__PURE__ */ jsxDEV21("ul", {
+                    className: "text-muted-foreground space-y-3 text-sm",
+                    children: [
+                      "TypeScript you can read and modify",
+                      "Prisma migrations you can run manually",
+                      "GraphQL schemas you can serve anywhere",
+                      "React components with no magic",
+                      "REST handlers that work with any framework"
+                    ].map((item, i) => /* @__PURE__ */ jsxDEV21("li", {
+                      className: "flex gap-3",
+                      children: [
+                        /* @__PURE__ */ jsxDEV21(CheckCircle6, {
+                          size: 16,
+                          className: "mt-0.5 flex-shrink-0 text-pink-400"
+                        }, undefined, false, undefined, this),
+                        item
+                      ]
+                    }, i, true, undefined, this))
+                  }, undefined, false, undefined, this)
+                ]
+              }, undefined, true, undefined, this),
+              /* @__PURE__ */ jsxDEV21("div", {
+                className: "card-subtle space-y-4 p-6",
+                children: [
+                  /* @__PURE__ */ jsxDEV21("h3", {
+                    className: "text-lg font-bold",
+                    children: "No Proprietary Dependencies"
+                  }, undefined, false, undefined, this),
+                  /* @__PURE__ */ jsxDEV21("ul", {
+                    className: "text-muted-foreground space-y-3 text-sm",
+                    children: [
+                      "No runtime library required",
+                      "No vendor-specific abstractions",
+                      "Works with your existing CI/CD",
+                      "Eject anytime, keep everything",
+                      "Open spec format"
+                    ].map((item, i) => /* @__PURE__ */ jsxDEV21("li", {
+                      className: "flex gap-3",
+                      children: [
+                        /* @__PURE__ */ jsxDEV21(CheckCircle6, {
+                          size: 16,
+                          className: "mt-0.5 flex-shrink-0 text-pink-400"
+                        }, undefined, false, undefined, this),
+                        item
+                      ]
+                    }, i, true, undefined, this))
+                  }, undefined, false, undefined, this)
+                ]
+              }, undefined, true, undefined, this)
+            ]
+          }, undefined, true, undefined, this),
+          /* @__PURE__ */ jsxDEV21("div", {
+            className: "pt-4 text-center",
+            children: /* @__PURE__ */ jsxDEV21("p", {
+              className: "text-muted-foreground mb-4 text-sm",
+              children: [
+                "Like TypeScript compiles to JavaScript, ContractSpec compiles to standard code.",
+                /* @__PURE__ */ jsxDEV21("br", {}, undefined, false, undefined, this),
+                /* @__PURE__ */ jsxDEV21("span", {
+                  className: "font-medium text-violet-400",
+                  children: "We're the compiler, not the prison."
+                }, undefined, false, undefined, this)
+              ]
+            }, undefined, true, undefined, this)
+          }, undefined, false, undefined, this)
+        ]
+      }, undefined, true, undefined, this)
+    }, undefined, false, undefined, this),
+    /* @__PURE__ */ jsxDEV21("section", {
+      className: "section-padding border-border border-b",
+      children: /* @__PURE__ */ jsxDEV21("div", {
+        className: "mx-auto max-w-4xl space-y-8",
+        children: [
+          /* @__PURE__ */ jsxDEV21("h2", {
+            className: "text-center text-3xl font-bold md:text-4xl",
+            children: "Start small. Expand gradually."
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV21("p", {
+            className: "text-muted-foreground mx-auto max-w-2xl text-center text-lg",
+            children: "You don't rewrite your app. You stabilize one module at a time. Start with one endpoint, prove value, then expand."
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV21("div", {
+            className: "grid gap-6 md:grid-cols-3",
+            children: [
+              {
+                title: "Day 1",
+                description: "Pick one API endpoint. Write a spec. See what gets generated."
+              },
+              {
+                title: "Week 1",
+                description: "Add a few more specs. Compare generated code to existing code."
+              },
+              {
+                title: "Month 1",
+                description: "Migrate a full module. Enjoy multi-surface consistency."
+              }
+            ].map((item, i) => /* @__PURE__ */ jsxDEV21("div", {
+              className: "card-subtle space-y-4 p-6 text-center",
+              children: [
+                /* @__PURE__ */ jsxDEV21("div", {
+                  className: "text-2xl font-bold text-violet-400",
+                  children: item.title
+                }, undefined, false, undefined, this),
+                /* @__PURE__ */ jsxDEV21("p", {
+                  className: "text-muted-foreground text-sm",
+                  children: item.description
+                }, undefined, false, undefined, this)
+              ]
+            }, i, true, undefined, this))
+          }, undefined, false, undefined, this)
+        ]
+      }, undefined, true, undefined, this)
+    }, undefined, false, undefined, this),
+    /* @__PURE__ */ jsxDEV21("section", {
+      className: "section-padding hero-gradient",
+      children: /* @__PURE__ */ jsxDEV21("div", {
+        className: "mx-auto max-w-4xl space-y-6 text-center",
+        children: [
+          /* @__PURE__ */ jsxDEV21("h2", {
+            className: "text-3xl font-bold md:text-4xl",
+            children: "Ready to stabilize your AI-generated code?"
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV21("p", {
+            className: "text-muted-foreground text-lg",
+            children: "Start with one module. No big-bang migration. No lock-in."
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV21("div", {
+            className: "flex flex-col items-center justify-center gap-4 pt-4 sm:flex-row",
+            children: [
+              /* @__PURE__ */ jsxDEV21(Link3, {
+                href: "/install",
+                className: "btn-primary inline-flex items-center gap-2",
+                children: [
+                  "Install OSS Core ",
+                  /* @__PURE__ */ jsxDEV21(ChevronRight4, {
+                    size: 16
+                  }, undefined, false, undefined, this)
+                ]
+              }, undefined, true, undefined, this),
+              /* @__PURE__ */ jsxDEV21(Link3, {
+                href: "/contact#waitlist",
+                className: "btn-ghost",
+                children: "Join Studio Waitlist"
+              }, undefined, false, undefined, this)
+            ]
+          }, undefined, true, undefined, this)
+        ]
+      }, undefined, true, undefined, this)
+    }, undefined, false, undefined, this)
+  ]
+}, undefined, true, undefined, this);
+export {
+  WaitlistSection,
+  ProductClientPage,
+  PricingThinkingModal,
+  PricingClient,
+  LandingPage,
+  DesignPartnerPage,
+  ContributePage,
+  ContactClient,
+  CofounderPage,
+  ChangelogPage
+};