@contractspec/bundle.marketing 1.12.0

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

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

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

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

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

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

package/dist/components/marketing/ContactClient.js

@@ -0,0 +1,158 @@
+'use client';
+
+import { WaitlistSection } from "./waitlist-section.js";
+import { submitContactForm } from "../../libs/email/contact.js";
+import { HStack, VStack } from "@contractspec/lib.ui-kit-web/ui/stack";
+import { ActionForm, Button, Input, Textarea } from "@contractspec/lib.design-system";
+import { H1, H2, Muted, Small } from "@contractspec/lib.ui-kit-web/ui/typography";
+import { AlertCircle, Calendar, CheckCircle, MessageSquare } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useActionState } from "react";
+
+//#region src/components/marketing/ContactClient.tsx
+function ContactClient() {
+	const handleContactSubmit = async (_prevState, formData) => {
+		const result = await submitContactForm(formData);
+		if (result.success) return {
+			success: true,
+			text: "Message sent successfully! We'll get back to you soon."
+		};
+		else return {
+			success: false,
+			text: result.text || "Failed to send message. Please try again."
+		};
+	};
+	const [contactResult, contactAction, contactPending] = useActionState(handleContactSubmit, null);
+	return /* @__PURE__ */ jsx("section", {
+		className: "section-padding hero-gradient w-full",
+		children: /* @__PURE__ */ jsxs(VStack, {
+			className: "mx-auto max-w-4xl gap-16",
+			children: [
+				/* @__PURE__ */ jsxs(VStack, {
+					className: "gap-4 text-center",
+					children: [/* @__PURE__ */ jsx(H1, {
+						className: "text-5xl font-bold",
+						children: "Get in touch"
+					}), /* @__PURE__ */ jsx(Muted, {
+						className: "text-lg",
+						children: "Choose how you'd like to connect with us"
+					})]
+				}),
+				/* @__PURE__ */ jsx(WaitlistSection, { context: "contact" }),
+				/* @__PURE__ */ jsxs(VStack, {
+					className: "card-subtle gap-6 p-8",
+					id: "call",
+					children: [/* @__PURE__ */ jsxs(HStack, {
+						className: "items-center gap-3",
+						children: [/* @__PURE__ */ jsx(Calendar, {
+							className: "text-blue-400",
+							size: 24
+						}), /* @__PURE__ */ jsxs(VStack, {
+							className: "items-start gap-1",
+							children: [/* @__PURE__ */ jsx(H2, {
+								className: "text-2xl font-bold",
+								children: "Book a 20-min call"
+							}), /* @__PURE__ */ jsx(Muted, {
+								className: "text-sm",
+								children: "Schedule a walkthrough with our team to see ContractSpec in action"
+							})]
+						})]
+					}), /* @__PURE__ */ jsx("div", {
+						className: "border-border overflow-hidden rounded-lg border",
+						children: /* @__PURE__ */ jsx("object", {
+							data: "https://meet.reclaimai.com/e/f863cb29-caac-44b6-972b-1407dd9545a3",
+							width: "100%",
+							height: "700px",
+							style: { outline: "none" },
+							"aria-label": "Calendar booking widget"
+						})
+					})]
+				}),
+				/* @__PURE__ */ jsxs(VStack, {
+					className: "card-subtle gap-6 p-8",
+					id: "message",
+					children: [/* @__PURE__ */ jsxs(HStack, {
+						className: "items-center gap-3",
+						children: [/* @__PURE__ */ jsx(MessageSquare, {
+							className: "text-emerald-400",
+							size: 24
+						}), /* @__PURE__ */ jsxs(VStack, {
+							className: "items-start gap-1",
+							children: [/* @__PURE__ */ jsx(H2, {
+								className: "text-2xl font-bold",
+								children: "Send us a message"
+							}), /* @__PURE__ */ jsx(Muted, {
+								className: "text-sm",
+								children: "Have questions or feedback? We'd love to hear from you"
+							})]
+						})]
+					}), /* @__PURE__ */ jsx(ActionForm, {
+						action: contactAction,
+						children: /* @__PURE__ */ jsxs(VStack, {
+							className: "gap-4",
+							children: [
+								/* @__PURE__ */ jsxs(VStack, {
+									className: "gap-2",
+									children: [/* @__PURE__ */ jsx(Small, {
+										className: "text-sm font-medium",
+										children: "Name"
+									}), /* @__PURE__ */ jsx(Input, {
+										id: "contact-name",
+										name: "name",
+										type: "text",
+										placeholder: "Your name",
+										disabled: contactPending || contactResult?.success,
+										required: true
+									})]
+								}),
+								/* @__PURE__ */ jsxs(VStack, {
+									className: "gap-2",
+									children: [/* @__PURE__ */ jsx(Small, {
+										className: "text-sm font-medium",
+										children: "Email"
+									}), /* @__PURE__ */ jsx(Input, {
+										id: "contact-email",
+										name: "email",
+										type: "email",
+										keyboard: { kind: "email" },
+										placeholder: "your@email.com",
+										disabled: contactPending || contactResult?.success,
+										required: true
+									})]
+								}),
+								/* @__PURE__ */ jsxs(VStack, {
+									className: "gap-2",
+									children: [/* @__PURE__ */ jsx(Small, {
+										className: "text-sm font-medium",
+										children: "Message"
+									}), /* @__PURE__ */ jsx(Textarea, {
+										id: "contact-message",
+										name: "message",
+										placeholder: "Tell us what's on your mind...",
+										disabled: contactPending || contactResult?.success,
+										rows: 6,
+										required: true
+									})]
+								}),
+								contactResult && !contactPending && /* @__PURE__ */ jsxs(HStack, {
+									className: `items-center gap-2 rounded-lg p-3 text-sm ${contactResult.success ? "border border-green-500/20 bg-green-500/10 text-green-400" : "border border-red-500/20 bg-red-500/10 text-red-400"}`,
+									children: [contactResult.success ? /* @__PURE__ */ jsx(CheckCircle, { size: 16 }) : /* @__PURE__ */ jsx(AlertCircle, { size: 16 }), /* @__PURE__ */ jsx(Small, { children: contactResult.text })]
+								}),
+								/* @__PURE__ */ jsx(Button, {
+									type: "submit",
+									disabled: contactPending || contactResult?.success,
+									className: "w-full",
+									children: contactPending ? "Sending..." : "Send message"
+								})
+							]
+						})
+					})]
+				})
+			]
+		})
+	});
+}
+
+//#endregion
+export { ContactClient };
+//# sourceMappingURL=ContactClient.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ContactClient.js","names":[],"sources":["../../../src/components/marketing/ContactClient.tsx"],"sourcesContent":["'use client';\n\nimport { useActionState } from 'react';\nimport {\n  Calendar,\n  MessageSquare,\n  CheckCircle,\n  AlertCircle,\n} from 'lucide-react';\nimport { submitContactForm } from '../../libs/email/contact';\nimport type { SubmitContactFormResult } from '../../libs/email/types'; // Assuming these are exported from root or similar, need to check where submitContactForm lives.\n// Wait check imports again. submitContactForm is imported from @contractspec/bundle.marketing.\n// In bundle.marketing, it is likely in 'src/actions' or 'src/utils'.\n// I need to check where submitContactForm is defined in bundle.marketing.\nimport { WaitlistSection } from './waitlist-section';\nimport {\n  ActionForm,\n  Button,\n  Input,\n  Textarea,\n} from '@contractspec/lib.design-system';\nimport { VStack, HStack } from '@contractspec/lib.ui-kit-web/ui/stack';\nimport {\n  H2,\n  H1,\n  Small,\n  Muted,\n} from '@contractspec/lib.ui-kit-web/ui/typography';\n\nexport function ContactClient() {\n  // Contact form handler\n  const handleContactSubmit = async (\n    _prevState: SubmitContactFormResult | null,\n    formData: FormData\n  ): Promise<SubmitContactFormResult> => {\n    const result = await submitContactForm(formData);\n\n    if (result.success) {\n      return {\n        success: true,\n        text: \"Message sent successfully! We'll get back to you soon.\",\n      };\n    } else {\n      return {\n        success: false,\n        text: result.text || 'Failed to send message. Please try again.',\n      };\n    }\n  };\n\n  const [contactResult, contactAction, contactPending] = useActionState<\n    SubmitContactFormResult | null,\n    FormData\n  >(handleContactSubmit, null);\n\n  return (\n    <section className=\"section-padding hero-gradient w-full\">\n      <VStack className=\"mx-auto max-w-4xl gap-16\">\n        <VStack className=\"gap-4 text-center\">\n          <H1 className=\"text-5xl font-bold\">Get in touch</H1>\n          <Muted className=\"text-lg\">\n            Choose how you'd like to connect with us\n          </Muted>\n        </VStack>\n\n        {/* Waitlist Registration Section */}\n        <WaitlistSection context=\"contact\" />\n\n        {/* Book a Call Section */}\n        <VStack className=\"card-subtle gap-6 p-8\" id=\"call\">\n          <HStack className=\"items-center gap-3\">\n            <Calendar className=\"text-blue-400\" size={24} />\n            <VStack className=\"items-start gap-1\">\n              <H2 className=\"text-2xl font-bold\">Book a 20-min call</H2>\n              <Muted className=\"text-sm\">\n                Schedule a walkthrough with our team to see ContractSpec in\n                action\n              </Muted>\n            </VStack>\n          </HStack>\n\n          <div className=\"border-border overflow-hidden rounded-lg border\">\n            <object\n              data=\"https://meet.reclaimai.com/e/f863cb29-caac-44b6-972b-1407dd9545a3\"\n              width=\"100%\"\n              height=\"700px\"\n              style={{ outline: 'none' }}\n              aria-label=\"Calendar booking widget\"\n            />\n          </div>\n        </VStack>\n\n        {/* Send Message Section */}\n        <VStack className=\"card-subtle gap-6 p-8\" id=\"message\">\n          <HStack className=\"items-center gap-3\">\n            <MessageSquare className=\"text-emerald-400\" size={24} />\n            <VStack className=\"items-start gap-1\">\n              <H2 className=\"text-2xl font-bold\">Send us a message</H2>\n              <Muted className=\"text-sm\">\n                Have questions or feedback? We'd love to hear from you\n              </Muted>\n            </VStack>\n          </HStack>\n\n          <ActionForm action={contactAction}>\n            <VStack className=\"gap-4\">\n              <VStack className=\"gap-2\">\n                <Small className=\"text-sm font-medium\">Name</Small>\n                <Input\n                  id=\"contact-name\"\n                  name=\"name\"\n                  type=\"text\"\n                  placeholder=\"Your name\"\n                  disabled={contactPending || contactResult?.success}\n                  required\n                />\n              </VStack>\n\n              <VStack className=\"gap-2\">\n                <Small className=\"text-sm font-medium\">Email</Small>\n                <Input\n                  id=\"contact-email\"\n                  name=\"email\"\n                  type=\"email\"\n                  keyboard={{ kind: 'email' }}\n                  placeholder=\"your@email.com\"\n                  disabled={contactPending || contactResult?.success}\n                  required\n                />\n              </VStack>\n\n              <VStack className=\"gap-2\">\n                <Small className=\"text-sm font-medium\">Message</Small>\n                <Textarea\n                  id=\"contact-message\"\n                  name=\"message\"\n                  placeholder=\"Tell us what's on your mind...\"\n                  disabled={contactPending || contactResult?.success}\n                  rows={6}\n                  required\n                />\n              </VStack>\n\n              {contactResult && !contactPending && (\n                <HStack\n                  className={`items-center gap-2 rounded-lg p-3 text-sm ${\n                    contactResult.success\n                      ? 'border border-green-500/20 bg-green-500/10 text-green-400'\n                      : 'border border-red-500/20 bg-red-500/10 text-red-400'\n                  }`}\n                >\n                  {contactResult.success ? (\n                    <CheckCircle size={16} />\n                  ) : (\n                    <AlertCircle size={16} />\n                  )}\n                  <Small>{contactResult.text}</Small>\n                </HStack>\n              )}\n\n              <Button\n                type=\"submit\"\n                disabled={contactPending || contactResult?.success}\n                className=\"w-full\"\n              >\n                {contactPending ? 'Sending...' : 'Send message'}\n              </Button>\n            </VStack>\n          </ActionForm>\n        </VStack>\n      </VStack>\n    </section>\n  );\n}\n"],"mappings":";;;;;;;;;;;;AA6BA,SAAgB,gBAAgB;CAE9B,MAAM,sBAAsB,OAC1B,YACA,aACqC;EACrC,MAAM,SAAS,MAAM,kBAAkB,SAAS;AAEhD,MAAI,OAAO,QACT,QAAO;GACL,SAAS;GACT,MAAM;GACP;MAED,QAAO;GACL,SAAS;GACT,MAAM,OAAO,QAAQ;GACtB;;CAIL,MAAM,CAAC,eAAe,eAAe,kBAAkB,eAGrD,qBAAqB,KAAK;AAE5B,QACE,oBAAC;EAAQ,WAAU;YACjB,qBAAC;GAAO,WAAU;;IAChB,qBAAC;KAAO,WAAU;gBAChB,oBAAC;MAAG,WAAU;gBAAqB;OAAiB,EACpD,oBAAC;MAAM,WAAU;gBAAU;OAEnB;MACD;IAGT,oBAAC,mBAAgB,SAAQ,YAAY;IAGrC,qBAAC;KAAO,WAAU;KAAwB,IAAG;gBAC3C,qBAAC;MAAO,WAAU;iBAChB,oBAAC;OAAS,WAAU;OAAgB,MAAM;QAAM,EAChD,qBAAC;OAAO,WAAU;kBAChB,oBAAC;QAAG,WAAU;kBAAqB;SAAuB,EAC1D,oBAAC;QAAM,WAAU;kBAAU;SAGnB;QACD;OACF,EAET,oBAAC;MAAI,WAAU;gBACb,oBAAC;OACC,MAAK;OACL,OAAM;OACN,QAAO;OACP,OAAO,EAAE,SAAS,QAAQ;OAC1B,cAAW;QACX;OACE;MACC;IAGT,qBAAC;KAAO,WAAU;KAAwB,IAAG;gBAC3C,qBAAC;MAAO,WAAU;iBAChB,oBAAC;OAAc,WAAU;OAAmB,MAAM;QAAM,EACxD,qBAAC;OAAO,WAAU;kBAChB,oBAAC;QAAG,WAAU;kBAAqB;SAAsB,EACzD,oBAAC;QAAM,WAAU;kBAAU;SAEnB;QACD;OACF,EAET,oBAAC;MAAW,QAAQ;gBAClB,qBAAC;OAAO,WAAU;;QAChB,qBAAC;SAAO,WAAU;oBAChB,oBAAC;UAAM,WAAU;oBAAsB;WAAY,EACnD,oBAAC;UACC,IAAG;UACH,MAAK;UACL,MAAK;UACL,aAAY;UACZ,UAAU,kBAAkB,eAAe;UAC3C;WACA;UACK;QAET,qBAAC;SAAO,WAAU;oBAChB,oBAAC;UAAM,WAAU;oBAAsB;WAAa,EACpD,oBAAC;UACC,IAAG;UACH,MAAK;UACL,MAAK;UACL,UAAU,EAAE,MAAM,SAAS;UAC3B,aAAY;UACZ,UAAU,kBAAkB,eAAe;UAC3C;WACA;UACK;QAET,qBAAC;SAAO,WAAU;oBAChB,oBAAC;UAAM,WAAU;oBAAsB;WAAe,EACtD,oBAAC;UACC,IAAG;UACH,MAAK;UACL,aAAY;UACZ,UAAU,kBAAkB,eAAe;UAC3C,MAAM;UACN;WACA;UACK;QAER,iBAAiB,CAAC,kBACjB,qBAAC;SACC,WAAW,6CACT,cAAc,UACV,8DACA;oBAGL,cAAc,UACb,oBAAC,eAAY,MAAM,KAAM,GAEzB,oBAAC,eAAY,MAAM,KAAM,EAE3B,oBAAC,mBAAO,cAAc,OAAa;UAC5B;QAGX,oBAAC;SACC,MAAK;SACL,UAAU,kBAAkB,eAAe;SAC3C,WAAU;mBAET,iBAAiB,eAAe;UAC1B;;QACF;OACE;MACN;;IACF;GACD"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"ContributePage.d.ts","names":[],"sources":["../../../src/components/marketing/ContributePage.tsx"],"mappings":";;;;cAEa,QAAA,EAAU,QAAA;AAAA,iBAeP,cAAA,CAAA,GAAc,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/components/marketing/ContributePage.js

@@ -0,0 +1,362 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/components/marketing/ContributePage.tsx
+const metadata = {
+	title: "Contribute to ContractSpec",
+	description: "Join the ContractSpec open-source community. Report issues, improve docs, build integrations, and help shape the future of spec-first development.",
+	openGraph: {
+		title: "Contribute to ContractSpec",
+		description: "Get started contributing in under 3 minutes. Docs, examples, integrations, and more.",
+		url: "https://contractspec.io/contribute"
+	},
+	alternates: { canonical: "https://contractspec.io/contribute" }
+};
+function ContributePage() {
+	return /* @__PURE__ */ jsx("main", {
+		className: "flex grow flex-col items-center justify-center",
+		children: /* @__PURE__ */ jsx("section", {
+			className: "section-padding",
+			children: /* @__PURE__ */ jsxs("div", {
+				className: "prose prose-invert mx-auto max-w-2xl",
+				children: [
+					/* @__PURE__ */ jsx("h1", {
+						className: "mb-8 text-4xl font-bold",
+						children: "Contribute to ContractSpec"
+					}),
+					/* @__PURE__ */ jsxs("div", {
+						className: "not-prose border-border bg-muted/30 mb-12 rounded-lg border p-6",
+						children: [/* @__PURE__ */ jsx("h2", {
+							className: "text-foreground mb-4 text-xl font-bold",
+							children: "⚡ Quick Start — 3 Minutes to Your First Contribution"
+						}), /* @__PURE__ */ jsxs("ol", {
+							className: "text-muted-foreground list-inside list-decimal space-y-2",
+							children: [
+								/* @__PURE__ */ jsxs("li", { children: [
+									"Read the",
+									" ",
+									/* @__PURE__ */ jsx("a", {
+										href: "https://github.com/contractspec/contractspec/blob/main/CONTRIBUTING.md",
+										className: "text-primary hover:underline",
+										target: "_blank",
+										rel: "noopener noreferrer",
+										children: "CONTRIBUTING guide"
+									})
+								] }),
+								/* @__PURE__ */ jsxs("li", { children: [
+									"Pick a",
+									" ",
+									/* @__PURE__ */ jsx("a", {
+										href: "https://github.com/contractspec/contractspec/labels/good%20first%20issue",
+										className: "text-primary hover:underline",
+										target: "_blank",
+										rel: "noopener noreferrer",
+										children: "good first issue"
+									}),
+									" ",
+									"or",
+									" ",
+									/* @__PURE__ */ jsx("a", {
+										href: "https://github.com/contractspec/contractspec/labels/help%20wanted",
+										className: "text-primary hover:underline",
+										target: "_blank",
+										rel: "noopener noreferrer",
+										children: "help wanted"
+									}),
+									" ",
+									"label"
+								] }),
+								/* @__PURE__ */ jsx("li", { children: "Open a draft PR early — we'll guide you from there" })
+							]
+						})]
+					}),
+					/* @__PURE__ */ jsxs("section", {
+						className: "mb-10 space-y-4",
+						children: [/* @__PURE__ */ jsx("h2", {
+							className: "text-foreground text-2xl font-bold",
+							children: "Why Open Source?"
+						}), /* @__PURE__ */ jsxs("ul", {
+							className: "text-muted-foreground list-inside list-disc space-y-2",
+							children: [
+								/* @__PURE__ */ jsxs("li", { children: [/* @__PURE__ */ jsx("strong", { children: "Transparency:" }), " You can see exactly how your code is compiled and deployed"] }),
+								/* @__PURE__ */ jsxs("li", { children: [/* @__PURE__ */ jsx("strong", { children: "Trust:" }), " No black boxes — audit the compiler that shapes your AI-generated code"] }),
+								/* @__PURE__ */ jsxs("li", { children: [/* @__PURE__ */ jsx("strong", { children: "Faster ecosystem:" }), " Community contributions accelerate adoption and surface real-world edge cases"] }),
+								/* @__PURE__ */ jsxs("li", { children: [/* @__PURE__ */ jsx("strong", { children: "Community review:" }), " More eyes catch more bugs, and better patterns emerge"] }),
+								/* @__PURE__ */ jsxs("li", { children: [/* @__PURE__ */ jsx("strong", { children: "No lock-in:" }), " You own your code. The spec is portable."] })
+							]
+						})]
+					}),
+					/* @__PURE__ */ jsxs("section", {
+						className: "mb-10 space-y-4",
+						children: [/* @__PURE__ */ jsx("h2", {
+							className: "text-foreground text-2xl font-bold",
+							children: "Where to Contribute"
+						}), /* @__PURE__ */ jsxs("ul", {
+							className: "text-muted-foreground list-inside list-disc space-y-2",
+							children: [
+								/* @__PURE__ */ jsxs("li", { children: [
+									/* @__PURE__ */ jsx("a", {
+										href: "https://github.com/contractspec",
+										className: "text-primary hover:underline",
+										target: "_blank",
+										rel: "noopener noreferrer",
+										children: "GitHub Organization"
+									}),
+									" ",
+									"— All repos live here"
+								] }),
+								/* @__PURE__ */ jsxs("li", { children: [
+									/* @__PURE__ */ jsx("a", {
+										href: "https://github.com/contractspec/contractspec",
+										className: "text-primary hover:underline",
+										target: "_blank",
+										rel: "noopener noreferrer",
+										children: "Main Repository"
+									}),
+									" ",
+									"— Core compiler and specs"
+								] }),
+								/* @__PURE__ */ jsxs("li", { children: [
+									/* @__PURE__ */ jsx("a", {
+										href: "https://github.com/contractspec/contractspec/discussions",
+										className: "text-primary hover:underline",
+										target: "_blank",
+										rel: "noopener noreferrer",
+										children: "Discussions"
+									}),
+									" ",
+									"— Questions, ideas, and RFCs"
+								] })
+							]
+						})]
+					}),
+					/* @__PURE__ */ jsxs("section", {
+						className: "mb-10 space-y-4",
+						children: [/* @__PURE__ */ jsx("h2", {
+							className: "text-foreground text-2xl font-bold",
+							children: "Ways to Contribute"
+						}), /* @__PURE__ */ jsxs("div", {
+							className: "text-muted-foreground space-y-3",
+							children: [
+								/* @__PURE__ */ jsxs("p", { children: [
+									/* @__PURE__ */ jsx("strong", {
+										className: "text-foreground",
+										children: "📄 Documentation:"
+									}),
+									" ",
+									"Fix typos, improve explanations, add missing guides"
+								] }),
+								/* @__PURE__ */ jsxs("p", { children: [
+									/* @__PURE__ */ jsx("strong", {
+										className: "text-foreground",
+										children: "📦 Examples & Templates:"
+									}),
+									" ",
+									"Build real-world specs for common use cases"
+								] }),
+								/* @__PURE__ */ jsxs("p", { children: [
+									/* @__PURE__ */ jsx("strong", {
+										className: "text-foreground",
+										children: "🔌 Integrations & Adapters:"
+									}),
+									" ",
+									"Connect ContractSpec to frameworks, databases, and tools"
+								] }),
+								/* @__PURE__ */ jsxs("p", { children: [
+									/* @__PURE__ */ jsx("strong", {
+										className: "text-foreground",
+										children: "🐛 Bug Reports:"
+									}),
+									" ",
+									"File issues with clear reproduction steps — minimal cases help the most"
+								] }),
+								/* @__PURE__ */ jsxs("p", { children: [
+									/* @__PURE__ */ jsx("strong", {
+										className: "text-foreground",
+										children: "🔒 Security Reports:"
+									}),
+									" ",
+									"Found a vulnerability? See",
+									" ",
+									/* @__PURE__ */ jsx("a", {
+										href: "#security",
+										className: "text-primary hover:underline",
+										children: "Security"
+									}),
+									" ",
+									"below"
+								] })
+							]
+						})]
+					}),
+					/* @__PURE__ */ jsxs("section", {
+						className: "mb-10 space-y-4",
+						children: [
+							/* @__PURE__ */ jsx("h2", {
+								className: "text-foreground text-2xl font-bold",
+								children: "Quality Bar"
+							}),
+							/* @__PURE__ */ jsx("p", {
+								className: "text-muted-foreground",
+								children: "We keep the bar high so the codebase stays maintainable. Every PR should:"
+							}),
+							/* @__PURE__ */ jsxs("ul", {
+								className: "text-muted-foreground list-inside list-disc space-y-2",
+								children: [
+									/* @__PURE__ */ jsxs("li", { children: [/* @__PURE__ */ jsx("strong", { children: "Include tests" }), " — Unit tests for logic, integration tests for adapters"] }),
+									/* @__PURE__ */ jsxs("li", { children: [
+										/* @__PURE__ */ jsx("strong", { children: "Be fully typed" }),
+										" — No ",
+										/* @__PURE__ */ jsx("code", { children: "any" }),
+										". Strict TypeScript only."
+									] }),
+									/* @__PURE__ */ jsxs("li", { children: [/* @__PURE__ */ jsx("strong", { children: "Stay small" }), " — One concern per PR. Easier to review, faster to merge."] }),
+									/* @__PURE__ */ jsxs("li", { children: [/* @__PURE__ */ jsx("strong", { children: "Use clear commit messages" }), " — Describe _what_ and _why_, not just _how_"] })
+								]
+							}),
+							/* @__PURE__ */ jsxs("div", {
+								className: "bg-muted/20 mt-4 rounded-md p-4",
+								children: [/* @__PURE__ */ jsx("h3", {
+									className: "text-foreground mb-2 font-semibold",
+									children: "Spec-First Mindset"
+								}), /* @__PURE__ */ jsx("p", {
+									className: "text-muted-foreground text-sm",
+									children: "ContractSpec exists to enforce contracts between humans, AI, and code. When contributing, think spec-first: define the behavior before the implementation. A well-defined spec makes changes safe to regenerate and easy to validate."
+								})]
+							})
+						]
+					}),
+					/* @__PURE__ */ jsxs("section", {
+						className: "mb-10 space-y-4",
+						children: [
+							/* @__PURE__ */ jsx("h2", {
+								className: "text-foreground text-2xl font-bold",
+								children: "Governance & Decision Making"
+							}),
+							/* @__PURE__ */ jsxs("p", {
+								className: "text-muted-foreground",
+								children: [
+									"ContractSpec uses a",
+									" ",
+									/* @__PURE__ */ jsx("strong", {
+										className: "text-foreground",
+										children: "founder-led maintainer model"
+									}),
+									":"
+								]
+							}),
+							/* @__PURE__ */ jsxs("ul", {
+								className: "text-muted-foreground list-inside list-disc space-y-2",
+								children: [
+									/* @__PURE__ */ jsx("li", { children: "The founder has final say on significant decisions — for now" }),
+									/* @__PURE__ */ jsx("li", { children: "All reasoning is shared publicly in issues or PRs" }),
+									/* @__PURE__ */ jsx("li", { children: "Community input shapes direction; we don't merge in silence" }),
+									/* @__PURE__ */ jsx("li", { children: "This model may evolve as the project matures and trusted maintainers emerge" })
+								]
+							})
+						]
+					}),
+					/* @__PURE__ */ jsxs("section", {
+						className: "mb-10 space-y-4",
+						id: "security",
+						children: [
+							/* @__PURE__ */ jsx("h2", {
+								className: "text-foreground text-2xl font-bold",
+								children: "Security"
+							}),
+							/* @__PURE__ */ jsxs("p", {
+								className: "text-muted-foreground",
+								children: [
+									"If you discover a security vulnerability, please",
+									" ",
+									/* @__PURE__ */ jsx("strong", {
+										className: "text-foreground",
+										children: "do not"
+									}),
+									" open a public issue."
+								]
+							}),
+							/* @__PURE__ */ jsxs("p", {
+								className: "text-muted-foreground",
+								children: [
+									"Instead, email us at",
+									" ",
+									/* @__PURE__ */ jsx("a", {
+										href: "mailto:security@contractspec.io",
+										className: "text-primary hover:underline",
+										children: "security@contractspec.io"
+									}),
+									" ",
+									"with:"
+								]
+							}),
+							/* @__PURE__ */ jsxs("ul", {
+								className: "text-muted-foreground list-inside list-disc space-y-2",
+								children: [
+									/* @__PURE__ */ jsx("li", { children: "A clear description of the vulnerability" }),
+									/* @__PURE__ */ jsx("li", { children: "Steps to reproduce" }),
+									/* @__PURE__ */ jsx("li", { children: "Potential impact" })
+								]
+							}),
+							/* @__PURE__ */ jsx("p", {
+								className: "text-muted-foreground",
+								children: "We'll acknowledge within 48 hours and work with you to coordinate disclosure."
+							})
+						]
+					}),
+					/* @__PURE__ */ jsxs("section", {
+						className: "mb-10 space-y-4",
+						children: [/* @__PURE__ */ jsx("h2", {
+							className: "text-foreground text-2xl font-bold",
+							children: "Code of Conduct"
+						}), /* @__PURE__ */ jsxs("p", {
+							className: "text-muted-foreground",
+							children: [
+								"We expect all contributors to follow our",
+								" ",
+								/* @__PURE__ */ jsx("a", {
+									href: "https://github.com/contractspec/contractspec/blob/main/CODE_OF_CONDUCT.md",
+									className: "text-primary hover:underline",
+									target: "_blank",
+									rel: "noopener noreferrer",
+									children: "Code of Conduct"
+								}),
+								". Be respectful, constructive, and assume good intent."
+							]
+						})]
+					}),
+					/* @__PURE__ */ jsxs("section", {
+						className: "border-border mt-12 space-y-4 border-t pt-8",
+						children: [
+							/* @__PURE__ */ jsx("h2", {
+								className: "text-foreground text-2xl font-bold",
+								children: "Want to Go Deeper?"
+							}),
+							/* @__PURE__ */ jsx("p", {
+								className: "text-muted-foreground",
+								children: "If you're considering a long-term commitment to ContractSpec — reviewing PRs regularly, shaping roadmap, mentoring new contributors — we'd love to talk."
+							}),
+							/* @__PURE__ */ jsxs("p", {
+								className: "text-muted-foreground",
+								children: [
+									"This isn't a job offer. It's an invitation to help build something meaningful together. Reach out at",
+									" ",
+									/* @__PURE__ */ jsx("a", {
+										href: "mailto:maintainers@contractspec.io",
+										className: "text-primary hover:underline",
+										children: "maintainers@contractspec.io"
+									}),
+									" ",
+									"and tell us what you'd bring to the table."
+								]
+							})
+						]
+					})
+				]
+			})
+		})
+	});
+}
+
+//#endregion
+export { ContributePage, metadata };
+//# sourceMappingURL=ContributePage.js.map