@contractspec/bundle.marketing 1.12.0

package/dist/components/marketing/ProductClientPage.js

@@ -0,0 +1,460 @@
+'use client';
+
+import { analyticsEventNames, captureAnalyticsEvent } from "@contractspec/bundle.library/libs/posthog/client";
+import { CheckCircle, ChevronRight, Database, FileCode, GitBranch, Layers, RefreshCw, Shield, Unlock, Zap } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import Link from "@contractspec/lib.ui-link";
+
+//#region src/components/marketing/ProductClientPage.tsx
+const ProductClientPage = () => /* @__PURE__ */ jsxs("main", {
+	className: "",
+	children: [
+		/* @__PURE__ */ jsx("section", {
+			className: "section-padding hero-gradient relative",
+			children: /* @__PURE__ */ jsxs("div", {
+				className: "mx-auto max-w-4xl space-y-6 text-center",
+				children: [
+					/* @__PURE__ */ jsx("h1", {
+						className: "text-5xl leading-tight font-bold md:text-6xl",
+						children: "Compiler for AI-coded systems"
+					}),
+					/* @__PURE__ */ jsx("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."
+					}),
+					/* @__PURE__ */ jsxs("div", {
+						className: "flex flex-col items-center justify-center gap-4 pt-4 sm:flex-row",
+						children: [/* @__PURE__ */ jsxs(Link, {
+							href: "/install",
+							onClick: () => captureAnalyticsEvent(analyticsEventNames.CTA_INSTALL_CLICK, { surface: "product-hero" }),
+							className: "btn-primary inline-flex items-center gap-2",
+							children: ["Install OSS Core ", /* @__PURE__ */ jsx(ChevronRight, { size: 16 })]
+						}), /* @__PURE__ */ jsx(Link, {
+							href: "/pricing",
+							className: "btn-ghost",
+							children: "View pricing"
+						})]
+					})
+				]
+			})
+		}),
+		/* @__PURE__ */ jsx("section", {
+			className: "section-padding border-border border-b",
+			children: /* @__PURE__ */ jsxs("div", {
+				className: "mx-auto max-w-4xl space-y-8",
+				children: [/* @__PURE__ */ jsxs("div", {
+					className: "space-y-4",
+					children: [
+						/* @__PURE__ */ jsxs("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__ */ jsx(Layers, {
+								size: 16,
+								className: "text-blue-400"
+							}), /* @__PURE__ */ jsx("span", {
+								className: "text-sm font-medium text-blue-300",
+								children: "Multi-Surface Consistency"
+							})]
+						}),
+						/* @__PURE__ */ jsx("h2", {
+							className: "text-3xl font-bold md:text-4xl",
+							children: "One contract, all surfaces in sync"
+						}),
+						/* @__PURE__ */ jsx("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."
+						})
+					]
+				}), /* @__PURE__ */ jsx("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: Zap
+						},
+						{
+							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: FileCode
+						},
+						{
+							title: "MCP Tools & Events",
+							description: "AI agent tool definitions and event schemas. Same contract, different surfaces.",
+							icon: GitBranch
+						}
+					].map((item, i) => /* @__PURE__ */ jsxs("div", {
+						className: "card-subtle space-y-4 p-6",
+						children: [
+							/* @__PURE__ */ jsx(item.icon, {
+								className: "text-blue-400",
+								size: 24
+							}),
+							/* @__PURE__ */ jsx("h3", {
+								className: "text-lg font-bold",
+								children: item.title
+							}),
+							/* @__PURE__ */ jsx("p", {
+								className: "text-muted-foreground text-sm",
+								children: item.description
+							})
+						]
+					}, i))
+				})]
+			})
+		}),
+		/* @__PURE__ */ jsx("section", {
+			className: "section-padding border-border bg-muted/20 border-b",
+			children: /* @__PURE__ */ jsxs("div", {
+				className: "mx-auto max-w-4xl space-y-8",
+				children: [/* @__PURE__ */ jsxs("div", {
+					className: "space-y-4",
+					children: [
+						/* @__PURE__ */ jsxs("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__ */ jsx(RefreshCw, {
+								size: 16,
+								className: "text-emerald-400"
+							}), /* @__PURE__ */ jsx("span", {
+								className: "text-sm font-medium text-emerald-300",
+								children: "Safe Regeneration"
+							})]
+						}),
+						/* @__PURE__ */ jsx("h2", {
+							className: "text-3xl font-bold md:text-4xl",
+							children: "Regenerate anytime without fear"
+						}),
+						/* @__PURE__ */ jsx("p", {
+							className: "text-muted-foreground text-lg",
+							children: "Contracts enforce invariants. Breaking changes are caught at compile time, not production. Regenerate with confidence."
+						})
+					]
+				}), /* @__PURE__ */ jsxs("div", {
+					className: "grid gap-6 md:grid-cols-2",
+					children: [/* @__PURE__ */ jsxs("div", {
+						className: "card-subtle space-y-4 p-6",
+						children: [
+							/* @__PURE__ */ jsx("h3", {
+								className: "font-bold",
+								children: "Spec-First Safety"
+							}),
+							/* @__PURE__ */ jsx("p", {
+								className: "text-muted-foreground text-sm",
+								children: "AI agents read specs, not implementations. Generated code that violates contracts gets flagged automatically."
+							}),
+							/* @__PURE__ */ jsxs("ul", {
+								className: "text-muted-foreground space-y-2 text-sm",
+								children: [
+									/* @__PURE__ */ jsxs("li", {
+										className: "flex gap-3",
+										children: [/* @__PURE__ */ jsx(CheckCircle, {
+											size: 16,
+											className: "mt-0.5 flex-shrink-0 text-emerald-400"
+										}), "Type-safe from spec to runtime"]
+									}),
+									/* @__PURE__ */ jsxs("li", {
+										className: "flex gap-3",
+										children: [/* @__PURE__ */ jsx(CheckCircle, {
+											size: 16,
+											className: "mt-0.5 flex-shrink-0 text-emerald-400"
+										}), "Invariants enforced at compile time"]
+									}),
+									/* @__PURE__ */ jsxs("li", {
+										className: "flex gap-3",
+										children: [/* @__PURE__ */ jsx(CheckCircle, {
+											size: 16,
+											className: "mt-0.5 flex-shrink-0 text-emerald-400"
+										}), "Breaking changes detected early"]
+									})
+								]
+							})
+						]
+					}), /* @__PURE__ */ jsxs("div", {
+						className: "card-subtle space-y-4 p-6",
+						children: [
+							/* @__PURE__ */ jsx("h3", {
+								className: "font-bold",
+								children: "Version Control Built-in"
+							}),
+							/* @__PURE__ */ jsx("p", {
+								className: "text-muted-foreground text-sm",
+								children: "Every spec change is tracked. Roll back to any previous version. Migrations are explicit and reversible."
+							}),
+							/* @__PURE__ */ jsxs("ul", {
+								className: "text-muted-foreground space-y-2 text-sm",
+								children: [
+									/* @__PURE__ */ jsxs("li", {
+										className: "flex gap-3",
+										children: [/* @__PURE__ */ jsx(CheckCircle, {
+											size: 16,
+											className: "mt-0.5 flex-shrink-0 text-emerald-400"
+										}), "Git-native spec history"]
+									}),
+									/* @__PURE__ */ jsxs("li", {
+										className: "flex gap-3",
+										children: [/* @__PURE__ */ jsx(CheckCircle, {
+											size: 16,
+											className: "mt-0.5 flex-shrink-0 text-emerald-400"
+										}), "Explicit migration paths"]
+									}),
+									/* @__PURE__ */ jsxs("li", {
+										className: "flex gap-3",
+										children: [/* @__PURE__ */ jsx(CheckCircle, {
+											size: 16,
+											className: "mt-0.5 flex-shrink-0 text-emerald-400"
+										}), "One-click rollback"]
+									})
+								]
+							})
+						]
+					})]
+				})]
+			})
+		}),
+		/* @__PURE__ */ jsx("section", {
+			className: "section-padding border-border border-b",
+			children: /* @__PURE__ */ jsxs("div", {
+				className: "mx-auto max-w-4xl space-y-8",
+				children: [/* @__PURE__ */ jsxs("div", {
+					className: "space-y-4",
+					children: [
+						/* @__PURE__ */ jsxs("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__ */ jsx(Shield, {
+								size: 16,
+								className: "text-violet-400"
+							}), /* @__PURE__ */ jsx("span", {
+								className: "text-sm font-medium text-violet-300",
+								children: "Contract Enforcement"
+							})]
+						}),
+						/* @__PURE__ */ jsx("h2", {
+							className: "text-3xl font-bold md:text-4xl",
+							children: "AI governance that actually works"
+						}),
+						/* @__PURE__ */ jsx("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."
+						})
+					]
+				}), /* @__PURE__ */ jsxs("div", {
+					className: "card-subtle space-y-6 p-6",
+					children: [/* @__PURE__ */ jsxs("div", {
+						className: "space-y-4",
+						children: [/* @__PURE__ */ jsx("h3", {
+							className: "font-bold",
+							children: "How contract enforcement works"
+						}), /* @__PURE__ */ jsx("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."
+						})]
+					}), /* @__PURE__ */ jsx("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__ */ jsxs("div", {
+							className: "space-y-2",
+							children: [
+								/* @__PURE__ */ jsx("div", {
+									className: "flex h-8 w-8 items-center justify-center rounded-lg bg-violet-500/20",
+									children: /* @__PURE__ */ jsx("div", {
+										className: "text-sm font-bold text-violet-400",
+										children: i + 1
+									})
+								}),
+								/* @__PURE__ */ jsx("h4", {
+									className: "text-sm font-bold",
+									children: step.title
+								}),
+								/* @__PURE__ */ jsx("p", {
+									className: "text-muted-foreground text-xs",
+									children: step.description
+								})
+							]
+						}, i))
+					})]
+				})]
+			})
+		}),
+		/* @__PURE__ */ jsx("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__ */ jsxs("div", {
+				className: "mx-auto max-w-4xl space-y-8",
+				children: [
+					/* @__PURE__ */ jsxs("div", {
+						className: "space-y-4",
+						children: [
+							/* @__PURE__ */ jsxs("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__ */ jsx(Unlock, {
+									size: 16,
+									className: "text-pink-400"
+								}), /* @__PURE__ */ jsx("span", {
+									className: "text-sm font-medium text-pink-300",
+									children: "No Lock-in"
+								})]
+							}),
+							/* @__PURE__ */ jsx("h2", {
+								className: "text-3xl font-bold md:text-4xl",
+								children: "You own everything. Eject anytime."
+							}),
+							/* @__PURE__ */ jsx("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."
+							})
+						]
+					}),
+					/* @__PURE__ */ jsxs("div", {
+						className: "grid gap-6 md:grid-cols-2",
+						children: [/* @__PURE__ */ jsxs("div", {
+							className: "card-subtle space-y-4 p-6",
+							children: [/* @__PURE__ */ jsx("h3", {
+								className: "text-lg font-bold",
+								children: "Standard Tech Output"
+							}), /* @__PURE__ */ jsx("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__ */ jsxs("li", {
+									className: "flex gap-3",
+									children: [/* @__PURE__ */ jsx(CheckCircle, {
+										size: 16,
+										className: "mt-0.5 flex-shrink-0 text-pink-400"
+									}), item]
+								}, i))
+							})]
+						}), /* @__PURE__ */ jsxs("div", {
+							className: "card-subtle space-y-4 p-6",
+							children: [/* @__PURE__ */ jsx("h3", {
+								className: "text-lg font-bold",
+								children: "No Proprietary Dependencies"
+							}), /* @__PURE__ */ jsx("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__ */ jsxs("li", {
+									className: "flex gap-3",
+									children: [/* @__PURE__ */ jsx(CheckCircle, {
+										size: 16,
+										className: "mt-0.5 flex-shrink-0 text-pink-400"
+									}), item]
+								}, i))
+							})]
+						})]
+					}),
+					/* @__PURE__ */ jsx("div", {
+						className: "pt-4 text-center",
+						children: /* @__PURE__ */ jsxs("p", {
+							className: "text-muted-foreground mb-4 text-sm",
+							children: [
+								"Like TypeScript compiles to JavaScript, ContractSpec compiles to standard code.",
+								/* @__PURE__ */ jsx("br", {}),
+								/* @__PURE__ */ jsx("span", {
+									className: "font-medium text-violet-400",
+									children: "We're the compiler, not the prison."
+								})
+							]
+						})
+					})
+				]
+			})
+		}),
+		/* @__PURE__ */ jsx("section", {
+			className: "section-padding border-border border-b",
+			children: /* @__PURE__ */ jsxs("div", {
+				className: "mx-auto max-w-4xl space-y-8",
+				children: [
+					/* @__PURE__ */ jsx("h2", {
+						className: "text-center text-3xl font-bold md:text-4xl",
+						children: "Start small. Expand gradually."
+					}),
+					/* @__PURE__ */ jsx("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."
+					}),
+					/* @__PURE__ */ jsx("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__ */ jsxs("div", {
+							className: "card-subtle space-y-4 p-6 text-center",
+							children: [/* @__PURE__ */ jsx("div", {
+								className: "text-2xl font-bold text-violet-400",
+								children: item.title
+							}), /* @__PURE__ */ jsx("p", {
+								className: "text-muted-foreground text-sm",
+								children: item.description
+							})]
+						}, i))
+					})
+				]
+			})
+		}),
+		/* @__PURE__ */ jsx("section", {
+			className: "section-padding hero-gradient",
+			children: /* @__PURE__ */ jsxs("div", {
+				className: "mx-auto max-w-4xl space-y-6 text-center",
+				children: [
+					/* @__PURE__ */ jsx("h2", {
+						className: "text-3xl font-bold md:text-4xl",
+						children: "Ready to stabilize your AI-generated code?"
+					}),
+					/* @__PURE__ */ jsx("p", {
+						className: "text-muted-foreground text-lg",
+						children: "Start with one module. No big-bang migration. No lock-in."
+					}),
+					/* @__PURE__ */ jsxs("div", {
+						className: "flex flex-col items-center justify-center gap-4 pt-4 sm:flex-row",
+						children: [/* @__PURE__ */ jsxs(Link, {
+							href: "/install",
+							className: "btn-primary inline-flex items-center gap-2",
+							children: ["Install OSS Core ", /* @__PURE__ */ jsx(ChevronRight, { size: 16 })]
+						}), /* @__PURE__ */ jsx(Link, {
+							href: "/contact#waitlist",
+							className: "btn-ghost",
+							children: "Join Studio Waitlist"
+						})]
+					})
+				]
+			})
+		})
+	]
+});
+
+//#endregion
+export { ProductClientPage };
+//# sourceMappingURL=ProductClientPage.js.map

package/dist/components/marketing/ProductClientPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProductClientPage.js","names":[],"sources":["../../../src/components/marketing/ProductClientPage.tsx"],"sourcesContent":["'use client';\n\nimport Link from '@contractspec/lib.ui-link';\nimport {\n  analyticsEventNames,\n  captureAnalyticsEvent,\n} from '@contractspec/bundle.library/libs/posthog/client';\nimport {\n  CheckCircle,\n  ChevronRight,\n  Database,\n  FileCode,\n  GitBranch,\n  Layers,\n  RefreshCw,\n  Shield,\n  Unlock,\n  Zap,\n} from 'lucide-react';\n\nexport const ProductClientPage = () => (\n  <main className=\"\">\n    {/* Hero */}\n    <section className=\"section-padding hero-gradient relative\">\n      <div className=\"mx-auto max-w-4xl space-y-6 text-center\">\n        <h1 className=\"text-5xl leading-tight font-bold md:text-6xl\">\n          Compiler for AI-coded systems\n        </h1>\n        <p className=\"text-muted-foreground mx-auto max-w-2xl text-lg\">\n          Define contracts once. Generate consistent code across API, DB, UI,\n          and events. Regenerate safely anytime. No lock-in.\n        </p>\n        <div className=\"flex flex-col items-center justify-center gap-4 pt-4 sm:flex-row\">\n          <Link\n            href=\"/install\"\n            onClick={() =>\n              captureAnalyticsEvent(analyticsEventNames.CTA_INSTALL_CLICK, {\n                surface: 'product-hero',\n              })\n            }\n            className=\"btn-primary inline-flex items-center gap-2\"\n          >\n            Install OSS Core <ChevronRight size={16} />\n          </Link>\n          <Link href=\"/pricing\" className=\"btn-ghost\">\n            View pricing\n          </Link>\n        </div>\n      </div>\n    </section>\n\n    {/* Multi-Surface Consistency */}\n    <section className=\"section-padding border-border border-b\">\n      <div className=\"mx-auto max-w-4xl space-y-8\">\n        <div className=\"space-y-4\">\n          <div className=\"inline-flex items-center gap-2 rounded-full border border-blue-500/20 bg-blue-500/10 px-3 py-1\">\n            <Layers size={16} className=\"text-blue-400\" />\n            <span className=\"text-sm font-medium text-blue-300\">\n              Multi-Surface Consistency\n            </span>\n          </div>\n          <h2 className=\"text-3xl font-bold md:text-4xl\">\n            One contract, all surfaces in sync\n          </h2>\n          <p className=\"text-muted-foreground text-lg\">\n            Stop chasing drift between your API, database, UI, and events. One\n            spec generates all outputs, guaranteed to stay consistent.\n          </p>\n        </div>\n        <div className=\"grid gap-6 md:grid-cols-2\">\n          {[\n            {\n              title: 'REST & GraphQL API',\n              description:\n                'Type-safe endpoints with validation. Standard Express, Hono, Elysia, or Apollo handlers.',\n              icon: Zap,\n            },\n            {\n              title: 'Database Schema',\n              description:\n                'Prisma migrations and types generated from the same spec. Always in sync with your API.',\n              icon: Database,\n            },\n            {\n              title: 'UI Components',\n              description:\n                'React forms and views derived from specs. Validation and types flow through automatically.',\n              icon: FileCode,\n            },\n            {\n              title: 'MCP Tools & Events',\n              description:\n                'AI agent tool definitions and event schemas. Same contract, different surfaces.',\n              icon: GitBranch,\n            },\n          ].map((item, i) => (\n            <div key={i} className=\"card-subtle space-y-4 p-6\">\n              <item.icon className=\"text-blue-400\" size={24} />\n              <h3 className=\"text-lg font-bold\">{item.title}</h3>\n              <p className=\"text-muted-foreground text-sm\">\n                {item.description}\n              </p>\n            </div>\n          ))}\n        </div>\n      </div>\n    </section>\n\n    {/* Safe Regeneration */}\n    <section className=\"section-padding border-border bg-muted/20 border-b\">\n      <div className=\"mx-auto max-w-4xl space-y-8\">\n        <div className=\"space-y-4\">\n          <div className=\"inline-flex items-center gap-2 rounded-full border border-emerald-500/20 bg-emerald-500/10 px-3 py-1\">\n            <RefreshCw size={16} className=\"text-emerald-400\" />\n            <span className=\"text-sm font-medium text-emerald-300\">\n              Safe Regeneration\n            </span>\n          </div>\n          <h2 className=\"text-3xl font-bold md:text-4xl\">\n            Regenerate anytime without fear\n          </h2>\n          <p className=\"text-muted-foreground text-lg\">\n            Contracts enforce invariants. Breaking changes are caught at compile\n            time, not production. Regenerate with confidence.\n          </p>\n        </div>\n        <div className=\"grid gap-6 md:grid-cols-2\">\n          <div className=\"card-subtle space-y-4 p-6\">\n            <h3 className=\"font-bold\">Spec-First Safety</h3>\n            <p className=\"text-muted-foreground text-sm\">\n              AI agents read specs, not implementations. Generated code that\n              violates contracts gets flagged automatically.\n            </p>\n            <ul className=\"text-muted-foreground space-y-2 text-sm\">\n              <li className=\"flex gap-3\">\n                <CheckCircle\n                  size={16}\n                  className=\"mt-0.5 flex-shrink-0 text-emerald-400\"\n                />\n                Type-safe from spec to runtime\n              </li>\n              <li className=\"flex gap-3\">\n                <CheckCircle\n                  size={16}\n                  className=\"mt-0.5 flex-shrink-0 text-emerald-400\"\n                />\n                Invariants enforced at compile time\n              </li>\n              <li className=\"flex gap-3\">\n                <CheckCircle\n                  size={16}\n                  className=\"mt-0.5 flex-shrink-0 text-emerald-400\"\n                />\n                Breaking changes detected early\n              </li>\n            </ul>\n          </div>\n          <div className=\"card-subtle space-y-4 p-6\">\n            <h3 className=\"font-bold\">Version Control Built-in</h3>\n            <p className=\"text-muted-foreground text-sm\">\n              Every spec change is tracked. Roll back to any previous version.\n              Migrations are explicit and reversible.\n            </p>\n            <ul className=\"text-muted-foreground space-y-2 text-sm\">\n              <li className=\"flex gap-3\">\n                <CheckCircle\n                  size={16}\n                  className=\"mt-0.5 flex-shrink-0 text-emerald-400\"\n                />\n                Git-native spec history\n              </li>\n              <li className=\"flex gap-3\">\n                <CheckCircle\n                  size={16}\n                  className=\"mt-0.5 flex-shrink-0 text-emerald-400\"\n                />\n                Explicit migration paths\n              </li>\n              <li className=\"flex gap-3\">\n                <CheckCircle\n                  size={16}\n                  className=\"mt-0.5 flex-shrink-0 text-emerald-400\"\n                />\n                One-click rollback\n              </li>\n            </ul>\n          </div>\n        </div>\n      </div>\n    </section>\n\n    {/* Contract Enforcement */}\n    <section className=\"section-padding border-border border-b\">\n      <div className=\"mx-auto max-w-4xl space-y-8\">\n        <div className=\"space-y-4\">\n          <div className=\"inline-flex items-center gap-2 rounded-full border border-violet-500/20 bg-violet-500/10 px-3 py-1\">\n            <Shield size={16} className=\"text-violet-400\" />\n            <span className=\"text-sm font-medium text-violet-300\">\n              Contract Enforcement\n            </span>\n          </div>\n          <h2 className=\"text-3xl font-bold md:text-4xl\">\n            AI governance that actually works\n          </h2>\n          <p className=\"text-muted-foreground text-lg\">\n            Constrain what AI agents can change. Enforce contracts they must\n            respect. No more hallucinated refactors breaking your system.\n          </p>\n        </div>\n        <div className=\"card-subtle space-y-6 p-6\">\n          <div className=\"space-y-4\">\n            <h3 className=\"font-bold\">How contract enforcement works</h3>\n            <p className=\"text-muted-foreground text-sm\">\n              Contracts define what the system should do. AI-generated code that\n              violates these contracts is automatically flagged and rejected\n              before it can cause damage.\n            </p>\n          </div>\n          <div className=\"grid gap-4 md:grid-cols-3\">\n            {[\n              {\n                title: 'Define',\n                description:\n                  'Write specs in TypeScript. Define inputs, outputs, and invariants.',\n              },\n              {\n                title: 'Generate',\n                description:\n                  'ContractSpec generates code across all surfaces from your specs.',\n              },\n              {\n                title: 'Enforce',\n                description:\n                  \"Any code that violates specs is flagged. AI agents can't break contracts.\",\n              },\n            ].map((step, i) => (\n              <div key={i} className=\"space-y-2\">\n                <div className=\"flex h-8 w-8 items-center justify-center rounded-lg bg-violet-500/20\">\n                  <div className=\"text-sm font-bold text-violet-400\">\n                    {i + 1}\n                  </div>\n                </div>\n                <h4 className=\"text-sm font-bold\">{step.title}</h4>\n                <p className=\"text-muted-foreground text-xs\">\n                  {step.description}\n                </p>\n              </div>\n            ))}\n          </div>\n        </div>\n      </div>\n    </section>\n\n    {/* No Lock-in */}\n    <section className=\"section-padding border-border border-b bg-gradient-to-br from-violet-500/10 via-indigo-500/5 to-blue-500/5\">\n      <div className=\"mx-auto max-w-4xl space-y-8\">\n        <div className=\"space-y-4\">\n          <div className=\"inline-flex items-center gap-2 rounded-full border border-pink-500/20 bg-pink-500/10 px-3 py-1\">\n            <Unlock size={16} className=\"text-pink-400\" />\n            <span className=\"text-sm font-medium text-pink-300\">\n              No Lock-in\n            </span>\n          </div>\n          <h2 className=\"text-3xl font-bold md:text-4xl\">\n            You own everything. Eject anytime.\n          </h2>\n          <p className=\"text-muted-foreground text-lg\">\n            ContractSpec is a compiler, not a prison. The generated code is\n            yours: standard TypeScript, standard SQL, standard GraphQL.\n          </p>\n        </div>\n        <div className=\"grid gap-6 md:grid-cols-2\">\n          <div className=\"card-subtle space-y-4 p-6\">\n            <h3 className=\"text-lg font-bold\">Standard Tech Output</h3>\n            <ul className=\"text-muted-foreground space-y-3 text-sm\">\n              {[\n                'TypeScript you can read and modify',\n                'Prisma migrations you can run manually',\n                'GraphQL schemas you can serve anywhere',\n                'React components with no magic',\n                'REST handlers that work with any framework',\n              ].map((item, i) => (\n                <li key={i} className=\"flex gap-3\">\n                  <CheckCircle\n                    size={16}\n                    className=\"mt-0.5 flex-shrink-0 text-pink-400\"\n                  />\n                  {item}\n                </li>\n              ))}\n            </ul>\n          </div>\n          <div className=\"card-subtle space-y-4 p-6\">\n            <h3 className=\"text-lg font-bold\">No Proprietary Dependencies</h3>\n            <ul className=\"text-muted-foreground space-y-3 text-sm\">\n              {[\n                'No runtime library required',\n                'No vendor-specific abstractions',\n                'Works with your existing CI/CD',\n                'Eject anytime, keep everything',\n                'Open spec format',\n              ].map((item, i) => (\n                <li key={i} className=\"flex gap-3\">\n                  <CheckCircle\n                    size={16}\n                    className=\"mt-0.5 flex-shrink-0 text-pink-400\"\n                  />\n                  {item}\n                </li>\n              ))}\n            </ul>\n          </div>\n        </div>\n        <div className=\"pt-4 text-center\">\n          <p className=\"text-muted-foreground mb-4 text-sm\">\n            Like TypeScript compiles to JavaScript, ContractSpec compiles to\n            standard code.\n            <br />\n            <span className=\"font-medium text-violet-400\">\n              We're the compiler, not the prison.\n            </span>\n          </p>\n        </div>\n      </div>\n    </section>\n\n    {/* Incremental Adoption */}\n    <section className=\"section-padding border-border border-b\">\n      <div className=\"mx-auto max-w-4xl space-y-8\">\n        <h2 className=\"text-center text-3xl font-bold md:text-4xl\">\n          Start small. Expand gradually.\n        </h2>\n        <p className=\"text-muted-foreground mx-auto max-w-2xl text-center text-lg\">\n          You don't rewrite your app. You stabilize one module at a time. Start\n          with one endpoint, prove value, then expand.\n        </p>\n        <div className=\"grid gap-6 md:grid-cols-3\">\n          {[\n            {\n              title: 'Day 1',\n              description:\n                'Pick one API endpoint. Write a spec. See what gets generated.',\n            },\n            {\n              title: 'Week 1',\n              description:\n                'Add a few more specs. Compare generated code to existing code.',\n            },\n            {\n              title: 'Month 1',\n              description:\n                'Migrate a full module. Enjoy multi-surface consistency.',\n            },\n          ].map((item, i) => (\n            <div key={i} className=\"card-subtle space-y-4 p-6 text-center\">\n              <div className=\"text-2xl font-bold text-violet-400\">\n                {item.title}\n              </div>\n              <p className=\"text-muted-foreground text-sm\">\n                {item.description}\n              </p>\n            </div>\n          ))}\n        </div>\n      </div>\n    </section>\n\n    {/* CTA */}\n    <section className=\"section-padding hero-gradient\">\n      <div className=\"mx-auto max-w-4xl space-y-6 text-center\">\n        <h2 className=\"text-3xl font-bold md:text-4xl\">\n          Ready to stabilize your AI-generated code?\n        </h2>\n        <p className=\"text-muted-foreground text-lg\">\n          Start with one module. No big-bang migration. No lock-in.\n        </p>\n        <div className=\"flex flex-col items-center justify-center gap-4 pt-4 sm:flex-row\">\n          <Link\n            href=\"/install\"\n            className=\"btn-primary inline-flex items-center gap-2\"\n          >\n            Install OSS Core <ChevronRight size={16} />\n          </Link>\n          <Link href=\"/contact#waitlist\" className=\"btn-ghost\">\n            Join Studio Waitlist\n          </Link>\n        </div>\n      </div>\n    </section>\n  </main>\n);\n"],"mappings":"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"}

package/dist/components/marketing/index.d.ts

@@ -0,0 +1,11 @@
+import { ChangelogPage } from "./ChangelogPage.js";
+import { CofounderPage } from "./CofounderPage.js";
+import { ContactClient } from "./ContactClient.js";
+import { ContributePage } from "./ContributePage.js";
+import { DesignPartnerPage } from "./DesignPartnerPage.js";
+import { LandingPage } from "./LandingPage.js";
+import { PricingClient } from "./PricingClient.js";
+import { ProductClientPage } from "./ProductClientPage.js";
+import { WaitlistSection } from "./waitlist-section.js";
+import { PricingThinkingModal } from "./pricing-thinking-modal.js";
+export { ChangelogPage, CofounderPage, ContactClient, ContributePage, DesignPartnerPage, LandingPage, PricingClient, PricingThinkingModal, ProductClientPage, WaitlistSection };

package/dist/components/marketing/index.js

@@ -0,0 +1,12 @@
+import { LandingPage } from "./LandingPage.js";
+import { ProductClientPage } from "./ProductClientPage.js";
+import { WaitlistSection } from "./waitlist-section.js";
+import { PricingThinkingModal } from "./pricing-thinking-modal.js";
+import { PricingClient } from "./PricingClient.js";
+import { ContactClient } from "./ContactClient.js";
+import { ChangelogPage } from "./ChangelogPage.js";
+import { CofounderPage } from "./CofounderPage.js";
+import { ContributePage } from "./ContributePage.js";
+import { DesignPartnerPage } from "./DesignPartnerPage.js";
+
+export { ChangelogPage, CofounderPage, ContactClient, ContributePage, DesignPartnerPage, LandingPage, PricingClient, PricingThinkingModal, ProductClientPage, WaitlistSection };

package/dist/components/marketing/pricing-thinking-modal.d.ts

@@ -0,0 +1,16 @@
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/components/marketing/pricing-thinking-modal.d.ts
+interface PricingThinkingModalProps {
+  open: boolean;
+  onOpenChange: (open: boolean) => void;
+  onApplyClick?: () => void;
+}
+declare function PricingThinkingModal({
+  open,
+  onOpenChange,
+  onApplyClick
+}: PricingThinkingModalProps): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { PricingThinkingModal };
+//# sourceMappingURL=pricing-thinking-modal.d.ts.map

package/dist/components/marketing/pricing-thinking-modal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pricing-thinking-modal.d.ts","names":[],"sources":["../../../src/components/marketing/pricing-thinking-modal.tsx"],"mappings":";;;UAwFU,yBAAA;EACR,IAAA;EACA,YAAA,GAAe,IAAA;EACf,YAAA;AAAA;AAAA,iBAGc,oBAAA,CAAA;EACd,IAAA;EACA,YAAA;EACA;AAAA,GACC,yBAAA,GAAyB,kBAAA,CAAA,GAAA,CAAA,OAAA"}