@contractspec/bundle.marketing 1.12.0

package/dist/components/marketing/PricingClient.js

@@ -0,0 +1,521 @@
+'use client';
+
+import { WaitlistSection } from "./waitlist-section.js";
+import { PricingThinkingModal } from "./pricing-thinking-modal.js";
+import { CheckCircle, ChevronDown, ChevronRight } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import Link from "next/link";
+
+//#region src/components/marketing/PricingClient.tsx
+const faqs = [
+	{
+		question: "Can I pay for ContractSpec today?",
+		answer: "Not yet. We're pre-PMF and working closely with a small set of design partners. They get full access during early access and will be first to move onto paid plans once we're confident in the value and stability."
+	},
+	{
+		question: "What will you charge for later?",
+		answer: "Our plan is to charge based on usage: regenerations, AI agent actions, and number of active projects. A generous free tier will stay available so smaller teams and experiments can thrive."
+	},
+	{
+		question: "What do I get as a design partner?",
+		answer: "Direct collaboration on features, priority onboarding, and a founding discount when paid plans launch. You also shape how ContractSpec works for teams like yours."
+	},
+	{
+		question: "Will you ever charge per seat?",
+		answer: "No. We want everyone in your team to use ContractSpec without friction. Pricing is tied to how much of your system we help you maintain, not how many teammates you invite."
+	}
+];
+function PricingClient() {
+	const [openFaq, setOpenFaq] = useState(null);
+	const [pricingModalOpen, setPricingModalOpen] = useState(false);
+	const scrollToWaitlist = () => {
+		const waitlistElement = document.getElementById("waitlist");
+		if (waitlistElement) waitlistElement.scrollIntoView({
+			behavior: "smooth",
+			block: "start"
+		});
+	};
+	return /* @__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: "Transparent, usage-based pricing – after we earn it."
+						}),
+						/* @__PURE__ */ jsx("p", {
+							className: "text-muted-foreground mx-auto max-w-2xl text-lg",
+							children: "ContractSpec Core (the OSS compiler) is and always will be free. ContractSpec Studio (the managed platform) is in early access."
+						}),
+						/* @__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("button", {
+								onClick: scrollToWaitlist,
+								className: "btn-ghost inline-flex items-center gap-2",
+								children: "Join Studio waitlist"
+							})]
+						})
+					]
+				})
+			}),
+			/* @__PURE__ */ jsx("section", {
+				className: "section-padding border-border border-b",
+				children: /* @__PURE__ */ jsx("div", {
+					className: "mx-auto max-w-6xl",
+					children: /* @__PURE__ */ jsxs("div", {
+						className: "card-subtle flex flex-col gap-6 p-8 md:flex-row md:items-center",
+						children: [/* @__PURE__ */ jsxs("div", {
+							className: "flex-1 space-y-4",
+							children: [
+								/* @__PURE__ */ jsx("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("span", {
+										className: "text-sm font-medium text-violet-300",
+										children: "Now accepting design partners"
+									})
+								}),
+								/* @__PURE__ */ jsx("h2", {
+									className: "text-2xl font-bold",
+									children: "Help us design the compiler for AI-native software."
+								}),
+								/* @__PURE__ */ jsx("p", {
+									className: "text-muted-foreground text-sm",
+									children: "We work closely with a small group of teams building serious products with AI. You bring real-world complexity, we bring the spec-first engine and a lot of attention."
+								})
+							]
+						}), /* @__PURE__ */ jsxs("div", {
+							className: "flex-1 space-y-4",
+							children: [/* @__PURE__ */ jsxs("ul", {
+								className: "text-muted-foreground space-y-2 text-sm",
+								children: [
+									/* @__PURE__ */ jsxs("li", {
+										className: "flex gap-2",
+										children: [/* @__PURE__ */ jsx(CheckCircle, {
+											size: 16,
+											className: "mt-0.5 shrink-0 text-violet-400"
+										}), "Early access to ContractSpec Studio"]
+									}),
+									/* @__PURE__ */ jsxs("li", {
+										className: "flex gap-2",
+										children: [/* @__PURE__ */ jsx(CheckCircle, {
+											size: 16,
+											className: "mt-0.5 shrink-0 text-violet-400"
+										}), "Hands-on onboarding and architecture help"]
+									}),
+									/* @__PURE__ */ jsxs("li", {
+										className: "flex gap-2",
+										children: [/* @__PURE__ */ jsx(CheckCircle, {
+											size: 16,
+											className: "mt-0.5 shrink-0 text-violet-400"
+										}), "Influence over roadmap and features"]
+									}),
+									/* @__PURE__ */ jsxs("li", {
+										className: "flex gap-2",
+										children: [/* @__PURE__ */ jsx(CheckCircle, {
+											size: 16,
+											className: "mt-0.5 shrink-0 text-violet-400"
+										}), "Priority support during early access"]
+									}),
+									/* @__PURE__ */ jsxs("li", {
+										className: "flex gap-2",
+										children: [/* @__PURE__ */ jsx(CheckCircle, {
+											size: 16,
+											className: "mt-0.5 shrink-0 text-violet-400"
+										}), "Founding discount when paid plans launch"]
+									})
+								]
+							}), /* @__PURE__ */ jsx("button", {
+								onClick: scrollToWaitlist,
+								className: "btn-primary w-full md:w-auto",
+								children: "Apply to the waitlist"
+							})]
+						})]
+					})
+				})
+			}),
+			/* @__PURE__ */ jsx("section", {
+				className: "section-padding border-border border-b",
+				children: /* @__PURE__ */ jsx("div", {
+					className: "mx-auto max-w-6xl",
+					children: /* @__PURE__ */ jsxs("div", {
+						className: "grid gap-6 md:grid-cols-3",
+						children: [
+							/* @__PURE__ */ jsxs("div", {
+								className: "card-subtle col-span-3 space-y-6 border-violet-500/20 p-6",
+								children: [
+									/* @__PURE__ */ jsxs("div", {
+										className: "absolute -top-3 left-1/2 -translate-x-1/2 rounded-full bg-violet-500 px-3 py-1 text-xs font-medium text-white",
+										children: [/* @__PURE__ */ jsx("div", {
+											className: "text-1xl font-bold",
+											children: "Free Forever"
+										}), /* @__PURE__ */ jsx("p", {
+											className: "text-muted-foreground text-xs",
+											children: "Apache 2.0 / MIT License"
+										})]
+									}),
+									/* @__PURE__ */ jsxs("div", {
+										className: "flex flex-row justify-around",
+										children: [/* @__PURE__ */ jsxs("div", {
+											className: "w-1/2",
+											children: [/* @__PURE__ */ jsx("div", {
+												className: "space-y-2",
+												children: /* @__PURE__ */ jsx("h2", {
+													className: "text-2xl font-bold",
+													children: "OSS Core"
+												})
+											}), /* @__PURE__ */ jsx("p", {
+												className: "text-muted-foreground text-sm",
+												children: "The complete spec-first compiler. Generate API, DB, and UI code locally."
+											})]
+										}), /* @__PURE__ */ jsxs("ul", {
+											className: "space-y-3",
+											children: [
+												/* @__PURE__ */ jsxs("li", {
+													className: "text-muted-foreground flex gap-3 text-sm",
+													children: [/* @__PURE__ */ jsx(CheckCircle, {
+														size: 16,
+														className: "mt-0.5 shrink-0 text-violet-400"
+													}), "Unlimited local regenerations"]
+												}),
+												/* @__PURE__ */ jsxs("li", {
+													className: "text-muted-foreground flex gap-3 text-sm",
+													children: [/* @__PURE__ */ jsx(CheckCircle, {
+														size: 16,
+														className: "mt-0.5 shrink-0 text-violet-400"
+													}), "All standard generators included"]
+												}),
+												/* @__PURE__ */ jsxs("li", {
+													className: "text-muted-foreground flex gap-3 text-sm",
+													children: [/* @__PURE__ */ jsx(CheckCircle, {
+														size: 16,
+														className: "mt-0.5 shrink-0 text-violet-400"
+													}), "Run in your own CI/CD"]
+												}),
+												/* @__PURE__ */ jsxs("li", {
+													className: "text-muted-foreground flex gap-3 text-sm",
+													children: [/* @__PURE__ */ jsx(CheckCircle, {
+														size: 16,
+														className: "mt-0.5 shrink-0 text-violet-400"
+													}), "Community support"]
+												})
+											]
+										})]
+									}),
+									/* @__PURE__ */ jsx(Link, {
+										href: "/install",
+										className: "btn-ghost w-full",
+										children: "Install now"
+									})
+								]
+							}),
+							/* @__PURE__ */ jsxs("div", {
+								className: "card-subtle relative space-y-6 bg-violet-500/5 p-6 ring-2 ring-violet-500",
+								children: [
+									/* @__PURE__ */ jsx("div", {
+										className: "absolute -top-3 left-1/2 -translate-x-1/2 rounded-full bg-violet-500 px-3 py-1 text-xs font-medium text-white",
+										children: "Current"
+									}),
+									/* @__PURE__ */ jsxs("div", {
+										className: "space-y-2",
+										children: [/* @__PURE__ */ jsx("h2", {
+											className: "text-2xl font-bold",
+											children: "Design Partner"
+										}), /* @__PURE__ */ jsxs("div", {
+											className: "space-y-1",
+											children: [/* @__PURE__ */ jsx("div", {
+												className: "text-2xl font-bold",
+												children: "Free during early access"
+											}), /* @__PURE__ */ jsx("p", {
+												className: "text-muted-foreground text-xs",
+												children: "Founding discount when paid plans launch"
+											})]
+										})]
+									}),
+									/* @__PURE__ */ jsxs("ul", {
+										className: "space-y-3",
+										children: [
+											/* @__PURE__ */ jsxs("li", {
+												className: "text-muted-foreground flex gap-3 text-sm",
+												children: [/* @__PURE__ */ jsx(CheckCircle, {
+													size: 16,
+													className: "mt-0.5 shrink-0 text-violet-400"
+												}), "Use ContractSpec Studio for real projects during early access"]
+											}),
+											/* @__PURE__ */ jsxs("li", {
+												className: "text-muted-foreground flex gap-3 text-sm",
+												children: [/* @__PURE__ */ jsx(CheckCircle, {
+													size: 16,
+													className: "mt-0.5 shrink-0 text-violet-400"
+												}), "Work directly with the founder on architecture & use cases"]
+											}),
+											/* @__PURE__ */ jsxs("li", {
+												className: "text-muted-foreground flex gap-3 text-sm",
+												children: [/* @__PURE__ */ jsx(CheckCircle, {
+													size: 16,
+													className: "mt-0.5 shrink-0 text-violet-400"
+												}), "Reasonable \"fair use\" limits on regenerations and AI credits"]
+											}),
+											/* @__PURE__ */ jsxs("li", {
+												className: "text-muted-foreground flex gap-3 text-sm",
+												children: [/* @__PURE__ */ jsx(CheckCircle, {
+													size: 16,
+													className: "mt-0.5 shrink-0 text-violet-400"
+												}), "Priority support & feedback loops"]
+											})
+										]
+									}),
+									/* @__PURE__ */ jsx("button", {
+										onClick: scrollToWaitlist,
+										className: "btn-primary w-full",
+										children: "Apply as a design partner"
+									})
+								]
+							}),
+							/* @__PURE__ */ jsxs("div", {
+								className: "card-subtle relative space-y-6 p-6",
+								children: [
+									/* @__PURE__ */ jsx("div", {
+										className: "bg-muted border-border absolute -top-3 left-1/2 -translate-x-1/2 rounded-full border px-3 py-1 text-xs font-medium",
+										children: "Coming soon"
+									}),
+									/* @__PURE__ */ jsxs("div", {
+										className: "space-y-2",
+										children: [/* @__PURE__ */ jsx("h2", {
+											className: "text-2xl font-bold",
+											children: "Builder"
+										}), /* @__PURE__ */ jsx("div", {
+											className: "space-y-1",
+											children: /* @__PURE__ */ jsx("div", {
+												className: "text-2xl font-bold",
+												children: "Usage-based, for solo builders and small teams"
+											})
+										})]
+									}),
+									/* @__PURE__ */ jsx("p", {
+										className: "text-muted-foreground text-sm",
+										children: "Pay only for what you regenerate and the AI you consume. No seat-based pricing, and a generous free tier for experiments."
+									}),
+									/* @__PURE__ */ jsxs("ul", {
+										className: "space-y-2",
+										children: [
+											/* @__PURE__ */ jsx("li", {
+												className: "text-muted-foreground text-sm",
+												children: "1–3 projects"
+											}),
+											/* @__PURE__ */ jsx("li", {
+												className: "text-muted-foreground text-sm",
+												children: "Generous monthly free regenerations"
+											}),
+											/* @__PURE__ */ jsx("li", {
+												className: "text-muted-foreground text-sm",
+												children: "Pay-as-you-go beyond the free tier"
+											})
+										]
+									}),
+									/* @__PURE__ */ jsx("button", {
+										disabled: true,
+										className: "btn-ghost w-full cursor-not-allowed opacity-50",
+										children: "Available after public launch"
+									})
+								]
+							}),
+							/* @__PURE__ */ jsxs("div", {
+								className: "card-subtle relative space-y-6 p-6",
+								children: [
+									/* @__PURE__ */ jsx("div", {
+										className: "bg-muted border-border absolute -top-3 left-1/2 -translate-x-1/2 rounded-full border px-3 py-1 text-xs font-medium",
+										children: "Coming soon"
+									}),
+									/* @__PURE__ */ jsxs("div", {
+										className: "space-y-2",
+										children: [/* @__PURE__ */ jsx("h2", {
+											className: "text-2xl font-bold",
+											children: "Team & Platform"
+										}), /* @__PURE__ */ jsx("div", {
+											className: "space-y-1",
+											children: /* @__PURE__ */ jsx("div", {
+												className: "text-2xl font-bold",
+												children: "Custom, for teams standardizing on ContractSpec"
+											})
+										})]
+									}),
+									/* @__PURE__ */ jsx("p", {
+										className: "text-muted-foreground text-sm",
+										children: "For teams running multiple apps or platforms on ContractSpec, with stricter governance, data, and compliance needs."
+									}),
+									/* @__PURE__ */ jsxs("ul", {
+										className: "space-y-3",
+										children: [
+											/* @__PURE__ */ jsxs("li", {
+												className: "text-muted-foreground flex gap-3 text-sm",
+												children: [/* @__PURE__ */ jsx(CheckCircle, {
+													size: 16,
+													className: "mt-0.5 shrink-0 text-violet-400"
+												}), "Multiple projects and environments"]
+											}),
+											/* @__PURE__ */ jsxs("li", {
+												className: "text-muted-foreground flex gap-3 text-sm",
+												children: [/* @__PURE__ */ jsx(CheckCircle, {
+													size: 16,
+													className: "mt-0.5 shrink-0 text-violet-400"
+												}), "Advanced RBAC and policy packs"]
+											}),
+											/* @__PURE__ */ jsxs("li", {
+												className: "text-muted-foreground flex gap-3 text-sm",
+												children: [/* @__PURE__ */ jsx(CheckCircle, {
+													size: 16,
+													className: "mt-0.5 shrink-0 text-violet-400"
+												}), "SSO, audit trails, and longer retention"]
+											}),
+											/* @__PURE__ */ jsxs("li", {
+												className: "text-muted-foreground flex gap-3 text-sm",
+												children: [/* @__PURE__ */ jsx(CheckCircle, {
+													size: 16,
+													className: "mt-0.5 shrink-0 text-violet-400"
+												}), "Priority support & SLAs"]
+											})
+										]
+									}),
+									/* @__PURE__ */ jsx(Link, {
+										href: "/contact",
+										className: "btn-ghost w-full",
+										children: "Talk to us"
+									})
+								]
+							})
+						]
+					})
+				})
+			}),
+			/* @__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 text-center",
+							children: [/* @__PURE__ */ jsx("h2", {
+								className: "text-3xl font-bold",
+								children: "How ContractSpec pricing will work"
+							}), /* @__PURE__ */ jsx("p", {
+								className: "text-muted-foreground mx-auto max-w-2xl text-lg",
+								children: "We charge based on how much of your stack we help you maintain, not how many people click around in the UI."
+							})]
+						}),
+						/* @__PURE__ */ jsxs("div", {
+							className: "grid gap-6 md:grid-cols-3",
+							children: [
+								/* @__PURE__ */ jsxs("div", {
+									className: "card-subtle space-y-3 p-6",
+									children: [/* @__PURE__ */ jsx("h3", {
+										className: "font-bold",
+										children: "Generous free tier"
+									}), /* @__PURE__ */ jsx("p", {
+										className: "text-muted-foreground text-sm",
+										children: "One serious project, small spec, and enough monthly regenerations to ship something real."
+									})]
+								}),
+								/* @__PURE__ */ jsxs("div", {
+									className: "card-subtle space-y-3 p-6",
+									children: [/* @__PURE__ */ jsx("h3", {
+										className: "font-bold",
+										children: "Usage-based beyond free"
+									}), /* @__PURE__ */ jsx("p", {
+										className: "text-muted-foreground text-sm",
+										children: "You pay for regenerations and AI agent actions, not per-seat. The more your system evolves via ContractSpec, the more you pay."
+									})]
+								}),
+								/* @__PURE__ */ jsxs("div", {
+									className: "card-subtle space-y-3 p-6",
+									children: [/* @__PURE__ */ jsx("h3", {
+										className: "font-bold",
+										children: "No lock-in"
+									}), /* @__PURE__ */ jsx("p", {
+										className: "text-muted-foreground text-sm",
+										children: "Generated code is standard, readable, and exportable. If you leave, your app keeps running."
+									})]
+								})
+							]
+						}),
+						/* @__PURE__ */ jsx("div", {
+							className: "pt-6 text-center",
+							children: /* @__PURE__ */ jsx("button", {
+								onClick: () => setPricingModalOpen(true),
+								className: "btn-ghost",
+								children: "View our tentative pricing model"
+							})
+						})
+					]
+				})
+			}),
+			/* @__PURE__ */ jsx("section", {
+				className: "section-padding border-border border-b",
+				children: /* @__PURE__ */ jsxs("div", {
+					className: "mx-auto max-w-3xl space-y-8",
+					children: [
+						/* @__PURE__ */ jsx("h2", {
+							className: "text-center text-3xl font-bold",
+							children: "Frequently asked questions"
+						}),
+						/* @__PURE__ */ jsx("div", {
+							className: "space-y-4",
+							children: faqs.map((faq, i) => /* @__PURE__ */ jsxs("div", {
+								className: "card-subtle overflow-hidden",
+								children: [/* @__PURE__ */ jsxs("button", {
+									onClick: () => setOpenFaq(openFaq === i ? null : i),
+									className: "flex w-full items-center justify-between p-6 text-left",
+									children: [/* @__PURE__ */ jsx("span", {
+										className: "font-medium",
+										children: faq.question
+									}), /* @__PURE__ */ jsx(ChevronDown, {
+										size: 20,
+										className: `text-muted-foreground transition-transform ${openFaq === i ? "rotate-180" : ""}`
+									})]
+								}), openFaq === i && /* @__PURE__ */ jsx("div", {
+									className: "text-muted-foreground px-6 pb-6 text-sm",
+									children: faq.answer
+								})]
+							}, i))
+						}),
+						/* @__PURE__ */ jsxs("div", {
+							className: "pt-4 text-center",
+							children: [/* @__PURE__ */ jsx("p", {
+								className: "text-muted-foreground mb-2 text-sm",
+								children: "Still unsure?"
+							}), /* @__PURE__ */ jsx(Link, {
+								href: "/contact",
+								className: "text-sm font-medium text-violet-400 hover:text-violet-300",
+								children: "Contact us →"
+							})]
+						})
+					]
+				})
+			}),
+			/* @__PURE__ */ jsx("section", {
+				className: "section-padding hero-gradient",
+				children: /* @__PURE__ */ jsx("div", {
+					className: "mx-auto max-w-4xl",
+					children: /* @__PURE__ */ jsx(WaitlistSection, {})
+				})
+			}),
+			/* @__PURE__ */ jsx(PricingThinkingModal, {
+				open: pricingModalOpen,
+				onOpenChange: setPricingModalOpen,
+				onApplyClick: scrollToWaitlist
+			})
+		]
+	});
+}
+
+//#endregion
+export { PricingClient };
+//# sourceMappingURL=PricingClient.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PricingClient.js","names":[],"sources":["../../../src/components/marketing/PricingClient.tsx"],"sourcesContent":["'use client';\n\nimport { useState } from 'react';\nimport Link from 'next/link';\nimport { CheckCircle, ChevronDown, ChevronRight } from 'lucide-react';\n\nimport { WaitlistSection } from './waitlist-section';\nimport { PricingThinkingModal } from './pricing-thinking-modal';\n\ninterface FAQ {\n  question: string;\n  answer: string;\n}\n\nconst faqs: FAQ[] = [\n  {\n    question: 'Can I pay for ContractSpec today?',\n    answer:\n      \"Not yet. We're pre-PMF and working closely with a small set of design partners. They get full access during early access and will be first to move onto paid plans once we're confident in the value and stability.\",\n  },\n  {\n    question: 'What will you charge for later?',\n    answer:\n      'Our plan is to charge based on usage: regenerations, AI agent actions, and number of active projects. A generous free tier will stay available so smaller teams and experiments can thrive.',\n  },\n  {\n    question: 'What do I get as a design partner?',\n    answer:\n      'Direct collaboration on features, priority onboarding, and a founding discount when paid plans launch. You also shape how ContractSpec works for teams like yours.',\n  },\n  {\n    question: 'Will you ever charge per seat?',\n    answer:\n      'No. We want everyone in your team to use ContractSpec without friction. Pricing is tied to how much of your system we help you maintain, not how many teammates you invite.',\n  },\n];\n\nexport function PricingClient() {\n  const [openFaq, setOpenFaq] = useState<number | null>(null);\n  const [pricingModalOpen, setPricingModalOpen] = useState(false);\n\n  const scrollToWaitlist = () => {\n    const waitlistElement = document.getElementById('waitlist');\n    if (waitlistElement) {\n      waitlistElement.scrollIntoView({ behavior: 'smooth', block: 'start' });\n    }\n  };\n\n  return (\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            Transparent, usage-based pricing – after we earn it.\n          </h1>\n          <p className=\"text-muted-foreground mx-auto max-w-2xl text-lg\">\n            ContractSpec Core (the OSS compiler) is and always will be free.\n            ContractSpec Studio (the managed platform) is in early access.\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            <button\n              onClick={scrollToWaitlist}\n              className=\"btn-ghost inline-flex items-center gap-2\"\n            >\n              Join Studio waitlist\n            </button>\n          </div>\n        </div>\n      </section>\n\n      {/* Design-Partner Highlight Strip */}\n      <section className=\"section-padding border-border border-b\">\n        <div className=\"mx-auto max-w-6xl\">\n          <div className=\"card-subtle flex flex-col gap-6 p-8 md:flex-row md:items-center\">\n            <div className=\"flex-1 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                <span className=\"text-sm font-medium text-violet-300\">\n                  Now accepting design partners\n                </span>\n              </div>\n              <h2 className=\"text-2xl font-bold\">\n                Help us design the compiler for AI-native software.\n              </h2>\n              <p className=\"text-muted-foreground text-sm\">\n                We work closely with a small group of teams building serious\n                products with AI. You bring real-world complexity, we bring the\n                spec-first engine and a lot of attention.\n              </p>\n            </div>\n            <div className=\"flex-1 space-y-4\">\n              <ul className=\"text-muted-foreground space-y-2 text-sm\">\n                <li className=\"flex gap-2\">\n                  <CheckCircle\n                    size={16}\n                    className=\"mt-0.5 shrink-0 text-violet-400\"\n                  />\n                  Early access to ContractSpec Studio\n                </li>\n                <li className=\"flex gap-2\">\n                  <CheckCircle\n                    size={16}\n                    className=\"mt-0.5 shrink-0 text-violet-400\"\n                  />\n                  Hands-on onboarding and architecture help\n                </li>\n                <li className=\"flex gap-2\">\n                  <CheckCircle\n                    size={16}\n                    className=\"mt-0.5 shrink-0 text-violet-400\"\n                  />\n                  Influence over roadmap and features\n                </li>\n                <li className=\"flex gap-2\">\n                  <CheckCircle\n                    size={16}\n                    className=\"mt-0.5 shrink-0 text-violet-400\"\n                  />\n                  Priority support during early access\n                </li>\n                <li className=\"flex gap-2\">\n                  <CheckCircle\n                    size={16}\n                    className=\"mt-0.5 shrink-0 text-violet-400\"\n                  />\n                  Founding discount when paid plans launch\n                </li>\n              </ul>\n              <button\n                onClick={scrollToWaitlist}\n                className=\"btn-primary w-full md:w-auto\"\n              >\n                Apply to the waitlist\n              </button>\n            </div>\n          </div>\n        </div>\n      </section>\n\n      {/* Future Pricing Tiers */}\n      <section className=\"section-padding border-border border-b\">\n        <div className=\"mx-auto max-w-6xl\">\n          <div className=\"grid gap-6 md:grid-cols-3\">\n            {/* OSS Core (Forever Free) */}\n            <div className=\"card-subtle col-span-3 space-y-6 border-violet-500/20 p-6\">\n              <div className=\"absolute -top-3 left-1/2 -translate-x-1/2 rounded-full bg-violet-500 px-3 py-1 text-xs font-medium text-white\">\n                <div className=\"text-1xl font-bold\">Free Forever</div>\n                <p className=\"text-muted-foreground text-xs\">\n                  Apache 2.0 / MIT License\n                </p>\n              </div>\n              <div className=\"flex flex-row justify-around\">\n                <div className=\"w-1/2\">\n                  <div className=\"space-y-2\">\n                    <h2 className=\"text-2xl font-bold\">OSS Core</h2>\n                  </div>\n                  <p className=\"text-muted-foreground text-sm\">\n                    The complete spec-first compiler. Generate API, DB, and UI\n                    code locally.\n                  </p>\n                </div>\n                <ul className=\"space-y-3\">\n                  <li className=\"text-muted-foreground flex gap-3 text-sm\">\n                    <CheckCircle\n                      size={16}\n                      className=\"mt-0.5 shrink-0 text-violet-400\"\n                    />\n                    Unlimited local regenerations\n                  </li>\n                  <li className=\"text-muted-foreground flex gap-3 text-sm\">\n                    <CheckCircle\n                      size={16}\n                      className=\"mt-0.5 shrink-0 text-violet-400\"\n                    />\n                    All standard generators included\n                  </li>\n                  <li className=\"text-muted-foreground flex gap-3 text-sm\">\n                    <CheckCircle\n                      size={16}\n                      className=\"mt-0.5 shrink-0 text-violet-400\"\n                    />\n                    Run in your own CI/CD\n                  </li>\n                  <li className=\"text-muted-foreground flex gap-3 text-sm\">\n                    <CheckCircle\n                      size={16}\n                      className=\"mt-0.5 shrink-0 text-violet-400\"\n                    />\n                    Community support\n                  </li>\n                </ul>\n              </div>\n              <Link href=\"/install\" className=\"btn-ghost w-full\">\n                Install now\n              </Link>\n            </div>\n\n            {/* Design Partner (Current) */}\n            <div className=\"card-subtle relative space-y-6 bg-violet-500/5 p-6 ring-2 ring-violet-500\">\n              <div className=\"absolute -top-3 left-1/2 -translate-x-1/2 rounded-full bg-violet-500 px-3 py-1 text-xs font-medium text-white\">\n                Current\n              </div>\n              <div className=\"space-y-2\">\n                <h2 className=\"text-2xl font-bold\">Design Partner</h2>\n                <div className=\"space-y-1\">\n                  <div className=\"text-2xl font-bold\">\n                    Free during early access\n                  </div>\n                  <p className=\"text-muted-foreground text-xs\">\n                    Founding discount when paid plans launch\n                  </p>\n                </div>\n              </div>\n              <ul className=\"space-y-3\">\n                <li className=\"text-muted-foreground flex gap-3 text-sm\">\n                  <CheckCircle\n                    size={16}\n                    className=\"mt-0.5 shrink-0 text-violet-400\"\n                  />\n                  Use ContractSpec Studio for real projects during early access\n                </li>\n                <li className=\"text-muted-foreground flex gap-3 text-sm\">\n                  <CheckCircle\n                    size={16}\n                    className=\"mt-0.5 shrink-0 text-violet-400\"\n                  />\n                  Work directly with the founder on architecture & use cases\n                </li>\n                <li className=\"text-muted-foreground flex gap-3 text-sm\">\n                  <CheckCircle\n                    size={16}\n                    className=\"mt-0.5 shrink-0 text-violet-400\"\n                  />\n                  Reasonable \"fair use\" limits on regenerations and AI credits\n                </li>\n                <li className=\"text-muted-foreground flex gap-3 text-sm\">\n                  <CheckCircle\n                    size={16}\n                    className=\"mt-0.5 shrink-0 text-violet-400\"\n                  />\n                  Priority support & feedback loops\n                </li>\n              </ul>\n              <button onClick={scrollToWaitlist} className=\"btn-primary w-full\">\n                Apply as a design partner\n              </button>\n            </div>\n\n            {/* Builder (Coming Soon) */}\n            <div className=\"card-subtle relative space-y-6 p-6\">\n              <div className=\"bg-muted border-border absolute -top-3 left-1/2 -translate-x-1/2 rounded-full border px-3 py-1 text-xs font-medium\">\n                Coming soon\n              </div>\n              <div className=\"space-y-2\">\n                <h2 className=\"text-2xl font-bold\">Builder</h2>\n                <div className=\"space-y-1\">\n                  <div className=\"text-2xl font-bold\">\n                    Usage-based, for solo builders and small teams\n                  </div>\n                </div>\n              </div>\n              <p className=\"text-muted-foreground text-sm\">\n                Pay only for what you regenerate and the AI you consume. No\n                seat-based pricing, and a generous free tier for experiments.\n              </p>\n              <ul className=\"space-y-2\">\n                <li className=\"text-muted-foreground text-sm\">1–3 projects</li>\n                <li className=\"text-muted-foreground text-sm\">\n                  Generous monthly free regenerations\n                </li>\n                <li className=\"text-muted-foreground text-sm\">\n                  Pay-as-you-go beyond the free tier\n                </li>\n              </ul>\n              <button\n                disabled\n                className=\"btn-ghost w-full cursor-not-allowed opacity-50\"\n              >\n                Available after public launch\n              </button>\n            </div>\n\n            {/* Team / Enterprise (Coming Soon) */}\n            <div className=\"card-subtle relative space-y-6 p-6\">\n              <div className=\"bg-muted border-border absolute -top-3 left-1/2 -translate-x-1/2 rounded-full border px-3 py-1 text-xs font-medium\">\n                Coming soon\n              </div>\n              <div className=\"space-y-2\">\n                <h2 className=\"text-2xl font-bold\">Team & Platform</h2>\n                <div className=\"space-y-1\">\n                  <div className=\"text-2xl font-bold\">\n                    Custom, for teams standardizing on ContractSpec\n                  </div>\n                </div>\n              </div>\n              <p className=\"text-muted-foreground text-sm\">\n                For teams running multiple apps or platforms on ContractSpec,\n                with stricter governance, data, and compliance needs.\n              </p>\n              <ul className=\"space-y-3\">\n                <li className=\"text-muted-foreground flex gap-3 text-sm\">\n                  <CheckCircle\n                    size={16}\n                    className=\"mt-0.5 shrink-0 text-violet-400\"\n                  />\n                  Multiple projects and environments\n                </li>\n                <li className=\"text-muted-foreground flex gap-3 text-sm\">\n                  <CheckCircle\n                    size={16}\n                    className=\"mt-0.5 shrink-0 text-violet-400\"\n                  />\n                  Advanced RBAC and policy packs\n                </li>\n                <li className=\"text-muted-foreground flex gap-3 text-sm\">\n                  <CheckCircle\n                    size={16}\n                    className=\"mt-0.5 shrink-0 text-violet-400\"\n                  />\n                  SSO, audit trails, and longer retention\n                </li>\n                <li className=\"text-muted-foreground flex gap-3 text-sm\">\n                  <CheckCircle\n                    size={16}\n                    className=\"mt-0.5 shrink-0 text-violet-400\"\n                  />\n                  Priority support & SLAs\n                </li>\n              </ul>\n              <Link href=\"/contact\" className=\"btn-ghost w-full\">\n                Talk to us\n              </Link>\n            </div>\n          </div>\n        </div>\n      </section>\n\n      {/* How Pricing Will Work */}\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 text-center\">\n            <h2 className=\"text-3xl font-bold\">\n              How ContractSpec pricing will work\n            </h2>\n            <p className=\"text-muted-foreground mx-auto max-w-2xl text-lg\">\n              We charge based on how much of your stack we help you maintain,\n              not how many people click around in the UI.\n            </p>\n          </div>\n          <div className=\"grid gap-6 md:grid-cols-3\">\n            <div className=\"card-subtle space-y-3 p-6\">\n              <h3 className=\"font-bold\">Generous free tier</h3>\n              <p className=\"text-muted-foreground text-sm\">\n                One serious project, small spec, and enough monthly\n                regenerations to ship something real.\n              </p>\n            </div>\n            <div className=\"card-subtle space-y-3 p-6\">\n              <h3 className=\"font-bold\">Usage-based beyond free</h3>\n              <p className=\"text-muted-foreground text-sm\">\n                You pay for regenerations and AI agent actions, not per-seat.\n                The more your system evolves via ContractSpec, the more you pay.\n              </p>\n            </div>\n            <div className=\"card-subtle space-y-3 p-6\">\n              <h3 className=\"font-bold\">No lock-in</h3>\n              <p className=\"text-muted-foreground text-sm\">\n                Generated code is standard, readable, and exportable. If you\n                leave, your app keeps running.\n              </p>\n            </div>\n          </div>\n          <div className=\"pt-6 text-center\">\n            <button\n              onClick={() => setPricingModalOpen(true)}\n              className=\"btn-ghost\"\n            >\n              View our tentative pricing model\n            </button>\n          </div>\n        </div>\n      </section>\n\n      {/* FAQ */}\n      <section className=\"section-padding border-border border-b\">\n        <div className=\"mx-auto max-w-3xl space-y-8\">\n          <h2 className=\"text-center text-3xl font-bold\">\n            Frequently asked questions\n          </h2>\n          <div className=\"space-y-4\">\n            {faqs.map((faq, i) => (\n              <div key={i} className=\"card-subtle overflow-hidden\">\n                <button\n                  onClick={() => setOpenFaq(openFaq === i ? null : i)}\n                  className=\"flex w-full items-center justify-between p-6 text-left\"\n                >\n                  <span className=\"font-medium\">{faq.question}</span>\n                  <ChevronDown\n                    size={20}\n                    className={`text-muted-foreground transition-transform ${\n                      openFaq === i ? 'rotate-180' : ''\n                    }`}\n                  />\n                </button>\n                {openFaq === i && (\n                  <div className=\"text-muted-foreground px-6 pb-6 text-sm\">\n                    {faq.answer}\n                  </div>\n                )}\n              </div>\n            ))}\n          </div>\n          <div className=\"pt-4 text-center\">\n            <p className=\"text-muted-foreground mb-2 text-sm\">Still unsure?</p>\n            <Link\n              href=\"/contact\"\n              className=\"text-sm font-medium text-violet-400 hover:text-violet-300\"\n            >\n              Contact us →\n            </Link>\n          </div>\n        </div>\n      </section>\n\n      {/* Waitlist Section */}\n      <section className=\"section-padding hero-gradient\">\n        <div className=\"mx-auto max-w-4xl\">\n          <WaitlistSection />\n        </div>\n      </section>\n\n      {/* Pricing Thinking Modal */}\n      <PricingThinkingModal\n        open={pricingModalOpen}\n        onOpenChange={setPricingModalOpen}\n        onApplyClick={scrollToWaitlist}\n      />\n    </main>\n  );\n}\n"],"mappings":"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"}

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

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

package/dist/components/marketing/ProductClientPage.d.ts.map

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