@contractspec/bundle.marketing 1.12.0

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

@@ -0,0 +1,77 @@
+'use client';
+
+import { Box, HStack, VStack } from "@contractspec/lib.ui-kit-web/ui/stack";
+import { ButtonLink, MarketingSection } from "@contractspec/lib.design-system";
+import { analyticsEventNames, captureAnalyticsEvent } from "@contractspec/bundle.library/libs/posthog/client";
+import { H1, Lead, Small } from "@contractspec/lib.ui-kit-web/ui/typography";
+import { ChevronRight } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/components/marketing/sections/HeroMarketingSection.tsx
+const heroChips = [
+	"Multi-Surface Sync",
+	"No Lock-in",
+	"Standard Tech"
+];
+function HeroMarketingSection() {
+	return /* @__PURE__ */ jsx(MarketingSection, {
+		tone: "gradient",
+		padding: "spacious",
+		align: "center",
+		children: /* @__PURE__ */ jsxs(VStack, {
+			gap: "lg",
+			align: "center",
+			className: "text-center",
+			children: [
+				/* @__PURE__ */ jsx(Box, {
+					as: "div",
+					role: "presentation",
+					className: "bg-muted text-muted-foreground inline-flex items-center rounded-full px-3 py-1 text-xs font-medium tracking-wider uppercase",
+					children: "Open Source Core"
+				}),
+				/* @__PURE__ */ jsx(H1, {
+					className: "text-4xl leading-tight font-bold text-balance md:text-5xl",
+					children: "Stabilize your AI-generated code"
+				}),
+				/* @__PURE__ */ jsx(Lead, {
+					className: "text-muted-foreground text-lg text-balance md:text-xl",
+					children: "ContractSpec is the compiler that keeps AI-written software coherent, safe, and regenerable. You keep your app. You own the code. One module at a time."
+				}),
+				/* @__PURE__ */ jsxs(HStack, {
+					gap: "md",
+					justify: "center",
+					wrap: "wrap",
+					children: [/* @__PURE__ */ jsxs(ButtonLink, {
+						href: "/install",
+						onClick: () => captureAnalyticsEvent(analyticsEventNames.CTA_INSTALL_CLICK, { surface: "hero" }),
+						children: ["Install OSS ", /* @__PURE__ */ jsx(ChevronRight, { size: 16 })]
+					}), /* @__PURE__ */ jsx(ButtonLink, {
+						variant: "ghost",
+						href: "/contact#waitlist",
+						onClick: () => captureAnalyticsEvent(analyticsEventNames.CTA_STUDIO_CLICK, { surface: "hero" }),
+						children: "Join Studio Waitlist"
+					})]
+				}),
+				/* @__PURE__ */ jsx(HStack, {
+					gap: "sm",
+					justify: "center",
+					wrap: "wrap",
+					className: "pt-2",
+					children: heroChips.map((chip) => /* @__PURE__ */ jsx(Box, {
+						as: "div",
+						role: "presentation",
+						className: "border-border text-foreground inline-flex items-center rounded-full border px-3 py-1 text-sm",
+						children: /* @__PURE__ */ jsx(Small, {
+							className: "font-medium",
+							children: chip
+						})
+					}, chip))
+				})
+			]
+		})
+	});
+}
+
+//#endregion
+export { HeroMarketingSection };
+//# sourceMappingURL=HeroMarketingSection.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"HeroMarketingSection.js","names":[],"sources":["../../../../src/components/marketing/sections/HeroMarketingSection.tsx"],"sourcesContent":["'use client';\n\nimport { ButtonLink, MarketingSection } from '@contractspec/lib.design-system';\nimport {\n  analyticsEventNames,\n  captureAnalyticsEvent,\n} from '@contractspec/bundle.library/libs/posthog/client';\nimport { Box, HStack, VStack } from '@contractspec/lib.ui-kit-web/ui/stack';\nimport { H1, Lead, Small } from '@contractspec/lib.ui-kit-web/ui/typography';\nimport { ChevronRight } from 'lucide-react';\n\nconst heroChips = ['Multi-Surface Sync', 'No Lock-in', 'Standard Tech'];\n\nexport function HeroMarketingSection() {\n  return (\n    <MarketingSection tone=\"gradient\" padding=\"spacious\" align=\"center\">\n      <VStack gap=\"lg\" align=\"center\" className=\"text-center\">\n        <Box\n          as=\"div\"\n          role=\"presentation\"\n          className=\"bg-muted text-muted-foreground inline-flex items-center rounded-full px-3 py-1 text-xs font-medium tracking-wider uppercase\"\n        >\n          Open Source Core\n        </Box>\n        <H1 className=\"text-4xl leading-tight font-bold text-balance md:text-5xl\">\n          Stabilize your AI-generated code\n        </H1>\n        <Lead className=\"text-muted-foreground text-lg text-balance md:text-xl\">\n          ContractSpec is the compiler that keeps AI-written software coherent,\n          safe, and regenerable. You keep your app. You own the code. One module\n          at a time.\n        </Lead>\n\n        <HStack gap=\"md\" justify=\"center\" wrap=\"wrap\">\n          <ButtonLink\n            href=\"/install\"\n            onClick={() =>\n              captureAnalyticsEvent(analyticsEventNames.CTA_INSTALL_CLICK, {\n                surface: 'hero',\n              })\n            }\n          >\n            Install OSS <ChevronRight size={16} />\n          </ButtonLink>\n          <ButtonLink\n            variant=\"ghost\"\n            href=\"/contact#waitlist\"\n            onClick={() =>\n              captureAnalyticsEvent(analyticsEventNames.CTA_STUDIO_CLICK, {\n                surface: 'hero',\n              })\n            }\n          >\n            Join Studio Waitlist\n          </ButtonLink>\n        </HStack>\n\n        <HStack gap=\"sm\" justify=\"center\" wrap=\"wrap\" className=\"pt-2\">\n          {heroChips.map((chip) => (\n            <Box\n              key={chip}\n              as=\"div\"\n              role=\"presentation\"\n              className=\"border-border text-foreground inline-flex items-center rounded-full border px-3 py-1 text-sm\"\n            >\n              <Small className=\"font-medium\">{chip}</Small>\n            </Box>\n          ))}\n        </HStack>\n      </VStack>\n    </MarketingSection>\n  );\n}\n"],"mappings":";;;;;;;;;;AAWA,MAAM,YAAY;CAAC;CAAsB;CAAc;CAAgB;AAEvE,SAAgB,uBAAuB;AACrC,QACE,oBAAC;EAAiB,MAAK;EAAW,SAAQ;EAAW,OAAM;YACzD,qBAAC;GAAO,KAAI;GAAK,OAAM;GAAS,WAAU;;IACxC,oBAAC;KACC,IAAG;KACH,MAAK;KACL,WAAU;eACX;MAEK;IACN,oBAAC;KAAG,WAAU;eAA4D;MAErE;IACL,oBAAC;KAAK,WAAU;eAAwD;MAIjE;IAEP,qBAAC;KAAO,KAAI;KAAK,SAAQ;KAAS,MAAK;gBACrC,qBAAC;MACC,MAAK;MACL,eACE,sBAAsB,oBAAoB,mBAAmB,EAC3D,SAAS,QACV,CAAC;iBAEL,gBACa,oBAAC,gBAAa,MAAM,KAAM;OAC3B,EACb,oBAAC;MACC,SAAQ;MACR,MAAK;MACL,eACE,sBAAsB,oBAAoB,kBAAkB,EAC1D,SAAS,QACV,CAAC;gBAEL;OAEY;MACN;IAET,oBAAC;KAAO,KAAI;KAAK,SAAQ;KAAS,MAAK;KAAO,WAAU;eACrD,UAAU,KAAK,SACd,oBAAC;MAEC,IAAG;MACH,MAAK;MACL,WAAU;gBAEV,oBAAC;OAAM,WAAU;iBAAe;QAAa;QALxC,KAMD,CACN;MACK;;IACF;GACQ"}

package/dist/components/marketing/sections/IconGridSection.d.ts

@@ -0,0 +1,45 @@
+import { MarketingCardTone, MarketingSectionPadding, MarketingSectionTone } from "@contractspec/lib.design-system";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as React$1 from "react";
+import { VariantProps } from "class-variance-authority";
+import * as class_variance_authority_types0 from "class-variance-authority/types";
+
+//#region src/components/marketing/sections/IconGridSection.d.ts
+type IconComponent = React$1.ComponentType<{
+  className?: string;
+  size?: number;
+}>;
+interface IconGridItem {
+  icon: IconComponent;
+  title: string;
+  description: string;
+  iconClassName?: string;
+  tone?: MarketingCardTone;
+}
+interface IconGridSectionProps {
+  eyebrow?: string;
+  title: string;
+  subtitle?: string;
+  items: IconGridItem[];
+  tone?: MarketingSectionTone;
+  padding?: MarketingSectionPadding;
+  columns?: 2 | 3 | 4;
+  iconRole?: IconGridSectionRole;
+}
+declare const itemVariants: (props?: ({
+  iconRole?: "iconFirst" | "listing" | "support" | null | undefined;
+} & class_variance_authority_types0.ClassProp) | undefined) => string;
+type IconGridSectionRole = VariantProps<typeof itemVariants>['iconRole'];
+declare function IconGridSection({
+  eyebrow,
+  title,
+  subtitle,
+  items,
+  tone,
+  padding,
+  columns,
+  iconRole
+}: IconGridSectionProps): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { IconGridItem, IconGridSection, IconGridSectionRole };
+//# sourceMappingURL=IconGridSection.d.ts.map

package/dist/components/marketing/sections/IconGridSection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconGridSection.d.ts","names":[],"sources":["../../../../src/components/marketing/sections/IconGridSection.tsx"],"mappings":";;;;;;;KAWK,aAAA,GAAgB,OAAA,CAAM,aAAA;EAAgB,SAAA;EAAoB,IAAA;AAAA;AAAA,UAE9C,YAAA;EACf,IAAA,EAAM,aAAA;EACN,KAAA;EACA,WAAA;EACA,aAAA;EACA,IAAA,GAAO,iBAAA;AAAA;AAAA,UAGC,oBAAA;EACR,OAAA;EACA,KAAA;EACA,QAAA;EACA,KAAA,EAAO,YAAA;EACP,IAAA,GAAO,oBAAA;EACP,OAAA,GAAU,uBAAA;EACV,OAAA;EACA,QAAA,GAAW,mBAAA;AAAA;AAAA,cAGP,YAAA,GAAY,KAAA;;IAShB,+BAAA,CAAA,SAAA;AAAA,KAEU,mBAAA,GAAsB,YAAA,QAAoB,YAAA;AAAA,iBAEtC,eAAA,CAAA;EACd,OAAA;EACA,KAAA;EACA,QAAA;EACA,KAAA;EACA,IAAA;EACA,OAAA;EACA,OAAA;EACA;AAAA,GACC,oBAAA,GAAoB,kBAAA,CAAA,GAAA,CAAA,OAAA"}

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

@@ -0,0 +1,44 @@
+import { MarketingCardsSection, MarketingIconCard } from "@contractspec/lib.design-system";
+import { Muted } from "@contractspec/lib.ui-kit-web/ui/typography";
+import { jsx } from "react/jsx-runtime";
+import "react";
+import { cva } from "class-variance-authority";
+
+//#region src/components/marketing/sections/IconGridSection.tsx
+const 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__ */ jsx(MarketingCardsSection, {
+		tone,
+		padding,
+		eyebrow: eyebrow ? /* @__PURE__ */ jsx(Muted, {
+			className: "text-xs font-semibold tracking-[0.2em] uppercase",
+			children: eyebrow
+		}) : null,
+		title,
+		subtitle: subtitle ? /* @__PURE__ */ jsx(Muted, {
+			className: "text-lg",
+			children: subtitle
+		}) : null,
+		columns,
+		children: items.map((card) => /* @__PURE__ */ jsx(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))
+	});
+}
+
+//#endregion
+export { IconGridSection };
+//# sourceMappingURL=IconGridSection.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"IconGridSection.js","names":[],"sources":["../../../../src/components/marketing/sections/IconGridSection.tsx"],"sourcesContent":["import * as React from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport {\n  MarketingCardsSection,\n  MarketingIconCard,\n  type MarketingCardTone,\n  type MarketingSectionPadding,\n  type MarketingSectionTone,\n} from '@contractspec/lib.design-system';\nimport { Muted } from '@contractspec/lib.ui-kit-web/ui/typography';\n\ntype IconComponent = React.ComponentType<{ className?: string; size?: number }>;\n\nexport interface IconGridItem {\n  icon: IconComponent;\n  title: string;\n  description: string;\n  iconClassName?: string;\n  tone?: MarketingCardTone;\n}\n\ninterface IconGridSectionProps {\n  eyebrow?: string;\n  title: string;\n  subtitle?: string;\n  items: IconGridItem[];\n  tone?: MarketingSectionTone;\n  padding?: MarketingSectionPadding;\n  columns?: 2 | 3 | 4;\n  iconRole?: IconGridSectionRole;\n}\n\nconst itemVariants = cva('', {\n  variants: {\n    iconRole: {\n      iconFirst: '',\n      listing: 'items-start',\n      support: 'items-start',\n    },\n  },\n  defaultVariants: { iconRole: 'iconFirst' },\n});\n\nexport type IconGridSectionRole = VariantProps<typeof itemVariants>['iconRole'];\n\nexport function IconGridSection({\n  eyebrow,\n  title,\n  subtitle,\n  items,\n  tone = 'default',\n  padding,\n  columns = 3,\n  iconRole = 'iconFirst',\n}: IconGridSectionProps) {\n  return (\n    <MarketingCardsSection\n      tone={tone}\n      padding={padding}\n      eyebrow={\n        eyebrow ? (\n          <Muted className=\"text-xs font-semibold tracking-[0.2em] uppercase\">\n            {eyebrow}\n          </Muted>\n        ) : null\n      }\n      title={title}\n      subtitle={subtitle ? <Muted className=\"text-lg\">{subtitle}</Muted> : null}\n      columns={columns}\n    >\n      {items.map((card) => (\n        <MarketingIconCard\n          key={card.title}\n          icon={card.icon}\n          title={card.title}\n          description={card.description}\n          tone={card.tone}\n          iconClassName={card.iconClassName}\n          variant={\n            iconRole === 'listing'\n              ? 'listing'\n              : iconRole === 'support'\n                ? 'support'\n                : 'iconFirst'\n          }\n          className={itemVariants({ iconRole })}\n        />\n      ))}\n    </MarketingCardsSection>\n  );\n}\n"],"mappings":";;;;;;;AAgCA,MAAM,eAAe,IAAI,IAAI;CAC3B,UAAU,EACR,UAAU;EACR,WAAW;EACX,SAAS;EACT,SAAS;EACV,EACF;CACD,iBAAiB,EAAE,UAAU,aAAa;CAC3C,CAAC;AAIF,SAAgB,gBAAgB,EAC9B,SACA,OACA,UACA,OACA,OAAO,WACP,SACA,UAAU,GACV,WAAW,eACY;AACvB,QACE,oBAAC;EACO;EACG;EACT,SACE,UACE,oBAAC;GAAM,WAAU;aACd;IACK,GACN;EAEC;EACP,UAAU,WAAW,oBAAC;GAAM,WAAU;aAAW;IAAiB,GAAG;EAC5D;YAER,MAAM,KAAK,SACV,oBAAC;GAEC,MAAM,KAAK;GACX,OAAO,KAAK;GACZ,aAAa,KAAK;GAClB,MAAM,KAAK;GACX,eAAe,KAAK;GACpB,SACE,aAAa,YACT,YACA,aAAa,YACX,YACA;GAER,WAAW,aAAa,EAAE,UAAU,CAAC;KAbhC,KAAK,MAcV,CACF;GACoB"}

package/dist/components/marketing/sections/OutputsSection.d.ts

@@ -0,0 +1,7 @@
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/components/marketing/sections/OutputsSection.d.ts
+declare function OutputsSection(): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { OutputsSection };
+//# sourceMappingURL=OutputsSection.d.ts.map

package/dist/components/marketing/sections/OutputsSection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"OutputsSection.d.ts","names":[],"sources":["../../../../src/components/marketing/sections/OutputsSection.tsx"],"mappings":";;;iBAuCgB,cAAA,CAAA,GAAc,kBAAA,CAAA,GAAA,CAAA,OAAA"}

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

@@ -0,0 +1,59 @@
+import { IconGridSection } from "./IconGridSection.js";
+import { jsx } from "react/jsx-runtime";
+import "react";
+
+//#region src/components/marketing/sections/OutputsSection.tsx
+const outputs = [
+	{
+		title: "REST API",
+		description: "Type-safe endpoints with validation. Standard Express/Hono/Elysia handlers.",
+		icon: "🔌"
+	},
+	{
+		title: "GraphQL Schema",
+		description: "Automatically generated resolvers. Standard Pothos/Apollo output.",
+		icon: "📊"
+	},
+	{
+		title: "Database Schema",
+		description: "Prisma migrations and types. Standard SQL underneath.",
+		icon: "🗄️"
+	},
+	{
+		title: "MCP Tools",
+		description: "AI agent tool definitions. Works with Claude, GPT, and any MCP client.",
+		icon: "🤖"
+	},
+	{
+		title: "Client SDKs",
+		description: "Type-safe API clients. Standard fetch/axios underneath.",
+		icon: "📦"
+	},
+	{
+		title: "UI Components",
+		description: "React forms and views from specs. Standard JSX output.",
+		icon: "🎨"
+	}
+];
+function OutputsSection() {
+	return /* @__PURE__ */ jsx(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__ */ jsx("span", {
+				"aria-hidden": true,
+				className: "text-3xl",
+				children: item.icon
+			}),
+			title: item.title,
+			description: item.description
+		}))
+	});
+}
+
+//#endregion
+export { OutputsSection };
+//# sourceMappingURL=OutputsSection.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"OutputsSection.js","names":[],"sources":["../../../../src/components/marketing/sections/OutputsSection.tsx"],"sourcesContent":["import * as React from 'react';\nimport { IconGridSection } from './IconGridSection';\n\nconst outputs = [\n  {\n    title: 'REST API',\n    description:\n      'Type-safe endpoints with validation. Standard Express/Hono/Elysia handlers.',\n    icon: '🔌',\n  },\n  {\n    title: 'GraphQL Schema',\n    description:\n      'Automatically generated resolvers. Standard Pothos/Apollo output.',\n    icon: '📊',\n  },\n  {\n    title: 'Database Schema',\n    description: 'Prisma migrations and types. Standard SQL underneath.',\n    icon: '🗄️',\n  },\n  {\n    title: 'MCP Tools',\n    description:\n      'AI agent tool definitions. Works with Claude, GPT, and any MCP client.',\n    icon: '🤖',\n  },\n  {\n    title: 'Client SDKs',\n    description: 'Type-safe API clients. Standard fetch/axios underneath.',\n    icon: '📦',\n  },\n  {\n    title: 'UI Components',\n    description: 'React forms and views from specs. Standard JSX output.',\n    icon: '🎨',\n  },\n];\n\nexport function OutputsSection() {\n  return (\n    <IconGridSection\n      tone=\"muted\"\n      columns={3}\n      title=\"What ContractSpec generates\"\n      subtitle=\"One contract, multiple outputs. All in sync. All standard tech.\"\n      iconRole=\"iconFirst\"\n      items={outputs.map((item) => ({\n        icon: () => (\n          <span aria-hidden className=\"text-3xl\">\n            {item.icon}\n          </span>\n        ),\n        title: item.title,\n        description: item.description,\n      }))}\n    />\n  );\n}\n"],"mappings":";;;;;AAGA,MAAM,UAAU;CACd;EACE,OAAO;EACP,aACE;EACF,MAAM;EACP;CACD;EACE,OAAO;EACP,aACE;EACF,MAAM;EACP;CACD;EACE,OAAO;EACP,aAAa;EACb,MAAM;EACP;CACD;EACE,OAAO;EACP,aACE;EACF,MAAM;EACP;CACD;EACE,OAAO;EACP,aAAa;EACb,MAAM;EACP;CACD;EACE,OAAO;EACP,aAAa;EACb,MAAM;EACP;CACF;AAED,SAAgB,iBAAiB;AAC/B,QACE,oBAAC;EACC,MAAK;EACL,SAAS;EACT,OAAM;EACN,UAAS;EACT,UAAS;EACT,OAAO,QAAQ,KAAK,UAAU;GAC5B,YACE,oBAAC;IAAK;IAAY,WAAU;cACzB,KAAK;KACD;GAET,OAAO,KAAK;GACZ,aAAa,KAAK;GACnB,EAAE;GACH"}

package/dist/components/marketing/sections/ProblemSection.d.ts

@@ -0,0 +1,7 @@
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/components/marketing/sections/ProblemSection.d.ts
+declare function ProblemSection(): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { ProblemSection };
+//# sourceMappingURL=ProblemSection.d.ts.map

package/dist/components/marketing/sections/ProblemSection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProblemSection.d.ts","names":[],"sources":["../../../../src/components/marketing/sections/ProblemSection.tsx"],"mappings":";;;iBAmCgB,cAAA,CAAA,GAAc,kBAAA,CAAA,GAAA,CAAA,OAAA"}

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

@@ -0,0 +1,46 @@
+import { IconGridSection } from "./IconGridSection.js";
+import { AlertTriangle, Layers, RefreshCw, XCircle } from "lucide-react";
+import { jsx } from "react/jsx-runtime";
+import "react";
+
+//#region src/components/marketing/sections/ProblemSection.tsx
+const 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__ */ jsx(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
+	});
+}
+
+//#endregion
+export { ProblemSection };
+//# sourceMappingURL=ProblemSection.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ProblemSection.js","names":[],"sources":["../../../../src/components/marketing/sections/ProblemSection.tsx"],"sourcesContent":["import * as React from 'react';\nimport { IconGridSection, type IconGridItem } from './IconGridSection';\nimport { AlertTriangle, Layers, RefreshCw, XCircle } from 'lucide-react';\n\nconst problemItems: IconGridItem[] = [\n  {\n    icon: AlertTriangle,\n    title: \"Can't enforce invariants\",\n    description:\n      'AI-generated code drifts from business rules over time. No source of truth means no safety.',\n    iconClassName: 'text-red-400',\n  },\n  {\n    icon: Layers,\n    title: 'Multi-surface chaos',\n    description:\n      'API, DB, UI, and events get out of sync. One change breaks three surfaces.',\n    iconClassName: 'text-orange-400',\n  },\n  {\n    icon: RefreshCw,\n    title: 'Hallucinated refactors',\n    description:\n      'AI \"improvements\" introduce subtle bugs and break contracts you didn’t know existed.',\n    iconClassName: 'text-amber-400',\n  },\n  {\n    icon: XCircle,\n    title: 'Unmaintainable spaghetti',\n    description:\n      'Teams ship fast initially, then spend months untangling AI-generated chaos.',\n    iconClassName: 'text-red-400',\n  },\n];\n\nexport function ProblemSection() {\n  return (\n    <IconGridSection\n      tone=\"muted\"\n      columns={4}\n      eyebrow=\"The Problem\"\n      title=\"AI agents write code fast. Then the chaos begins.\"\n      subtitle='In 2025, \"vibe coding\" and AI agents generate enormous amounts of code. But they have critical limitations that destroy long-term maintainability.'\n      items={problemItems}\n    />\n  );\n}\n"],"mappings":";;;;;;AAIA,MAAM,eAA+B;CACnC;EACE,MAAM;EACN,OAAO;EACP,aACE;EACF,eAAe;EAChB;CACD;EACE,MAAM;EACN,OAAO;EACP,aACE;EACF,eAAe;EAChB;CACD;EACE,MAAM;EACN,OAAO;EACP,aACE;EACF,eAAe;EAChB;CACD;EACE,MAAM;EACN,OAAO;EACP,aACE;EACF,eAAe;EAChB;CACF;AAED,SAAgB,iBAAiB;AAC/B,QACE,oBAAC;EACC,MAAK;EACL,SAAS;EACT,SAAQ;EACR,OAAM;EACN,UAAS;EACT,OAAO;GACP"}

package/dist/components/marketing/sections/SolutionSection.d.ts

@@ -0,0 +1,7 @@
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/components/marketing/sections/SolutionSection.d.ts
+declare function SolutionSection(): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { SolutionSection };
+//# sourceMappingURL=SolutionSection.d.ts.map

package/dist/components/marketing/sections/SolutionSection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SolutionSection.d.ts","names":[],"sources":["../../../../src/components/marketing/sections/SolutionSection.tsx"],"mappings":";;;iBAmCgB,eAAA,CAAA,GAAe,kBAAA,CAAA,GAAA,CAAA,OAAA"}

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

@@ -0,0 +1,46 @@
+import { IconGridSection } from "./IconGridSection.js";
+import { FileCode, Layers, RefreshCw, Shield } from "lucide-react";
+import { jsx } from "react/jsx-runtime";
+import "react";
+
+//#region src/components/marketing/sections/SolutionSection.tsx
+const 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: Layers,
+		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: RefreshCw,
+		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__ */ jsx(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
+	});
+}
+
+//#endregion
+export { SolutionSection };
+//# sourceMappingURL=SolutionSection.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SolutionSection.js","names":[],"sources":["../../../../src/components/marketing/sections/SolutionSection.tsx"],"sourcesContent":["import * as React from 'react';\nimport { IconGridSection, type IconGridItem } from './IconGridSection';\nimport { FileCode, Layers, RefreshCw, Shield } from 'lucide-react';\n\nconst solutionItems: IconGridItem[] = [\n  {\n    icon: FileCode,\n    title: 'Canonical Source of Truth',\n    description:\n      'Contracts define what the system should do, not just what it does. AI agents read specs, not implementations.',\n    iconClassName: 'text-emerald-400',\n  },\n  {\n    icon: Layers,\n    title: 'Multi-Surface Consistency',\n    description:\n      'One spec generates API, DB, UI, events, and MCP tools. All surfaces stay in sync because they share the same source.',\n    iconClassName: 'text-blue-400',\n  },\n  {\n    icon: RefreshCw,\n    title: 'Safe Regeneration',\n    description:\n      'Regenerate code anytime without fear. Specs enforce invariants. Breaking changes caught at compile time.',\n    iconClassName: 'text-violet-400',\n  },\n  {\n    icon: Shield,\n    title: 'AI Governance',\n    description:\n      'Constrain what AI agents can change. Enforce contracts they must respect. Flag violations automatically.',\n    iconClassName: 'text-pink-400',\n  },\n];\n\nexport function SolutionSection() {\n  return (\n    <IconGridSection\n      tone=\"default\"\n      columns={4}\n      eyebrow=\"The Solution\"\n      title=\"ContractSpec: The safety layer for AI-coded systems\"\n      subtitle=\"Define contracts once. Generate consistent code across all surfaces. Regenerate safely anytime. No lock-in.\"\n      items={solutionItems}\n    />\n  );\n}\n"],"mappings":";;;;;;AAIA,MAAM,gBAAgC;CACpC;EACE,MAAM;EACN,OAAO;EACP,aACE;EACF,eAAe;EAChB;CACD;EACE,MAAM;EACN,OAAO;EACP,aACE;EACF,eAAe;EAChB;CACD;EACE,MAAM;EACN,OAAO;EACP,aACE;EACF,eAAe;EAChB;CACD;EACE,MAAM;EACN,OAAO;EACP,aACE;EACF,eAAe;EAChB;CACF;AAED,SAAgB,kBAAkB;AAChC,QACE,oBAAC;EACC,MAAK;EACL,SAAS;EACT,SAAQ;EACR,OAAM;EACN,UAAS;EACT,OAAO;GACP"}

package/dist/components/marketing/sections/StepsSection.d.ts

@@ -0,0 +1,7 @@
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/components/marketing/sections/StepsSection.d.ts
+declare function StepsSection(): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { StepsSection };
+//# sourceMappingURL=StepsSection.d.ts.map

package/dist/components/marketing/sections/StepsSection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StepsSection.d.ts","names":[],"sources":["../../../../src/components/marketing/sections/StepsSection.tsx"],"mappings":";;;iBA8BgB,YAAA,CAAA,GAAY,kBAAA,CAAA,GAAA,CAAA,OAAA"}

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

@@ -0,0 +1,52 @@
+import { IconGridSection } from "./IconGridSection.js";
+import { jsx } from "react/jsx-runtime";
+import "react";
+
+//#region src/components/marketing/sections/StepsSection.tsx
+const 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__ */ jsx(IconGridSection, {
+		tone: "default",
+		columns: 4,
+		title: "How incremental adoption works",
+		padding: "comfortable",
+		iconRole: "listing",
+		items: steps.map((item) => ({
+			icon: ({ className }) => /* @__PURE__ */ jsx("div", {
+				className: `bg-primary/15 flex h-10 w-10 items-center justify-center rounded-lg ${className ?? ""}`,
+				children: /* @__PURE__ */ jsx("span", {
+					className: "text-primary text-sm font-semibold",
+					children: item.step
+				})
+			}),
+			title: item.title,
+			description: item.description,
+			tone: "muted"
+		}))
+	});
+}
+
+//#endregion
+export { StepsSection };
+//# sourceMappingURL=StepsSection.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"StepsSection.js","names":[],"sources":["../../../../src/components/marketing/sections/StepsSection.tsx"],"sourcesContent":["import * as React from 'react';\nimport { IconGridSection } from './IconGridSection';\n\nconst steps = [\n  {\n    step: 1,\n    title: 'Pick one module',\n    description:\n      'Start with one API endpoint, one entity, one surface. No big-bang migration.',\n  },\n  {\n    step: 2,\n    title: 'Define the contract',\n    description:\n      'Write a spec in TypeScript. Just types and Zod schemas you already know.',\n  },\n  {\n    step: 3,\n    title: 'Generate & compare',\n    description:\n      'See what ContractSpec generates. Compare to your existing code. Keep what works.',\n  },\n  {\n    step: 4,\n    title: 'Expand gradually',\n    description:\n      'Add more contracts as you see value. No pressure. No lock-in. Your pace.',\n  },\n];\n\nexport function StepsSection() {\n  return (\n    <IconGridSection\n      tone=\"default\"\n      columns={4}\n      title=\"How incremental adoption works\"\n      padding=\"comfortable\"\n      iconRole=\"listing\"\n      items={steps.map((item) => ({\n        icon: ({ className }) => (\n          <div\n            className={`bg-primary/15 flex h-10 w-10 items-center justify-center rounded-lg ${className ?? ''}`}\n          >\n            <span className=\"text-primary text-sm font-semibold\">\n              {item.step}\n            </span>\n          </div>\n        ),\n        title: item.title,\n        description: item.description,\n        tone: 'muted',\n      }))}\n    />\n  );\n}\n"],"mappings":";;;;;AAGA,MAAM,QAAQ;CACZ;EACE,MAAM;EACN,OAAO;EACP,aACE;EACH;CACD;EACE,MAAM;EACN,OAAO;EACP,aACE;EACH;CACD;EACE,MAAM;EACN,OAAO;EACP,aACE;EACH;CACD;EACE,MAAM;EACN,OAAO;EACP,aACE;EACH;CACF;AAED,SAAgB,eAAe;AAC7B,QACE,oBAAC;EACC,MAAK;EACL,SAAS;EACT,OAAM;EACN,SAAQ;EACR,UAAS;EACT,OAAO,MAAM,KAAK,UAAU;GAC1B,OAAO,EAAE,gBACP,oBAAC;IACC,WAAW,uEAAuE,aAAa;cAE/F,oBAAC;KAAK,WAAU;eACb,KAAK;MACD;KACH;GAER,OAAO,KAAK;GACZ,aAAa,KAAK;GAClB,MAAM;GACP,EAAE;GACH"}

package/dist/components/marketing/waitlist-section.d.ts

@@ -0,0 +1,15 @@
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/components/marketing/waitlist-section.d.ts
+interface WaitlistSectionProps {
+  variant?: 'default' | 'compact';
+  context?: 'pricing' | 'contact';
+  scrollToId?: string;
+}
+declare function WaitlistSection({
+  variant,
+  context
+}: WaitlistSectionProps): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { WaitlistSection };
+//# sourceMappingURL=waitlist-section.d.ts.map

package/dist/components/marketing/waitlist-section.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"waitlist-section.d.ts","names":[],"sources":["../../../src/components/marketing/waitlist-section.tsx"],"mappings":";;;UAuBU,oBAAA;EACR,OAAA;EACA,OAAA;EACA,UAAA;AAAA;AAAA,iBA4Bc,eAAA,CAAA;EACd,OAAA;EAEA;AAAA,GACC,oBAAA,GAAoB,kBAAA,CAAA,GAAA,CAAA,OAAA"}