@contractspec/bundle.marketing 1.12.0

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

@@ -0,0 +1,202 @@
+'use client';
+
+import { PRICING_EXAMPLES } from "../../libs/pricing-examples.js";
+import { Button } from "@contractspec/lib.design-system";
+import { CheckCircle } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle } from "@contractspec/lib.ui-kit-web/ui/dialog";
+
+//#region src/components/marketing/pricing-thinking-modal.tsx
+const 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."
+	}
+];
+const 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__ */ jsx(Dialog, {
+		open,
+		onOpenChange,
+		children: /* @__PURE__ */ jsxs(DialogContent, {
+			className: "max-h-[90vh] w-full overflow-y-auto md:max-w-5xl",
+			children: [/* @__PURE__ */ jsxs(DialogHeader, { children: [/* @__PURE__ */ jsx(DialogTitle, { children: "Tentative pricing (work in progress)" }), /* @__PURE__ */ jsx(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." })] }), /* @__PURE__ */ jsxs("div", {
+				className: "space-y-8",
+				children: [
+					/* @__PURE__ */ jsxs("div", {
+						className: "space-y-4",
+						children: [/* @__PURE__ */ jsxs("div", {
+							className: "flex items-center gap-2",
+							children: [
+								/* @__PURE__ */ jsx("span", {
+									className: "text-muted-foreground text-xs font-medium",
+									children: "Draft"
+								}),
+								/* @__PURE__ */ jsx("span", {
+									className: "text-muted-foreground text-xs",
+									children: "•"
+								}),
+								/* @__PURE__ */ jsx("span", {
+									className: "text-muted-foreground text-xs",
+									children: "Subject to change"
+								})
+							]
+						}), /* @__PURE__ */ jsx("div", {
+							className: "grid gap-4 md:grid-cols-3",
+							children: pricingTiers.map((tier) => /* @__PURE__ */ jsxs("div", {
+								className: "card-subtle relative space-y-4 p-6",
+								children: [
+									/* @__PURE__ */ jsx("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
+									}),
+									/* @__PURE__ */ jsxs("div", {
+										className: "space-y-2 pt-2",
+										children: [/* @__PURE__ */ jsx("h3", {
+											className: "text-xl font-bold",
+											children: tier.title
+										}), /* @__PURE__ */ jsx("p", {
+											className: "text-muted-foreground text-sm",
+											children: tier.priceLine
+										})]
+									}),
+									/* @__PURE__ */ jsx("ul", {
+										className: "space-y-2",
+										children: tier.bullets.map((bullet, i) => /* @__PURE__ */ jsxs("li", {
+											className: "text-muted-foreground flex gap-2 text-sm",
+											children: [/* @__PURE__ */ jsx(CheckCircle, {
+												size: 14,
+												className: "mt-0.5 shrink-0 text-violet-400"
+											}), bullet]
+										}, i))
+									}),
+									/* @__PURE__ */ jsx("p", {
+										className: "text-muted-foreground text-xs italic",
+										children: tier.note
+									})
+								]
+							}, tier.title))
+						})]
+					}),
+					/* @__PURE__ */ jsxs("div", {
+						className: "border-border space-y-4 border-t pt-6",
+						children: [/* @__PURE__ */ jsxs("div", { children: [
+							/* @__PURE__ */ jsx("h3", {
+								className: "text-lg font-bold",
+								children: "Usage-based, with a generous free tier"
+							}),
+							/* @__PURE__ */ jsx("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."
+							}),
+							/* @__PURE__ */ jsx("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."
+							})
+						] }), /* @__PURE__ */ jsx("div", {
+							className: "grid gap-4 md:grid-cols-3",
+							children: usageMetrics.map((metric) => /* @__PURE__ */ jsxs("div", {
+								className: "card-subtle space-y-2 p-4",
+								children: [
+									/* @__PURE__ */ jsx("h4", {
+										className: "text-sm font-semibold",
+										children: metric.name
+									}),
+									/* @__PURE__ */ jsx("p", {
+										className: "text-muted-foreground text-xs",
+										children: metric.freeTier
+									}),
+									/* @__PURE__ */ jsx("p", {
+										className: "text-muted-foreground text-xs",
+										children: metric.beyond
+									})
+								]
+							}, metric.name))
+						})]
+					}),
+					/* @__PURE__ */ jsxs("div", {
+						className: "border-border space-y-4 border-t pt-6",
+						children: [
+							/* @__PURE__ */ jsx("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."
+							}),
+							/* @__PURE__ */ jsx("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."
+							}),
+							/* @__PURE__ */ jsx("p", {
+								className: "text-muted-foreground text-xs",
+								children: "Design partners get early access and a founding discount when paid plans launch."
+							}),
+							onApplyClick && /* @__PURE__ */ jsx(Button, {
+								onClick: () => {
+									onOpenChange(false);
+									onApplyClick();
+								},
+								className: "w-full",
+								variant: "outline",
+								children: "Apply as a design partner"
+							})
+						]
+					})
+				]
+			})]
+		})
+	});
+}
+
+//#endregion
+export { PricingThinkingModal };
+//# sourceMappingURL=pricing-thinking-modal.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"pricing-thinking-modal.js","names":[],"sources":["../../../src/components/marketing/pricing-thinking-modal.tsx"],"sourcesContent":["'use client';\n\nimport { CheckCircle } from 'lucide-react';\nimport {\n  Dialog,\n  DialogContent,\n  DialogDescription,\n  DialogHeader,\n  DialogTitle,\n} from '@contractspec/lib.ui-kit-web/ui/dialog';\nimport { Button } from '@contractspec/lib.design-system';\nimport { PRICING_EXAMPLES } from '../../libs/pricing-examples';\n\ninterface PricingTier {\n  tag: string;\n  title: string;\n  priceLine: string;\n  bullets: string[];\n  note: string;\n}\n\ninterface UsageMetric {\n  name: string;\n  freeTier: string;\n  beyond: string;\n}\n\nconst pricingTiers: PricingTier[] = [\n  {\n    tag: 'Planned',\n    title: 'Free',\n    priceLine: 'For hobbyists and pre-PMF teams',\n    bullets: [\n      '1 active project',\n      'Small spec size',\n      `Example: ~${PRICING_EXAMPLES.free.regenerationsPerMonth} free regenerations per month`,\n      `Example: ~${PRICING_EXAMPLES.free.aiActionsPerMonth} free AI agent actions per month`,\n      'Unlimited collaborators',\n    ],\n    note: 'Good enough to build and launch a real product before paying.',\n  },\n  {\n    tag: 'Planned',\n    title: 'Builder',\n    priceLine: 'Usage-based, for solo builders and small teams',\n    bullets: [\n      'More projects',\n      `More monthly regenerations included (e.g. ${PRICING_EXAMPLES.builder.regenerationsPerMonthHint})`,\n      `More AI agent actions included (e.g. ${PRICING_EXAMPLES.builder.aiActionsPerMonthHint})`,\n      'Pay-as-you-go for extra regenerations and AI',\n      'Basic environments (dev / prod)',\n    ],\n    note: 'Pay for how fast and how often you evolve your system, not for seats.',\n  },\n  {\n    tag: 'Planned',\n    title: 'Team & Platform',\n    priceLine: 'For teams standardizing on ContractSpec',\n    bullets: [\n      'Multiple projects and environments',\n      'Higher regeneration and AI action limits',\n      'Cheaper overages as you scale',\n      'Advanced RBAC and governance',\n      'SSO, audit trails, and longer retention',\n    ],\n    note: 'For platform teams using ContractSpec as infra for multiple apps.',\n  },\n];\n\nconst usageMetrics: UsageMetric[] = [\n  {\n    name: 'Regenerations',\n    freeTier: `Free tier: e.g. ~${PRICING_EXAMPLES.free.regenerationsPerMonth} regenerations / month`,\n    beyond: 'Beyond: pay per additional regeneration, with volume discounts.',\n  },\n  {\n    name: 'AI agent actions',\n    freeTier: `Free tier: e.g. ~${PRICING_EXAMPLES.free.aiActionsPerMonth} AI agent actions / month`,\n    beyond: 'Beyond: pay-as-you-go for extra AI usage.',\n  },\n  {\n    name: 'Projects',\n    freeTier: `Free tier: ${PRICING_EXAMPLES.free.projects} project`,\n    beyond:\n      'Builder / Team: more projects included; extra projects available as you scale.',\n  },\n];\n\ninterface PricingThinkingModalProps {\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n  onApplyClick?: () => void;\n}\n\nexport function PricingThinkingModal({\n  open,\n  onOpenChange,\n  onApplyClick,\n}: PricingThinkingModalProps) {\n  return (\n    <Dialog open={open} onOpenChange={onOpenChange}>\n      <DialogContent className=\"max-h-[90vh] w-full overflow-y-auto md:max-w-5xl\">\n        <DialogHeader>\n          <DialogTitle>Tentative pricing (work in progress)</DialogTitle>\n          <DialogDescription>\n            We're still in design-partner mode. This is a draft of how we expect\n            pricing to look once we open public access.\n          </DialogDescription>\n        </DialogHeader>\n\n        <div className=\"space-y-8\">\n          {/* High-level tiers */}\n          <div className=\"space-y-4\">\n            <div className=\"flex items-center gap-2\">\n              <span className=\"text-muted-foreground text-xs font-medium\">\n                Draft\n              </span>\n              <span className=\"text-muted-foreground text-xs\">•</span>\n              <span className=\"text-muted-foreground text-xs\">\n                Subject to change\n              </span>\n            </div>\n            <div className=\"grid gap-4 md:grid-cols-3\">\n              {pricingTiers.map((tier) => (\n                <div\n                  key={tier.title}\n                  className=\"card-subtle relative space-y-4 p-6\"\n                >\n                  <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\">\n                    {tier.tag}\n                  </div>\n                  <div className=\"space-y-2 pt-2\">\n                    <h3 className=\"text-xl font-bold\">{tier.title}</h3>\n                    <p className=\"text-muted-foreground text-sm\">\n                      {tier.priceLine}\n                    </p>\n                  </div>\n                  <ul className=\"space-y-2\">\n                    {tier.bullets.map((bullet, i) => (\n                      <li\n                        key={i}\n                        className=\"text-muted-foreground flex gap-2 text-sm\"\n                      >\n                        <CheckCircle\n                          size={14}\n                          className=\"mt-0.5 shrink-0 text-violet-400\"\n                        />\n                        {bullet}\n                      </li>\n                    ))}\n                  </ul>\n                  <p className=\"text-muted-foreground text-xs italic\">\n                    {tier.note}\n                  </p>\n                </div>\n              ))}\n            </div>\n          </div>\n\n          {/* Usage-based detail */}\n          <div className=\"border-border space-y-4 border-t pt-6\">\n            <div>\n              <h3 className=\"text-lg font-bold\">\n                Usage-based, with a generous free tier\n              </h3>\n              <p className=\"text-muted-foreground mt-2 text-sm\">\n                Inspired by products like PostHog, we plan to keep a generous\n                free tier on all plans, then charge based on actual usage:\n                regenerations, AI agent actions, and the number of projects you\n                run on ContractSpec.\n              </p>\n              <p className=\"text-muted-foreground mt-3 text-xs italic\">\n                Free tier limits are intentionally small but useful: enough to\n                try the agent and regenerate a real project, not enough to run a\n                full team's workload for free.\n              </p>\n            </div>\n            <div className=\"grid gap-4 md:grid-cols-3\">\n              {usageMetrics.map((metric) => (\n                <div key={metric.name} className=\"card-subtle space-y-2 p-4\">\n                  <h4 className=\"text-sm font-semibold\">{metric.name}</h4>\n                  <p className=\"text-muted-foreground text-xs\">\n                    {metric.freeTier}\n                  </p>\n                  <p className=\"text-muted-foreground text-xs\">\n                    {metric.beyond}\n                  </p>\n                </div>\n              ))}\n            </div>\n          </div>\n\n          {/* Footer / Disclaimer */}\n          <div className=\"border-border space-y-4 border-t pt-6\">\n            <p className=\"text-muted-foreground text-xs\">\n              These numbers are examples only. Final pricing and limits will\n              evolve as we learn from design partners.\n            </p>\n            <p className=\"text-muted-foreground text-xs\">\n              This is a tentative pricing model. We're pre-PMF and pricing is\n              still in draft, subject to change based on what we learn.\n            </p>\n            <p className=\"text-muted-foreground text-xs\">\n              Design partners get early access and a founding discount when paid\n              plans launch.\n            </p>\n            {onApplyClick && (\n              <Button\n                onClick={() => {\n                  onOpenChange(false);\n                  onApplyClick();\n                }}\n                className=\"w-full\"\n                variant=\"outline\"\n              >\n                Apply as a design partner\n              </Button>\n            )}\n          </div>\n        </div>\n      </DialogContent>\n    </Dialog>\n  );\n}\n"],"mappings":";;;;;;;;;AA2BA,MAAM,eAA8B;CAClC;EACE,KAAK;EACL,OAAO;EACP,WAAW;EACX,SAAS;GACP;GACA;GACA,aAAa,iBAAiB,KAAK,sBAAsB;GACzD,aAAa,iBAAiB,KAAK,kBAAkB;GACrD;GACD;EACD,MAAM;EACP;CACD;EACE,KAAK;EACL,OAAO;EACP,WAAW;EACX,SAAS;GACP;GACA,6CAA6C,iBAAiB,QAAQ,0BAA0B;GAChG,wCAAwC,iBAAiB,QAAQ,sBAAsB;GACvF;GACA;GACD;EACD,MAAM;EACP;CACD;EACE,KAAK;EACL,OAAO;EACP,WAAW;EACX,SAAS;GACP;GACA;GACA;GACA;GACA;GACD;EACD,MAAM;EACP;CACF;AAED,MAAM,eAA8B;CAClC;EACE,MAAM;EACN,UAAU,oBAAoB,iBAAiB,KAAK,sBAAsB;EAC1E,QAAQ;EACT;CACD;EACE,MAAM;EACN,UAAU,oBAAoB,iBAAiB,KAAK,kBAAkB;EACtE,QAAQ;EACT;CACD;EACE,MAAM;EACN,UAAU,cAAc,iBAAiB,KAAK,SAAS;EACvD,QACE;EACH;CACF;AAQD,SAAgB,qBAAqB,EACnC,MACA,cACA,gBAC4B;AAC5B,QACE,oBAAC;EAAa;EAAoB;YAChC,qBAAC;GAAc,WAAU;cACvB,qBAAC,2BACC,oBAAC,yBAAY,yCAAkD,EAC/D,oBAAC,+BAAkB,qHAGC,IACP,EAEf,qBAAC;IAAI,WAAU;;KAEb,qBAAC;MAAI,WAAU;iBACb,qBAAC;OAAI,WAAU;;QACb,oBAAC;SAAK,WAAU;mBAA4C;UAErD;QACP,oBAAC;SAAK,WAAU;mBAAgC;UAAQ;QACxD,oBAAC;SAAK,WAAU;mBAAgC;UAEzC;;QACH,EACN,oBAAC;OAAI,WAAU;iBACZ,aAAa,KAAK,SACjB,qBAAC;QAEC,WAAU;;SAEV,oBAAC;UAAI,WAAU;oBACZ,KAAK;WACF;SACN,qBAAC;UAAI,WAAU;qBACb,oBAAC;WAAG,WAAU;qBAAqB,KAAK;YAAW,EACnD,oBAAC;WAAE,WAAU;qBACV,KAAK;YACJ;WACA;SACN,oBAAC;UAAG,WAAU;oBACX,KAAK,QAAQ,KAAK,QAAQ,MACzB,qBAAC;WAEC,WAAU;sBAEV,oBAAC;YACC,MAAM;YACN,WAAU;aACV,EACD;aAPI,EAQF,CACL;WACC;SACL,oBAAC;UAAE,WAAU;oBACV,KAAK;WACJ;;UA5BC,KAAK,MA6BN,CACN;QACE;OACF;KAGN,qBAAC;MAAI,WAAU;iBACb,qBAAC;OACC,oBAAC;QAAG,WAAU;kBAAoB;SAE7B;OACL,oBAAC;QAAE,WAAU;kBAAqC;SAK9C;OACJ,oBAAC;QAAE,WAAU;kBAA4C;SAIrD;UACA,EACN,oBAAC;OAAI,WAAU;iBACZ,aAAa,KAAK,WACjB,qBAAC;QAAsB,WAAU;;SAC/B,oBAAC;UAAG,WAAU;oBAAyB,OAAO;WAAU;SACxD,oBAAC;UAAE,WAAU;oBACV,OAAO;WACN;SACJ,oBAAC;UAAE,WAAU;oBACV,OAAO;WACN;;UAPI,OAAO,KAQX,CACN;QACE;OACF;KAGN,qBAAC;MAAI,WAAU;;OACb,oBAAC;QAAE,WAAU;kBAAgC;SAGzC;OACJ,oBAAC;QAAE,WAAU;kBAAgC;SAGzC;OACJ,oBAAC;QAAE,WAAU;kBAAgC;SAGzC;OACH,gBACC,oBAAC;QACC,eAAe;AACb,sBAAa,MAAM;AACnB,uBAAc;;QAEhB,WAAU;QACV,SAAQ;kBACT;SAEQ;;OAEP;;KACF;IACQ;GACT"}

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

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

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

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

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

@@ -0,0 +1,68 @@
+import { VStack } from "@contractspec/lib.ui-kit-web/ui/stack";
+import { MarketingCard, MarketingCardContent, MarketingCardHeader, MarketingCardTitle, MarketingCardsSection } from "@contractspec/lib.design-system";
+import { Muted, Small } from "@contractspec/lib.ui-kit-web/ui/typography";
+import { jsx, jsxs } from "react/jsx-runtime";
+import "react";
+
+//#region src/components/marketing/sections/AudienceSection.tsx
+const 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__ */ jsx(MarketingCardsSection, {
+		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__ */ jsxs(MarketingCard, {
+			tone: "muted",
+			children: [/* @__PURE__ */ jsxs(MarketingCardHeader, {
+				className: "space-y-2",
+				children: [/* @__PURE__ */ jsx(Small, {
+					className: "font-semibold text-blue-400",
+					children: item.tier
+				}), /* @__PURE__ */ jsx(MarketingCardTitle, {
+					className: "text-xl",
+					children: item.title
+				})]
+			}), /* @__PURE__ */ jsx(MarketingCardContent, { children: /* @__PURE__ */ jsxs(VStack, {
+				gap: "sm",
+				children: [/* @__PURE__ */ jsx(Muted, {
+					className: "text-sm leading-relaxed",
+					children: item.body
+				}), /* @__PURE__ */ jsx(Small, {
+					className: "font-medium text-violet-400",
+					children: item.need
+				})]
+			}) })]
+		}, item.title))
+	});
+}
+
+//#endregion
+export { AudienceSection };
+//# sourceMappingURL=AudienceSection.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AudienceSection.js","names":[],"sources":["../../../../src/components/marketing/sections/AudienceSection.tsx"],"sourcesContent":["import * as React from 'react';\nimport {\n  MarketingCard,\n  MarketingCardContent,\n  MarketingCardHeader,\n  MarketingCardTitle,\n  MarketingCardsSection,\n} from '@contractspec/lib.design-system';\nimport { VStack } from '@contractspec/lib.ui-kit-web/ui/stack';\nimport { Muted, Small } from '@contractspec/lib.ui-kit-web/ui/typography';\n\nconst audiences = [\n  {\n    tier: 'Tier 1: Priority',\n    title: 'AI-Native Startups & Technical Founders',\n    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.',\n    need: 'Need: A way to stabilize AI-generated code without rewriting it.',\n  },\n  {\n    tier: 'Tier 1: Priority',\n    title: 'Small Teams with AI-Generated Chaos',\n    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.',\n    need: 'Need: Incremental stabilization, safe regeneration, contracts as guardrails.',\n  },\n  {\n    tier: 'Tier 2: Growth',\n    title: 'AI Dev Agencies',\n    body: 'Agencies building many projects for clients using AI-assisted development. Repeating the same patterns, inconsistent quality across projects, handoff nightmares.',\n    need: 'Need: Reusable templates, consistent contracts, professional handoff artifacts.',\n  },\n  {\n    tier: 'Tier 2: Growth',\n    title: 'Scaleups with Compliance Needs',\n    body: \"Growing companies that need audit trails, API governance, or regulatory compliance. AI-generated code doesn't meet compliance requirements.\",\n    need: 'Need: Governance layer, change tracking, contract enforcement.',\n  },\n];\n\nexport function AudienceSection() {\n  return (\n    <MarketingCardsSection\n      tone=\"default\"\n      columns={2}\n      eyebrow=\"Who It's For\"\n      title=\"Built for teams drowning in AI-generated code\"\n      maxWidth=\"xl\"\n    >\n      {audiences.map((item) => (\n        <MarketingCard key={item.title} tone=\"muted\">\n          <MarketingCardHeader className=\"space-y-2\">\n            <Small className=\"font-semibold text-blue-400\">{item.tier}</Small>\n            <MarketingCardTitle className=\"text-xl\">\n              {item.title}\n            </MarketingCardTitle>\n          </MarketingCardHeader>\n          <MarketingCardContent>\n            <VStack gap=\"sm\">\n              <Muted className=\"text-sm leading-relaxed\">{item.body}</Muted>\n              <Small className=\"font-medium text-violet-400\">{item.need}</Small>\n            </VStack>\n          </MarketingCardContent>\n        </MarketingCard>\n      ))}\n    </MarketingCardsSection>\n  );\n}\n"],"mappings":";;;;;;;AAWA,MAAM,YAAY;CAChB;EACE,MAAM;EACN,OAAO;EACP,MAAM;EACN,MAAM;EACP;CACD;EACE,MAAM;EACN,OAAO;EACP,MAAM;EACN,MAAM;EACP;CACD;EACE,MAAM;EACN,OAAO;EACP,MAAM;EACN,MAAM;EACP;CACD;EACE,MAAM;EACN,OAAO;EACP,MAAM;EACN,MAAM;EACP;CACF;AAED,SAAgB,kBAAkB;AAChC,QACE,oBAAC;EACC,MAAK;EACL,SAAS;EACT,SAAQ;EACR,OAAM;EACN,UAAS;YAER,UAAU,KAAK,SACd,qBAAC;GAA+B,MAAK;cACnC,qBAAC;IAAoB,WAAU;eAC7B,oBAAC;KAAM,WAAU;eAA+B,KAAK;MAAa,EAClE,oBAAC;KAAmB,WAAU;eAC3B,KAAK;MACa;KACD,EACtB,oBAAC,kCACC,qBAAC;IAAO,KAAI;eACV,oBAAC;KAAM,WAAU;eAA2B,KAAK;MAAa,EAC9D,oBAAC;KAAM,WAAU;eAA+B,KAAK;MAAa;KAC3D,GACY;KAZL,KAAK,MAaT,CAChB;GACoB"}

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

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

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

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

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

@@ -0,0 +1,59 @@
+import { VStack } from "@contractspec/lib.ui-kit-web/ui/stack";
+import { ButtonLink, MarketingSection } from "@contractspec/lib.design-system";
+import { H2, Lead, Small } from "@contractspec/lib.ui-kit-web/ui/typography";
+import { ChevronRight } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import "react";
+
+//#region src/components/marketing/sections/CorePositioningSection.tsx
+function CorePositioningSection() {
+	return /* @__PURE__ */ jsx(MarketingSection, {
+		tone: "gradient",
+		padding: "comfortable",
+		align: "center",
+		maxWidth: "lg",
+		children: /* @__PURE__ */ jsxs(VStack, {
+			gap: "md",
+			align: "center",
+			children: [
+				/* @__PURE__ */ jsxs(H2, {
+					className: "text-center text-3xl font-bold md:text-4xl",
+					children: [
+						"You keep your app.",
+						/* @__PURE__ */ jsx("br", {}),
+						"We stabilize it, one module at a time."
+					]
+				}),
+				/* @__PURE__ */ jsxs(Lead, {
+					className: "text-center",
+					children: [
+						"You own the code. It's standard tech.",
+						/* @__PURE__ */ jsx("br", {}),
+						/* @__PURE__ */ jsx(Small, {
+							className: "font-semibold text-violet-400",
+							children: "We're the compiler, not the prison."
+						})
+					]
+				}),
+				/* @__PURE__ */ jsxs(VStack, {
+					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__ */ jsxs(ButtonLink, {
+						href: "/pricing#waitlist",
+						children: ["Join waitlist ", /* @__PURE__ */ jsx(ChevronRight, { size: 16 })]
+					}), /* @__PURE__ */ jsx(ButtonLink, {
+						variant: "ghost",
+						href: "/contact",
+						children: "Book a call"
+					})]
+				})
+			]
+		})
+	});
+}
+
+//#endregion
+export { CorePositioningSection };
+//# sourceMappingURL=CorePositioningSection.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CorePositioningSection.js","names":[],"sources":["../../../../src/components/marketing/sections/CorePositioningSection.tsx"],"sourcesContent":["import * as React from 'react';\nimport { MarketingSection, ButtonLink } from '@contractspec/lib.design-system';\nimport { VStack } from '@contractspec/lib.ui-kit-web/ui/stack';\nimport { H2, Lead, Small } from '@contractspec/lib.ui-kit-web/ui/typography';\nimport { ChevronRight } from 'lucide-react';\n\nexport function CorePositioningSection() {\n  return (\n    <MarketingSection\n      tone=\"gradient\"\n      padding=\"comfortable\"\n      align=\"center\"\n      maxWidth=\"lg\"\n    >\n      <VStack gap=\"md\" align=\"center\">\n        <H2 className=\"text-center text-3xl font-bold md:text-4xl\">\n          You keep your app.\n          <br />\n          We stabilize it, one module at a time.\n        </H2>\n        <Lead className=\"text-center\">\n          You own the code. It&apos;s standard tech.\n          <br />\n          <Small className=\"font-semibold text-violet-400\">\n            We&apos;re the compiler, not the prison.\n          </Small>\n        </Lead>\n        <VStack\n          as=\"div\"\n          gap=\"sm\"\n          align=\"center\"\n          className=\"pt-2 sm:flex sm:flex-row sm:flex-wrap sm:items-center sm:justify-center\"\n        >\n          <ButtonLink href=\"/pricing#waitlist\">\n            Join waitlist <ChevronRight size={16} />\n          </ButtonLink>\n          <ButtonLink variant=\"ghost\" href=\"/contact\">\n            Book a call\n          </ButtonLink>\n        </VStack>\n      </VStack>\n    </MarketingSection>\n  );\n}\n"],"mappings":";;;;;;;;AAMA,SAAgB,yBAAyB;AACvC,QACE,oBAAC;EACC,MAAK;EACL,SAAQ;EACR,OAAM;EACN,UAAS;YAET,qBAAC;GAAO,KAAI;GAAK,OAAM;;IACrB,qBAAC;KAAG,WAAU;;MAA6C;MAEzD,oBAAC,SAAK;;;MAEH;IACL,qBAAC;KAAK,WAAU;;MAAc;MAE5B,oBAAC,SAAK;MACN,oBAAC;OAAM,WAAU;iBAAgC;QAEzC;;MACH;IACP,qBAAC;KACC,IAAG;KACH,KAAI;KACJ,OAAM;KACN,WAAU;gBAEV,qBAAC;MAAW,MAAK;iBAAoB,kBACrB,oBAAC,gBAAa,MAAM,KAAM;OAC7B,EACb,oBAAC;MAAW,SAAQ;MAAQ,MAAK;gBAAW;OAE/B;MACN;;IACF;GACQ"}

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

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

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

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

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

@@ -0,0 +1,54 @@
+import { 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 { H2, Lead } from "@contractspec/lib.ui-kit-web/ui/typography";
+import { jsx, jsxs } from "react/jsx-runtime";
+import "react";
+
+//#region src/components/marketing/sections/CtaSection.tsx
+function CtaSection() {
+	return /* @__PURE__ */ jsx(MarketingSection, {
+		tone: "gradient",
+		padding: "comfortable",
+		align: "center",
+		maxWidth: "lg",
+		children: /* @__PURE__ */ jsxs(VStack, {
+			gap: "md",
+			align: "center",
+			className: "text-center",
+			children: [
+				/* @__PURE__ */ jsx(H2, {
+					className: "text-4xl font-bold md:text-5xl",
+					children: "Ready to stabilize your codebase?"
+				}),
+				/* @__PURE__ */ jsx(Lead, {
+					className: "text-muted-foreground text-lg",
+					children: "Start with one module. See the difference. Expand at your own pace."
+				}),
+				/* @__PURE__ */ jsxs(VStack, {
+					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__ */ jsx(ButtonLink, {
+						href: "/pricing#waitlist",
+						onClick: () => captureAnalyticsEvent(analyticsEventNames.CTA_STUDIO_CLICK, { surface: "cta-section" }),
+						children: "Join waitlist"
+					}), /* @__PURE__ */ jsx(ButtonLink, {
+						variant: "ghost",
+						href: "/contact",
+						onClick: () => captureAnalyticsEvent(analyticsEventNames.CTA_STUDIO_CLICK, {
+							surface: "cta-section",
+							variant: "contact"
+						}),
+						children: "Book a call"
+					})]
+				})
+			]
+		})
+	});
+}
+
+//#endregion
+export { CtaSection };
+//# sourceMappingURL=CtaSection.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CtaSection.js","names":[],"sources":["../../../../src/components/marketing/sections/CtaSection.tsx"],"sourcesContent":["import * as React from 'react';\nimport { MarketingSection, ButtonLink } from '@contractspec/lib.design-system';\nimport {\n  analyticsEventNames,\n  captureAnalyticsEvent,\n} from '@contractspec/bundle.library/libs/posthog/client';\nimport { VStack } from '@contractspec/lib.ui-kit-web/ui/stack';\nimport { H2, Lead } from '@contractspec/lib.ui-kit-web/ui/typography';\n\nexport function CtaSection() {\n  return (\n    <MarketingSection\n      tone=\"gradient\"\n      padding=\"comfortable\"\n      align=\"center\"\n      maxWidth=\"lg\"\n    >\n      <VStack gap=\"md\" align=\"center\" className=\"text-center\">\n        <H2 className=\"text-4xl font-bold md:text-5xl\">\n          Ready to stabilize your codebase?\n        </H2>\n        <Lead className=\"text-muted-foreground text-lg\">\n          Start with one module. See the difference. Expand at your own pace.\n        </Lead>\n        <VStack\n          as=\"div\"\n          gap=\"sm\"\n          align=\"center\"\n          className=\"pt-2 sm:flex sm:flex-row sm:flex-wrap sm:items-center sm:justify-center\"\n        >\n          <ButtonLink\n            href=\"/pricing#waitlist\"\n            onClick={() =>\n              captureAnalyticsEvent(analyticsEventNames.CTA_STUDIO_CLICK, {\n                surface: 'cta-section',\n              })\n            }\n          >\n            Join waitlist\n          </ButtonLink>\n          <ButtonLink\n            variant=\"ghost\"\n            href=\"/contact\"\n            onClick={() =>\n              captureAnalyticsEvent(analyticsEventNames.CTA_STUDIO_CLICK, {\n                surface: 'cta-section',\n                variant: 'contact',\n              })\n            }\n          >\n            Book a call\n          </ButtonLink>\n        </VStack>\n      </VStack>\n    </MarketingSection>\n  );\n}\n"],"mappings":";;;;;;;;AASA,SAAgB,aAAa;AAC3B,QACE,oBAAC;EACC,MAAK;EACL,SAAQ;EACR,OAAM;EACN,UAAS;YAET,qBAAC;GAAO,KAAI;GAAK,OAAM;GAAS,WAAU;;IACxC,oBAAC;KAAG,WAAU;eAAiC;MAE1C;IACL,oBAAC;KAAK,WAAU;eAAgC;MAEzC;IACP,qBAAC;KACC,IAAG;KACH,KAAI;KACJ,OAAM;KACN,WAAU;gBAEV,oBAAC;MACC,MAAK;MACL,eACE,sBAAsB,oBAAoB,kBAAkB,EAC1D,SAAS,eACV,CAAC;gBAEL;OAEY,EACb,oBAAC;MACC,SAAQ;MACR,MAAK;MACL,eACE,sBAAsB,oBAAoB,kBAAkB;OAC1D,SAAS;OACT,SAAS;OACV,CAAC;gBAEL;OAEY;MACN;;IACF;GACQ"}

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

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

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

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

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

@@ -0,0 +1,45 @@
+import { ButtonLink, MarketingComparisonSection } from "@contractspec/lib.design-system";
+import { jsx, jsxs } from "react/jsx-runtime";
+import "react";
+
+//#region src/components/marketing/sections/DevelopersSection.tsx
+const 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"
+];
+const 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__ */ jsx(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__ */ jsxs(ButtonLink, {
+			href: "/docs",
+			children: ["Read the docs ", /* @__PURE__ */ jsx("span", {
+				"aria-hidden": true,
+				children: "→"
+			})]
+		})
+	});
+}
+
+//#endregion
+export { DevelopersSection };
+//# sourceMappingURL=DevelopersSection.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DevelopersSection.js","names":[],"sources":["../../../../src/components/marketing/sections/DevelopersSection.tsx"],"sourcesContent":["import * as React from 'react';\nimport {\n  ButtonLink,\n  MarketingComparisonSection,\n} from '@contractspec/lib.design-system';\n\nconst standardTech = [\n  'TypeScript & Zod — schemas you already know',\n  'Prisma — standard database access',\n  'GraphQL or REST — your choice',\n  'React or any UI framework',\n  'Bun, Node, Deno — all supported',\n];\n\nconst noMagic = [\n  'Generated code is readable & modifiable',\n  'No proprietary runtime dependencies',\n  'Eject anytime, keep everything',\n  'Works with your existing CI/CD',\n  'Open spec format',\n];\n\nexport function DevelopersSection() {\n  return (\n    <MarketingComparisonSection\n      tone=\"muted\"\n      title=\"Built for developers\"\n      padding=\"comfortable\"\n      left={{ title: 'Standard Tech Stack', items: standardTech }}\n      right={{ title: 'No Magic, No Lock-in', items: noMagic }}\n      subtitle={\n        <ButtonLink href=\"/docs\">\n          Read the docs <span aria-hidden>→</span>\n        </ButtonLink>\n      }\n    />\n  );\n}\n"],"mappings":";;;;;AAMA,MAAM,eAAe;CACnB;CACA;CACA;CACA;CACA;CACD;AAED,MAAM,UAAU;CACd;CACA;CACA;CACA;CACA;CACD;AAED,SAAgB,oBAAoB;AAClC,QACE,oBAAC;EACC,MAAK;EACL,OAAM;EACN,SAAQ;EACR,MAAM;GAAE,OAAO;GAAuB,OAAO;GAAc;EAC3D,OAAO;GAAE,OAAO;GAAwB,OAAO;GAAS;EACxD,UACE,qBAAC;GAAW,MAAK;cAAQ,kBACT,oBAAC;IAAK;cAAY;KAAQ;IAC7B;GAEf"}

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

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

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

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

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

@@ -0,0 +1,48 @@
+import { IconGridSection } from "./IconGridSection.js";
+import { CheckCircle, Code, Unlock, Zap } from "lucide-react";
+import { jsx } from "react/jsx-runtime";
+import "react";
+
+//#region src/components/marketing/sections/FearsSection.tsx
+const 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: CheckCircle
+	},
+	{
+		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__ */ jsx(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"
+		}))
+	});
+}
+
+//#endregion
+export { FearsSection };
+//# sourceMappingURL=FearsSection.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FearsSection.js","names":[],"sources":["../../../../src/components/marketing/sections/FearsSection.tsx"],"sourcesContent":["import * as React from 'react';\nimport { CheckCircle, Code, Unlock, Zap } from 'lucide-react';\nimport { IconGridSection } from './IconGridSection';\n\nconst fears = [\n  {\n    title: '\"I already have an app\"',\n    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.\",\n    icon: CheckCircle,\n  },\n  {\n    title: '\"Vendor lock-in / losing ownership\"',\n    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.\",\n    icon: Unlock,\n  },\n  {\n    title: '\"Adoption cost / learning curve\"',\n    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.',\n    icon: Code,\n  },\n  {\n    title: '\"Forced migrations / magical runtime\"',\n    body: \"ContractSpec generates plain code you can read, debug, and modify. There's no proprietary runtime. Migrations are explicit, reversible, and in your control.\",\n    icon: Zap,\n  },\n];\n\nexport function FearsSection() {\n  return (\n    <IconGridSection\n      tone=\"muted\"\n      columns={2}\n      eyebrow=\"We Get It\"\n      title=\"Your fears, addressed\"\n      subtitle=\"We know what you're thinking. Here's why those concerns don't apply to ContractSpec.\"\n      iconRole=\"support\"\n      items={fears.map((item) => ({\n        icon: item.icon,\n        title: item.title,\n        description: item.body,\n        iconClassName: 'text-violet-400',\n      }))}\n    />\n  );\n}\n"],"mappings":";;;;;;AAIA,MAAM,QAAQ;CACZ;EACE,OAAO;EACP,MAAM;EACN,MAAM;EACP;CACD;EACE,OAAO;EACP,MAAM;EACN,MAAM;EACP;CACD;EACE,OAAO;EACP,MAAM;EACN,MAAM;EACP;CACD;EACE,OAAO;EACP,MAAM;EACN,MAAM;EACP;CACF;AAED,SAAgB,eAAe;AAC7B,QACE,oBAAC;EACC,MAAK;EACL,SAAS;EACT,SAAQ;EACR,OAAM;EACN,UAAS;EACT,UAAS;EACT,OAAO,MAAM,KAAK,UAAU;GAC1B,MAAM,KAAK;GACX,OAAO,KAAK;GACZ,aAAa,KAAK;GAClB,eAAe;GAChB,EAAE;GACH"}

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

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

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

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