@contractspec/bundle.marketing 1.12.0

package/README.md

@@ -0,0 +1,57 @@
+# @contractspec/bundle.marketing
+
+Marketing-focused bundle providing documentation pages, email templates, and landing page components.
+
+## Overview
+
+This bundle provides components specifically for marketing and documentation:
+- Documentation pages (same as library, for standalone use)
+- Marketing landing page sections
+- Email templates (waitlist, newsletter, contact)
+- Pricing examples and comparisons
+- Template preview components
+
+## Installation
+
+```bash
+bun add @contractspec/bundle.marketing
+```
+
+## Exports
+
+### Documentation
+- `components/docs/*` — Full documentation pages by category
+  - `/advanced` — MCP, overlays, renderers, telemetry
+  - `/architecture` — App config, multi-tenancy, integrations
+  - `/comparison` — Platform comparisons
+  - `/getting-started` — CLI, installation, tutorials
+  - `/integrations` — Third-party service integrations
+  - `/knowledge` — Knowledge management
+  - `/libraries` — Library documentation
+  - `/safety` — Security, auditing, migrations
+  - `/specs` — Spec types and policies
+  - `/studio` — Studio features
+
+### Marketing
+- `components/marketing/*` — Landing page sections
+  - `HeroMarketingSection`, `ProblemSection`, `SolutionSection`
+  - `AudienceSection`, `DevelopersSection`, `FearsSection`
+  - `PricingClient`, `ContactClient`, `ChangelogPage`
+
+### Templates
+- `components/templates/*` — Template preview and gallery
+
+### Email
+- `libs/email/*` — Email utilities and templates
+
+## Dependencies
+
+- `@contractspec/lib.design-system` — Design tokens
+- `@contractspec/lib.ui-kit-web` — UI components
+- `@contractspec/bundle.library` — Shared library components
+- `@contractspec/lib.email` — Email service
+
+## Related Packages
+
+- [`@contractspec/app.web-landing`](../../apps/web-landing/README.md) — Marketing site
+- [`@contractspec/bundle.library`](../library/README.md) — Library bundle

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

@@ -0,0 +1,21 @@
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/components/marketing/ChangelogPage.d.ts
+interface ChangelogEntry {
+  version: string;
+  date: string;
+  isBreaking: boolean;
+  packages: {
+    name: string;
+    changes: string[];
+  }[];
+}
+interface ChangelogPageProps {
+  entries: ChangelogEntry[];
+}
+declare function ChangelogPage({
+  entries
+}: ChangelogPageProps): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { ChangelogEntry, ChangelogPage };
+//# sourceMappingURL=ChangelogPage.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ChangelogPage.d.ts","names":[],"sources":["../../../src/components/marketing/ChangelogPage.tsx"],"mappings":";;;UA4BiB,cAAA;EACf,OAAA;EACA,IAAA;EACA,UAAA;EACA,QAAA;IACE,IAAA;IACA,OAAA;EAAA;AAAA;AAAA,UAIM,kBAAA;EACR,OAAA,EAAS,cAAA;AAAA;AAAA,iBAGK,aAAA,CAAA;EAAgB;AAAA,GAAW,kBAAA,GAAkB,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/components/marketing/ChangelogPage.js

@@ -0,0 +1,65 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/components/marketing/ChangelogPage.tsx
+function ChangelogPage({ entries }) {
+	return /* @__PURE__ */ jsxs("main", { children: [/* @__PURE__ */ jsx("section", {
+		className: "section-padding hero-gradient border-border relative border-b",
+		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: "Changelog"
+			}), /* @__PURE__ */ jsx("p", {
+				className: "text-muted-foreground text-lg",
+				children: "Latest releases and improvements to ContractSpec."
+			})]
+		})
+	}), /* @__PURE__ */ jsx("section", {
+		className: "section-padding",
+		children: /* @__PURE__ */ jsx("div", {
+			className: "mx-auto max-w-3xl space-y-8",
+			children: entries.map((entry, i) => /* @__PURE__ */ jsxs("div", {
+				className: "card-subtle flex flex-col gap-6 p-8 md:flex-row md:items-start",
+				children: [/* @__PURE__ */ jsx("div", {
+					className: "md:w-48 md:flex-shrink-0",
+					children: /* @__PURE__ */ jsxs("div", {
+						className: "sticky top-24",
+						children: [
+							/* @__PURE__ */ jsx("h3", {
+								className: "text-2xl font-bold tracking-tight",
+								children: entry.version
+							}),
+							/* @__PURE__ */ jsx("time", {
+								className: "text-muted-foreground mt-1 block text-sm font-medium",
+								children: entry.date
+							}),
+							entry.isBreaking && /* @__PURE__ */ jsx("span", {
+								className: "mt-2 inline-flex items-center rounded-full border border-red-500/50 bg-red-500/10 px-2.5 py-0.5 text-xs font-semibold text-red-500",
+								children: "Breaking Change"
+							})
+						]
+					})
+				}), /* @__PURE__ */ jsx("div", {
+					className: "flex-1 space-y-6",
+					children: entry.packages.map((pkg, j) => /* @__PURE__ */ jsxs("div", {
+						className: "space-y-3",
+						children: [/* @__PURE__ */ jsx("h4", {
+							className: "font-mono text-sm font-semibold text-violet-400",
+							children: pkg.name
+						}), /* @__PURE__ */ jsx("ul", {
+							className: "space-y-2",
+							children: pkg.changes.map((change, k) => /* @__PURE__ */ jsxs("li", {
+								className: "text-muted-foreground flex items-start gap-3 text-base leading-relaxed",
+								children: [/* @__PURE__ */ jsx("span", { className: "mt-1.5 h-1.5 w-1.5 flex-shrink-0 rounded-full bg-violet-500/50" }), /* @__PURE__ */ jsx("span", { children: change })]
+							}, k))
+						})]
+					}, j))
+				})]
+			}, i))
+		})
+	})] });
+}
+
+//#endregion
+export { ChangelogPage };
+//# sourceMappingURL=ChangelogPage.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ChangelogPage.js","names":[],"sources":["../../../src/components/marketing/ChangelogPage.tsx"],"sourcesContent":["// export const metadata: Metadata = {\n//   title: 'Changelog: ContractSpec',\n//   description:\n//     'Updates and releases for ContractSpec. New features, improvements, and breaking changes for the spec-first compiler.',\n//   keywords: [\n//     'changelog',\n//     'updates',\n//     'releases',\n//     'features',\n//     'spec-first compiler',\n//     'AI code stabilization',\n//   ],\n//   openGraph: {\n//     title: 'Changelog: ContractSpec',\n//     description: 'Latest releases and improvements to ContractSpec.',\n//     url: 'https://contractspec.io/changelog',\n//     type: 'website',\n//   },\n//   alternates: {\n//     canonical: 'https://contractspec.io/changelog',\n//   },\n// };\n\n// export const metadata: Metadata = {\n//   title: 'Changelog: ContractSpec',\n//   ...\n// };\n\nexport interface ChangelogEntry {\n  version: string;\n  date: string;\n  isBreaking: boolean;\n  packages: {\n    name: string;\n    changes: string[];\n  }[];\n}\n\ninterface ChangelogPageProps {\n  entries: ChangelogEntry[];\n}\n\nexport function ChangelogPage({ entries }: ChangelogPageProps) {\n  return (\n    <main>\n      {/* Hero */}\n      <section className=\"section-padding hero-gradient border-border relative border-b\">\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            Changelog\n          </h1>\n          <p className=\"text-muted-foreground text-lg\">\n            Latest releases and improvements to ContractSpec.\n          </p>\n        </div>\n      </section>\n\n      {/* Timeline */}\n      <section className=\"section-padding\">\n        <div className=\"mx-auto max-w-3xl space-y-8\">\n          {entries.map((entry, i) => (\n            <div\n              key={i}\n              className=\"card-subtle flex flex-col gap-6 p-8 md:flex-row md:items-start\"\n            >\n              {/* Left: Version & Date */}\n              <div className=\"md:w-48 md:flex-shrink-0\">\n                <div className=\"sticky top-24\">\n                  <h3 className=\"text-2xl font-bold tracking-tight\">\n                    {entry.version}\n                  </h3>\n                  <time className=\"text-muted-foreground mt-1 block text-sm font-medium\">\n                    {entry.date}\n                  </time>\n                  {entry.isBreaking && (\n                    <span className=\"mt-2 inline-flex items-center rounded-full border border-red-500/50 bg-red-500/10 px-2.5 py-0.5 text-xs font-semibold text-red-500\">\n                      Breaking Change\n                    </span>\n                  )}\n                </div>\n              </div>\n\n              {/* Right: Changes per package */}\n              <div className=\"flex-1 space-y-6\">\n                {entry.packages.map((pkg, j) => (\n                  <div key={j} className=\"space-y-3\">\n                    <h4 className=\"font-mono text-sm font-semibold text-violet-400\">\n                      {pkg.name}\n                    </h4>\n                    <ul className=\"space-y-2\">\n                      {pkg.changes.map((change, k) => (\n                        <li\n                          key={k}\n                          className=\"text-muted-foreground flex items-start gap-3 text-base leading-relaxed\"\n                        >\n                          <span className=\"mt-1.5 h-1.5 w-1.5 flex-shrink-0 rounded-full bg-violet-500/50\" />\n                          <span>{change}</span>\n                        </li>\n                      ))}\n                    </ul>\n                  </div>\n                ))}\n              </div>\n            </div>\n          ))}\n        </div>\n      </section>\n    </main>\n  );\n}\n"],"mappings":";;;AA0CA,SAAgB,cAAc,EAAE,WAA+B;AAC7D,QACE,qBAAC,qBAEC,oBAAC;EAAQ,WAAU;YACjB,qBAAC;GAAI,WAAU;cACb,oBAAC;IAAG,WAAU;cAA+C;KAExD,EACL,oBAAC;IAAE,WAAU;cAAgC;KAEzC;IACA;GACE,EAGV,oBAAC;EAAQ,WAAU;YACjB,oBAAC;GAAI,WAAU;aACZ,QAAQ,KAAK,OAAO,MACnB,qBAAC;IAEC,WAAU;eAGV,oBAAC;KAAI,WAAU;eACb,qBAAC;MAAI,WAAU;;OACb,oBAAC;QAAG,WAAU;kBACX,MAAM;SACJ;OACL,oBAAC;QAAK,WAAU;kBACb,MAAM;SACF;OACN,MAAM,cACL,oBAAC;QAAK,WAAU;kBAAqI;SAE9I;;OAEL;MACF,EAGN,oBAAC;KAAI,WAAU;eACZ,MAAM,SAAS,KAAK,KAAK,MACxB,qBAAC;MAAY,WAAU;iBACrB,oBAAC;OAAG,WAAU;iBACX,IAAI;QACF,EACL,oBAAC;OAAG,WAAU;iBACX,IAAI,QAAQ,KAAK,QAAQ,MACxB,qBAAC;QAEC,WAAU;mBAEV,oBAAC,UAAK,WAAU,mEAAmE,EACnF,oBAAC,oBAAM,SAAc;UAJhB,EAKF,CACL;QACC;QAdG,EAeJ,CACN;MACE;MAxCD,EAyCD,CACN;IACE;GACE,IACL"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"CofounderPage.d.ts","names":[],"sources":["../../../src/components/marketing/CofounderPage.tsx"],"mappings":";;;iBA2YgB,aAAA,CAAA,GAAa,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/components/marketing/CofounderPage.js

@@ -0,0 +1,468 @@
+'use client';
+
+import { Box, HStack, VStack } from "@contractspec/lib.ui-kit-web/ui/stack";
+import { ButtonLink, MarketingSection } from "@contractspec/lib.design-system";
+import { H1, H2, H3, Lead, Muted, Small } from "@contractspec/lib.ui-kit-web/ui/typography";
+import { Check, Clock, MapPin, MessageSquare, Percent, Rocket, Target, Users, X } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/components/marketing/CofounderPage.tsx
+const mailtoLink = `mailto:tboutron@contractspec.io?subject=${encodeURIComponent("Co-founder application: ContractSpec")}&body=${encodeURIComponent(`Hi Theo,
+
+I am reaching out about co-founding ContractSpec.
+
+LinkedIn: [your link]
+Proof of work #1: [link]
+Proof of work #2: [link]
+
+Why ContractSpec:
+[your answer]
+
+What I would own in the first 90 days:
+[your answer]
+`)}`;
+function HeroSection() {
+	return /* @__PURE__ */ jsx(MarketingSection, {
+		tone: "gradient",
+		padding: "spacious",
+		align: "center",
+		children: /* @__PURE__ */ jsxs(VStack, {
+			gap: "lg",
+			align: "center",
+			className: "text-center",
+			children: [
+				/* @__PURE__ */ jsx(H1, {
+					className: "text-4xl leading-tight font-bold text-balance md:text-5xl",
+					children: "Co-founder wanted"
+				}),
+				/* @__PURE__ */ jsx(Lead, {
+					className: "text-muted-foreground max-w-2xl text-lg text-balance md:text-xl",
+					children: "ContractSpec is a contract-first compiler for AI-generated code. Define specs, enforce policies, regenerate safely. Pre-PMF. Building in public."
+				}),
+				/* @__PURE__ */ jsxs(HStack, {
+					gap: "md",
+					justify: "center",
+					wrap: "wrap",
+					className: "pt-2",
+					children: [/* @__PURE__ */ jsx(ButtonLink, {
+						href: mailtoLink,
+						children: "Talk about co-founding"
+					}), /* @__PURE__ */ jsx(ButtonLink, {
+						variant: "ghost",
+						href: "/contact",
+						children: "Become a design partner"
+					})]
+				})
+			]
+		})
+	});
+}
+function WhatExistsSection() {
+	return /* @__PURE__ */ jsx(MarketingSection, {
+		padding: "comfortable",
+		align: "center",
+		maxWidth: "lg",
+		children: /* @__PURE__ */ jsxs(VStack, {
+			gap: "lg",
+			children: [/* @__PURE__ */ jsx(H2, {
+				className: "text-3xl font-bold",
+				children: "What exists today"
+			}), /* @__PURE__ */ jsxs("div", {
+				className: "grid w-full gap-8 md:grid-cols-2",
+				children: [/* @__PURE__ */ jsxs(VStack, {
+					gap: "sm",
+					align: "start",
+					children: [/* @__PURE__ */ jsx(H3, {
+						className: "text-lg font-semibold text-emerald-400",
+						children: "Real now"
+					}), /* @__PURE__ */ jsx("ul", {
+						className: "space-y-2",
+						children: [
+							"ContractSpec Core: open-source spec compiler",
+							"Working CLI and TypeScript runtime",
+							"Design partner pipeline open",
+							"Solo founder, bootstrapped"
+						].map((item) => /* @__PURE__ */ jsxs("li", {
+							className: "flex items-start gap-2",
+							children: [/* @__PURE__ */ jsx(Check, {
+								size: 16,
+								className: "mt-1 shrink-0 text-emerald-400"
+							}), /* @__PURE__ */ jsx(Small, { children: item })]
+						}, item))
+					})]
+				}), /* @__PURE__ */ jsxs(VStack, {
+					gap: "sm",
+					align: "start",
+					children: [/* @__PURE__ */ jsx(H3, {
+						className: "text-lg font-semibold text-blue-400",
+						children: "Planned"
+					}), /* @__PURE__ */ jsx("ul", {
+						className: "space-y-2",
+						children: [
+							"Visual studio for specs",
+							"Auto-evolution engine",
+							"Multi-tenant SaaS",
+							"Integration marketplace"
+						].map((item) => /* @__PURE__ */ jsxs("li", {
+							className: "flex items-start gap-2",
+							children: [/* @__PURE__ */ jsx(Target, {
+								size: 16,
+								className: "mt-1 shrink-0 text-blue-400"
+							}), /* @__PURE__ */ jsx(Small, { children: item })]
+						}, item))
+					})]
+				})]
+			})]
+		})
+	});
+}
+function RoleSection() {
+	return /* @__PURE__ */ jsx(MarketingSection, {
+		padding: "comfortable",
+		align: "center",
+		maxWidth: "lg",
+		children: /* @__PURE__ */ jsxs(VStack, {
+			gap: "lg",
+			children: [
+				/* @__PURE__ */ jsx(H2, {
+					className: "text-3xl font-bold",
+					children: "The role"
+				}),
+				/* @__PURE__ */ jsxs(VStack, {
+					gap: "md",
+					align: "start",
+					className: "w-full",
+					children: [
+						/* @__PURE__ */ jsx(H3, {
+							className: "text-xl font-semibold",
+							children: "Option A: GTM / Sales / Partnerships"
+						}),
+						/* @__PURE__ */ jsx(Muted, { children: "Weekly deliverables, not vague traits:" }),
+						/* @__PURE__ */ jsx("ul", {
+							className: "space-y-2",
+							children: [
+								"Run 5+ sales conversations per week",
+								"Own the design partner pipeline end-to-end",
+								"Write positioning copy that ships",
+								"Build and maintain partnership channels",
+								"Turn user feedback into roadmap signal"
+							].map((item) => /* @__PURE__ */ jsxs("li", {
+								className: "flex items-start gap-2",
+								children: [/* @__PURE__ */ jsx(Rocket, {
+									size: 16,
+									className: "mt-1 shrink-0 text-amber-400"
+								}), /* @__PURE__ */ jsx(Small, { children: item })]
+							}, item))
+						})
+					]
+				}),
+				/* @__PURE__ */ jsxs(VStack, {
+					gap: "md",
+					align: "start",
+					className: "w-full pt-4",
+					children: [
+						/* @__PURE__ */ jsx(H3, {
+							className: "text-xl font-semibold",
+							children: "Option B: Product / Design"
+						}),
+						/* @__PURE__ */ jsx(Muted, { children: "If this is your strength:" }),
+						/* @__PURE__ */ jsx("ul", {
+							className: "space-y-2",
+							children: [
+								"Ship UI/UX improvements weekly",
+								"Define specs based on user research",
+								"Own the studio experience",
+								"Collaborate on architecture decisions"
+							].map((item) => /* @__PURE__ */ jsxs("li", {
+								className: "flex items-start gap-2",
+								children: [/* @__PURE__ */ jsx(Rocket, {
+									size: 16,
+									className: "mt-1 shrink-0 text-purple-400"
+								}), /* @__PURE__ */ jsx(Small, { children: item })]
+							}, item))
+						})
+					]
+				})
+			]
+		})
+	});
+}
+function IdealCofounderSection() {
+	return /* @__PURE__ */ jsx(MarketingSection, {
+		padding: "comfortable",
+		align: "center",
+		maxWidth: "lg",
+		children: /* @__PURE__ */ jsxs(VStack, {
+			gap: "lg",
+			children: [
+				/* @__PURE__ */ jsx(H2, {
+					className: "text-3xl font-bold",
+					children: "The ideal co-founder"
+				}),
+				/* @__PURE__ */ jsx("ul", {
+					className: "space-y-3",
+					children: [
+						"You have shipped products people paid for — links or it didn't happen",
+						"You have sold something (product, consulting, yourself)",
+						"You write clearly and fast — emails, docs, copy",
+						"You have taste: you know good UX when you see it",
+						"You can work 6+ months without a salary",
+						"You are allergic to meetings that could be docs",
+						"You have built in public or contributed to open source",
+						"You are based in Europe or overlap significantly with CET"
+					].map((item) => /* @__PURE__ */ jsxs("li", {
+						className: "flex items-start gap-2",
+						children: [/* @__PURE__ */ jsx(Check, {
+							size: 16,
+							className: "mt-1 shrink-0 text-emerald-400"
+						}), /* @__PURE__ */ jsx(Small, { children: item })]
+					}, item))
+				}),
+				/* @__PURE__ */ jsx(Box, {
+					className: "border-border mt-4 rounded-lg border p-4",
+					children: /* @__PURE__ */ jsxs(VStack, {
+						gap: "sm",
+						align: "start",
+						children: [/* @__PURE__ */ jsx(H3, {
+							className: "text-lg font-semibold",
+							children: "Proof of work examples"
+						}), /* @__PURE__ */ jsx(Muted, {
+							className: "text-sm",
+							children: "GitHub profile, shipped product, writing (blog/Twitter/essays), revenue screenshot, open-source contributions, or anything that shows you execute."
+						})]
+					})
+				})
+			]
+		})
+	});
+}
+function WhatYouGetSection() {
+	return /* @__PURE__ */ jsx(MarketingSection, {
+		padding: "comfortable",
+		align: "center",
+		maxWidth: "lg",
+		children: /* @__PURE__ */ jsxs(VStack, {
+			gap: "lg",
+			children: [
+				/* @__PURE__ */ jsx(H2, {
+					className: "text-3xl font-bold",
+					children: "What you get"
+				}),
+				/* @__PURE__ */ jsx("div", {
+					className: "grid w-full gap-6 md:grid-cols-3",
+					children: [
+						{
+							icon: /* @__PURE__ */ jsx(Percent, {
+								size: 20,
+								className: "text-emerald-400"
+							}),
+							title: "Equity-first",
+							desc: "Meaningful co-founder equity. Salary is minimal/zero until revenue covers it."
+						},
+						{
+							icon: /* @__PURE__ */ jsx(Users, {
+								size: 20,
+								className: "text-blue-400"
+							}),
+							title: "Real ownership",
+							desc: "You own your domain. No permission-seeking. Ship and iterate."
+						},
+						{
+							icon: /* @__PURE__ */ jsx(MessageSquare, {
+								size: 20,
+								className: "text-amber-400"
+							}),
+							title: "Written-first decisions",
+							desc: "We default to async, docs, and fast decisions. Meetings are last resort."
+						}
+					].map((b) => /* @__PURE__ */ jsxs(VStack, {
+						gap: "sm",
+						align: "start",
+						className: "border-border rounded-lg border p-4",
+						children: [
+							b.icon,
+							/* @__PURE__ */ jsx(H3, {
+								className: "text-lg font-semibold",
+								children: b.title
+							}),
+							/* @__PURE__ */ jsx(Muted, {
+								className: "text-sm",
+								children: b.desc
+							})
+						]
+					}, b.title))
+				}),
+				/* @__PURE__ */ jsxs(VStack, {
+					gap: "sm",
+					align: "start",
+					className: "w-full pt-4",
+					children: [/* @__PURE__ */ jsx(H3, {
+						className: "text-lg font-semibold",
+						children: "Our values"
+					}), /* @__PURE__ */ jsx(HStack, {
+						gap: "sm",
+						wrap: "wrap",
+						children: [
+							"Contracts over conventions",
+							"Clarity over cleverness",
+							"Safety over speed (in code)",
+							"Leverage over labor"
+						].map((v) => /* @__PURE__ */ jsx(Box, {
+							className: "border-border rounded-full border px-3 py-1 text-sm",
+							children: v
+						}, v))
+					})]
+				})
+			]
+		})
+	});
+}
+function RedFlagsSection() {
+	return /* @__PURE__ */ jsx(MarketingSection, {
+		padding: "comfortable",
+		align: "center",
+		maxWidth: "lg",
+		children: /* @__PURE__ */ jsxs(VStack, {
+			gap: "lg",
+			children: [
+				/* @__PURE__ */ jsx(H2, {
+					className: "text-3xl font-bold",
+					children: "Non-negotiables / red flags"
+				}),
+				/* @__PURE__ */ jsx(Muted, { children: "If any of these apply, this is not the right fit:" }),
+				/* @__PURE__ */ jsx("ul", {
+					className: "space-y-2",
+					children: [
+						"Needs a big salary now",
+						"Hates selling or talking to users",
+						"Vague about past execution",
+						"Wants to \"advise\" instead of build",
+						"Needs a big team to feel productive",
+						"Cannot write clearly"
+					].map((item) => /* @__PURE__ */ jsxs("li", {
+						className: "flex items-start gap-2",
+						children: [/* @__PURE__ */ jsx(X, {
+							size: 16,
+							className: "mt-1 shrink-0 text-red-400"
+						}), /* @__PURE__ */ jsx(Small, { children: item })]
+					}, item))
+				})
+			]
+		})
+	});
+}
+function FAQSection() {
+	return /* @__PURE__ */ jsx(MarketingSection, {
+		padding: "comfortable",
+		align: "center",
+		maxWidth: "lg",
+		children: /* @__PURE__ */ jsxs(VStack, {
+			gap: "lg",
+			children: [/* @__PURE__ */ jsx(H2, {
+				className: "text-3xl font-bold",
+				children: "FAQ"
+			}), /* @__PURE__ */ jsx(VStack, {
+				gap: "md",
+				className: "w-full",
+				children: [
+					{
+						icon: /* @__PURE__ */ jsx(Users, { size: 18 }),
+						q: "Why co-founder instead of hiring?",
+						a: "I need a partner who thinks like an owner, not an employee. Someone who will stay when things get hard and share in the upside when they don't."
+					},
+					{
+						icon: /* @__PURE__ */ jsx(Clock, { size: 18 }),
+						q: "What is the timeline to revenue?",
+						a: "Design partners are converting now. Goal: paying customers in 2025. But this is startup life — timelines are best guesses."
+					},
+					{
+						icon: /* @__PURE__ */ jsx(MapPin, { size: 18 }),
+						q: "Is this remote?",
+						a: "Yes. Async-first. Occasional in-person (Paris-based) for planning. Europe timezone overlap strongly preferred."
+					},
+					{
+						icon: /* @__PURE__ */ jsx(Percent, { size: 18 }),
+						q: "How much equity?",
+						a: "Depends on what you bring, when you join, and how much you can commit. Expect meaningful co-founder equity with 4-year vesting. We will discuss specifics in person."
+					}
+				].map((faq) => /* @__PURE__ */ jsxs(VStack, {
+					gap: "xs",
+					align: "start",
+					className: "border-border w-full rounded-lg border p-4",
+					children: [/* @__PURE__ */ jsxs(HStack, {
+						gap: "sm",
+						align: "center",
+						children: [/* @__PURE__ */ jsx("span", {
+							className: "text-muted-foreground",
+							children: faq.icon
+						}), /* @__PURE__ */ jsx(H3, {
+							className: "text-lg font-semibold",
+							children: faq.q
+						})]
+					}), /* @__PURE__ */ jsx(Muted, { children: faq.a })]
+				}, faq.q))
+			})]
+		})
+	});
+}
+function FinalCtaSection() {
+	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-3xl font-bold md:text-4xl",
+					children: "Ready to talk?"
+				}),
+				/* @__PURE__ */ jsx(Lead, {
+					className: "text-muted-foreground max-w-xl",
+					children: "Send an email with: your LinkedIn, 2 proof-of-work links, why ContractSpec, and what you would own in the first 90 days."
+				}),
+				/* @__PURE__ */ jsxs(HStack, {
+					gap: "md",
+					justify: "center",
+					wrap: "wrap",
+					className: "pt-2",
+					children: [/* @__PURE__ */ jsx(ButtonLink, {
+						href: mailtoLink,
+						children: "Talk about co-founding"
+					}), /* @__PURE__ */ jsx(ButtonLink, {
+						variant: "ghost",
+						href: "/contact",
+						children: "Become a design partner"
+					})]
+				}),
+				/* @__PURE__ */ jsx(Muted, {
+					className: "pt-4 text-sm",
+					children: "CHAMAN VENTURES, SASU · RCS Paris · SIREN 989 498 902 · 229 rue Saint-Honoré, 75001 Paris"
+				})
+			]
+		})
+	});
+}
+function CofounderPage() {
+	return /* @__PURE__ */ jsxs(VStack, {
+		as: "main",
+		gap: "none",
+		children: [
+			/* @__PURE__ */ jsx(HeroSection, {}),
+			/* @__PURE__ */ jsx(WhatExistsSection, {}),
+			/* @__PURE__ */ jsx(RoleSection, {}),
+			/* @__PURE__ */ jsx(IdealCofounderSection, {}),
+			/* @__PURE__ */ jsx(WhatYouGetSection, {}),
+			/* @__PURE__ */ jsx(RedFlagsSection, {}),
+			/* @__PURE__ */ jsx(FAQSection, {}),
+			/* @__PURE__ */ jsx(FinalCtaSection, {})
+		]
+	});
+}
+
+//#endregion
+export { CofounderPage };
+//# sourceMappingURL=CofounderPage.js.map