@contractspec/bundle.marketing 1.12.0 → 1.13.0

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

@@ -0,0 +1,581 @@
+var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
+  get: (a, b) => (typeof require !== "undefined" ? require : a)[b]
+}) : x)(function(x) {
+  if (typeof require !== "undefined")
+    return require.apply(this, arguments);
+  throw Error('Dynamic require of "' + x + '" is not supported');
+});
+
+// src/components/marketing/CofounderPage.tsx
+import { ButtonLink, MarketingSection } from "@contractspec/lib.design-system";
+import { Box, HStack, VStack } from "@contractspec/lib.ui-kit-web/ui/stack";
+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 { jsxDEV } from "react/jsx-dev-runtime";
+"use client";
+var COFOUNDER_EMAIL = "tboutron@contractspec.io";
+var APPLY_SUBJECT = "Co-founder application: ContractSpec";
+var APPLY_BODY = `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]
+`;
+var mailtoLink = `mailto:${COFOUNDER_EMAIL}?subject=${encodeURIComponent(APPLY_SUBJECT)}&body=${encodeURIComponent(APPLY_BODY)}`;
+function HeroSection() {
+  return /* @__PURE__ */ jsxDEV(MarketingSection, {
+    tone: "gradient",
+    padding: "spacious",
+    align: "center",
+    children: /* @__PURE__ */ jsxDEV(VStack, {
+      gap: "lg",
+      align: "center",
+      className: "text-center",
+      children: [
+        /* @__PURE__ */ jsxDEV(H1, {
+          className: "text-4xl leading-tight font-bold text-balance md:text-5xl",
+          children: "Co-founder wanted"
+        }, undefined, false, undefined, this),
+        /* @__PURE__ */ jsxDEV(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."
+        }, undefined, false, undefined, this),
+        /* @__PURE__ */ jsxDEV(HStack, {
+          gap: "md",
+          justify: "center",
+          wrap: "wrap",
+          className: "pt-2",
+          children: [
+            /* @__PURE__ */ jsxDEV(ButtonLink, {
+              href: mailtoLink,
+              children: "Talk about co-founding"
+            }, undefined, false, undefined, this),
+            /* @__PURE__ */ jsxDEV(ButtonLink, {
+              variant: "ghost",
+              href: "/contact",
+              children: "Become a design partner"
+            }, undefined, false, undefined, this)
+          ]
+        }, undefined, true, undefined, this)
+      ]
+    }, undefined, true, undefined, this)
+  }, undefined, false, undefined, this);
+}
+function WhatExistsSection() {
+  const realNow = [
+    "ContractSpec Core: open-source spec compiler",
+    "Working CLI and TypeScript runtime",
+    "Design partner pipeline open",
+    "Solo founder, bootstrapped"
+  ];
+  const planned = [
+    "Visual studio for specs",
+    "Auto-evolution engine",
+    "Multi-tenant SaaS",
+    "Integration marketplace"
+  ];
+  return /* @__PURE__ */ jsxDEV(MarketingSection, {
+    padding: "comfortable",
+    align: "center",
+    maxWidth: "lg",
+    children: /* @__PURE__ */ jsxDEV(VStack, {
+      gap: "lg",
+      children: [
+        /* @__PURE__ */ jsxDEV(H2, {
+          className: "text-3xl font-bold",
+          children: "What exists today"
+        }, undefined, false, undefined, this),
+        /* @__PURE__ */ jsxDEV("div", {
+          className: "grid w-full gap-8 md:grid-cols-2",
+          children: [
+            /* @__PURE__ */ jsxDEV(VStack, {
+              gap: "sm",
+              align: "start",
+              children: [
+                /* @__PURE__ */ jsxDEV(H3, {
+                  className: "text-lg font-semibold text-emerald-400",
+                  children: "Real now"
+                }, undefined, false, undefined, this),
+                /* @__PURE__ */ jsxDEV("ul", {
+                  className: "space-y-2",
+                  children: realNow.map((item) => /* @__PURE__ */ jsxDEV("li", {
+                    className: "flex items-start gap-2",
+                    children: [
+                      /* @__PURE__ */ jsxDEV(Check, {
+                        size: 16,
+                        className: "mt-1 shrink-0 text-emerald-400"
+                      }, undefined, false, undefined, this),
+                      /* @__PURE__ */ jsxDEV(Small, {
+                        children: item
+                      }, undefined, false, undefined, this)
+                    ]
+                  }, item, true, undefined, this))
+                }, undefined, false, undefined, this)
+              ]
+            }, undefined, true, undefined, this),
+            /* @__PURE__ */ jsxDEV(VStack, {
+              gap: "sm",
+              align: "start",
+              children: [
+                /* @__PURE__ */ jsxDEV(H3, {
+                  className: "text-lg font-semibold text-blue-400",
+                  children: "Planned"
+                }, undefined, false, undefined, this),
+                /* @__PURE__ */ jsxDEV("ul", {
+                  className: "space-y-2",
+                  children: planned.map((item) => /* @__PURE__ */ jsxDEV("li", {
+                    className: "flex items-start gap-2",
+                    children: [
+                      /* @__PURE__ */ jsxDEV(Target, {
+                        size: 16,
+                        className: "mt-1 shrink-0 text-blue-400"
+                      }, undefined, false, undefined, this),
+                      /* @__PURE__ */ jsxDEV(Small, {
+                        children: item
+                      }, undefined, false, undefined, this)
+                    ]
+                  }, item, true, undefined, this))
+                }, undefined, false, undefined, this)
+              ]
+            }, undefined, true, undefined, this)
+          ]
+        }, undefined, true, undefined, this)
+      ]
+    }, undefined, true, undefined, this)
+  }, undefined, false, undefined, this);
+}
+function RoleSection() {
+  const gtmDeliverables = [
+    "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"
+  ];
+  const productDeliverables = [
+    "Ship UI/UX improvements weekly",
+    "Define specs based on user research",
+    "Own the studio experience",
+    "Collaborate on architecture decisions"
+  ];
+  return /* @__PURE__ */ jsxDEV(MarketingSection, {
+    padding: "comfortable",
+    align: "center",
+    maxWidth: "lg",
+    children: /* @__PURE__ */ jsxDEV(VStack, {
+      gap: "lg",
+      children: [
+        /* @__PURE__ */ jsxDEV(H2, {
+          className: "text-3xl font-bold",
+          children: "The role"
+        }, undefined, false, undefined, this),
+        /* @__PURE__ */ jsxDEV(VStack, {
+          gap: "md",
+          align: "start",
+          className: "w-full",
+          children: [
+            /* @__PURE__ */ jsxDEV(H3, {
+              className: "text-xl font-semibold",
+              children: "Option A: GTM / Sales / Partnerships"
+            }, undefined, false, undefined, this),
+            /* @__PURE__ */ jsxDEV(Muted, {
+              children: "Weekly deliverables, not vague traits:"
+            }, undefined, false, undefined, this),
+            /* @__PURE__ */ jsxDEV("ul", {
+              className: "space-y-2",
+              children: gtmDeliverables.map((item) => /* @__PURE__ */ jsxDEV("li", {
+                className: "flex items-start gap-2",
+                children: [
+                  /* @__PURE__ */ jsxDEV(Rocket, {
+                    size: 16,
+                    className: "mt-1 shrink-0 text-amber-400"
+                  }, undefined, false, undefined, this),
+                  /* @__PURE__ */ jsxDEV(Small, {
+                    children: item
+                  }, undefined, false, undefined, this)
+                ]
+              }, item, true, undefined, this))
+            }, undefined, false, undefined, this)
+          ]
+        }, undefined, true, undefined, this),
+        /* @__PURE__ */ jsxDEV(VStack, {
+          gap: "md",
+          align: "start",
+          className: "w-full pt-4",
+          children: [
+            /* @__PURE__ */ jsxDEV(H3, {
+              className: "text-xl font-semibold",
+              children: "Option B: Product / Design"
+            }, undefined, false, undefined, this),
+            /* @__PURE__ */ jsxDEV(Muted, {
+              children: "If this is your strength:"
+            }, undefined, false, undefined, this),
+            /* @__PURE__ */ jsxDEV("ul", {
+              className: "space-y-2",
+              children: productDeliverables.map((item) => /* @__PURE__ */ jsxDEV("li", {
+                className: "flex items-start gap-2",
+                children: [
+                  /* @__PURE__ */ jsxDEV(Rocket, {
+                    size: 16,
+                    className: "mt-1 shrink-0 text-purple-400"
+                  }, undefined, false, undefined, this),
+                  /* @__PURE__ */ jsxDEV(Small, {
+                    children: item
+                  }, undefined, false, undefined, this)
+                ]
+              }, item, true, undefined, this))
+            }, undefined, false, undefined, this)
+          ]
+        }, undefined, true, undefined, this)
+      ]
+    }, undefined, true, undefined, this)
+  }, undefined, false, undefined, this);
+}
+function IdealCofounderSection() {
+  const qualities = [
+    "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"
+  ];
+  return /* @__PURE__ */ jsxDEV(MarketingSection, {
+    padding: "comfortable",
+    align: "center",
+    maxWidth: "lg",
+    children: /* @__PURE__ */ jsxDEV(VStack, {
+      gap: "lg",
+      children: [
+        /* @__PURE__ */ jsxDEV(H2, {
+          className: "text-3xl font-bold",
+          children: "The ideal co-founder"
+        }, undefined, false, undefined, this),
+        /* @__PURE__ */ jsxDEV("ul", {
+          className: "space-y-3",
+          children: qualities.map((item) => /* @__PURE__ */ jsxDEV("li", {
+            className: "flex items-start gap-2",
+            children: [
+              /* @__PURE__ */ jsxDEV(Check, {
+                size: 16,
+                className: "mt-1 shrink-0 text-emerald-400"
+              }, undefined, false, undefined, this),
+              /* @__PURE__ */ jsxDEV(Small, {
+                children: item
+              }, undefined, false, undefined, this)
+            ]
+          }, item, true, undefined, this))
+        }, undefined, false, undefined, this),
+        /* @__PURE__ */ jsxDEV(Box, {
+          className: "border-border mt-4 rounded-lg border p-4",
+          children: /* @__PURE__ */ jsxDEV(VStack, {
+            gap: "sm",
+            align: "start",
+            children: [
+              /* @__PURE__ */ jsxDEV(H3, {
+                className: "text-lg font-semibold",
+                children: "Proof of work examples"
+              }, undefined, false, undefined, this),
+              /* @__PURE__ */ jsxDEV(Muted, {
+                className: "text-sm",
+                children: "GitHub profile, shipped product, writing (blog/Twitter/essays), revenue screenshot, open-source contributions, or anything that shows you execute."
+              }, undefined, false, undefined, this)
+            ]
+          }, undefined, true, undefined, this)
+        }, undefined, false, undefined, this)
+      ]
+    }, undefined, true, undefined, this)
+  }, undefined, false, undefined, this);
+}
+function WhatYouGetSection() {
+  const benefits = [
+    {
+      icon: /* @__PURE__ */ jsxDEV(Percent, {
+        size: 20,
+        className: "text-emerald-400"
+      }, undefined, false, undefined, this),
+      title: "Equity-first",
+      desc: "Meaningful co-founder equity. Salary is minimal/zero until revenue covers it."
+    },
+    {
+      icon: /* @__PURE__ */ jsxDEV(Users, {
+        size: 20,
+        className: "text-blue-400"
+      }, undefined, false, undefined, this),
+      title: "Real ownership",
+      desc: "You own your domain. No permission-seeking. Ship and iterate."
+    },
+    {
+      icon: /* @__PURE__ */ jsxDEV(MessageSquare, {
+        size: 20,
+        className: "text-amber-400"
+      }, undefined, false, undefined, this),
+      title: "Written-first decisions",
+      desc: "We default to async, docs, and fast decisions. Meetings are last resort."
+    }
+  ];
+  const values = [
+    "Contracts over conventions",
+    "Clarity over cleverness",
+    "Safety over speed (in code)",
+    "Leverage over labor"
+  ];
+  return /* @__PURE__ */ jsxDEV(MarketingSection, {
+    padding: "comfortable",
+    align: "center",
+    maxWidth: "lg",
+    children: /* @__PURE__ */ jsxDEV(VStack, {
+      gap: "lg",
+      children: [
+        /* @__PURE__ */ jsxDEV(H2, {
+          className: "text-3xl font-bold",
+          children: "What you get"
+        }, undefined, false, undefined, this),
+        /* @__PURE__ */ jsxDEV("div", {
+          className: "grid w-full gap-6 md:grid-cols-3",
+          children: benefits.map((b) => /* @__PURE__ */ jsxDEV(VStack, {
+            gap: "sm",
+            align: "start",
+            className: "border-border rounded-lg border p-4",
+            children: [
+              b.icon,
+              /* @__PURE__ */ jsxDEV(H3, {
+                className: "text-lg font-semibold",
+                children: b.title
+              }, undefined, false, undefined, this),
+              /* @__PURE__ */ jsxDEV(Muted, {
+                className: "text-sm",
+                children: b.desc
+              }, undefined, false, undefined, this)
+            ]
+          }, b.title, true, undefined, this))
+        }, undefined, false, undefined, this),
+        /* @__PURE__ */ jsxDEV(VStack, {
+          gap: "sm",
+          align: "start",
+          className: "w-full pt-4",
+          children: [
+            /* @__PURE__ */ jsxDEV(H3, {
+              className: "text-lg font-semibold",
+              children: "Our values"
+            }, undefined, false, undefined, this),
+            /* @__PURE__ */ jsxDEV(HStack, {
+              gap: "sm",
+              wrap: "wrap",
+              children: values.map((v) => /* @__PURE__ */ jsxDEV(Box, {
+                className: "border-border rounded-full border px-3 py-1 text-sm",
+                children: v
+              }, v, false, undefined, this))
+            }, undefined, false, undefined, this)
+          ]
+        }, undefined, true, undefined, this)
+      ]
+    }, undefined, true, undefined, this)
+  }, undefined, false, undefined, this);
+}
+function RedFlagsSection() {
+  const redFlags = [
+    "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"
+  ];
+  return /* @__PURE__ */ jsxDEV(MarketingSection, {
+    padding: "comfortable",
+    align: "center",
+    maxWidth: "lg",
+    children: /* @__PURE__ */ jsxDEV(VStack, {
+      gap: "lg",
+      children: [
+        /* @__PURE__ */ jsxDEV(H2, {
+          className: "text-3xl font-bold",
+          children: "Non-negotiables / red flags"
+        }, undefined, false, undefined, this),
+        /* @__PURE__ */ jsxDEV(Muted, {
+          children: "If any of these apply, this is not the right fit:"
+        }, undefined, false, undefined, this),
+        /* @__PURE__ */ jsxDEV("ul", {
+          className: "space-y-2",
+          children: redFlags.map((item) => /* @__PURE__ */ jsxDEV("li", {
+            className: "flex items-start gap-2",
+            children: [
+              /* @__PURE__ */ jsxDEV(X, {
+                size: 16,
+                className: "mt-1 shrink-0 text-red-400"
+              }, undefined, false, undefined, this),
+              /* @__PURE__ */ jsxDEV(Small, {
+                children: item
+              }, undefined, false, undefined, this)
+            ]
+          }, item, true, undefined, this))
+        }, undefined, false, undefined, this)
+      ]
+    }, undefined, true, undefined, this)
+  }, undefined, false, undefined, this);
+}
+function FAQSection() {
+  const faqs = [
+    {
+      icon: /* @__PURE__ */ jsxDEV(Users, {
+        size: 18
+      }, undefined, false, undefined, this),
+      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__ */ jsxDEV(Clock, {
+        size: 18
+      }, undefined, false, undefined, this),
+      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__ */ jsxDEV(MapPin, {
+        size: 18
+      }, undefined, false, undefined, this),
+      q: "Is this remote?",
+      a: "Yes. Async-first. Occasional in-person (Paris-based) for planning. Europe timezone overlap strongly preferred."
+    },
+    {
+      icon: /* @__PURE__ */ jsxDEV(Percent, {
+        size: 18
+      }, undefined, false, undefined, this),
+      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."
+    }
+  ];
+  return /* @__PURE__ */ jsxDEV(MarketingSection, {
+    padding: "comfortable",
+    align: "center",
+    maxWidth: "lg",
+    children: /* @__PURE__ */ jsxDEV(VStack, {
+      gap: "lg",
+      children: [
+        /* @__PURE__ */ jsxDEV(H2, {
+          className: "text-3xl font-bold",
+          children: "FAQ"
+        }, undefined, false, undefined, this),
+        /* @__PURE__ */ jsxDEV(VStack, {
+          gap: "md",
+          className: "w-full",
+          children: faqs.map((faq) => /* @__PURE__ */ jsxDEV(VStack, {
+            gap: "xs",
+            align: "start",
+            className: "border-border w-full rounded-lg border p-4",
+            children: [
+              /* @__PURE__ */ jsxDEV(HStack, {
+                gap: "sm",
+                align: "center",
+                children: [
+                  /* @__PURE__ */ jsxDEV("span", {
+                    className: "text-muted-foreground",
+                    children: faq.icon
+                  }, undefined, false, undefined, this),
+                  /* @__PURE__ */ jsxDEV(H3, {
+                    className: "text-lg font-semibold",
+                    children: faq.q
+                  }, undefined, false, undefined, this)
+                ]
+              }, undefined, true, undefined, this),
+              /* @__PURE__ */ jsxDEV(Muted, {
+                children: faq.a
+              }, undefined, false, undefined, this)
+            ]
+          }, faq.q, true, undefined, this))
+        }, undefined, false, undefined, this)
+      ]
+    }, undefined, true, undefined, this)
+  }, undefined, false, undefined, this);
+}
+function FinalCtaSection() {
+  return /* @__PURE__ */ jsxDEV(MarketingSection, {
+    tone: "gradient",
+    padding: "comfortable",
+    align: "center",
+    maxWidth: "lg",
+    children: /* @__PURE__ */ jsxDEV(VStack, {
+      gap: "md",
+      align: "center",
+      className: "text-center",
+      children: [
+        /* @__PURE__ */ jsxDEV(H2, {
+          className: "text-3xl font-bold md:text-4xl",
+          children: "Ready to talk?"
+        }, undefined, false, undefined, this),
+        /* @__PURE__ */ jsxDEV(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."
+        }, undefined, false, undefined, this),
+        /* @__PURE__ */ jsxDEV(HStack, {
+          gap: "md",
+          justify: "center",
+          wrap: "wrap",
+          className: "pt-2",
+          children: [
+            /* @__PURE__ */ jsxDEV(ButtonLink, {
+              href: mailtoLink,
+              children: "Talk about co-founding"
+            }, undefined, false, undefined, this),
+            /* @__PURE__ */ jsxDEV(ButtonLink, {
+              variant: "ghost",
+              href: "/contact",
+              children: "Become a design partner"
+            }, undefined, false, undefined, this)
+          ]
+        }, undefined, true, undefined, this),
+        /* @__PURE__ */ jsxDEV(Muted, {
+          className: "pt-4 text-sm",
+          children: "CHAMAN VENTURES, SASU · RCS Paris · SIREN 989 498 902 · 229 rue Saint-Honoré, 75001 Paris"
+        }, undefined, false, undefined, this)
+      ]
+    }, undefined, true, undefined, this)
+  }, undefined, false, undefined, this);
+}
+function CofounderPage() {
+  return /* @__PURE__ */ jsxDEV(VStack, {
+    as: "main",
+    gap: "none",
+    children: [
+      /* @__PURE__ */ jsxDEV(HeroSection, {}, undefined, false, undefined, this),
+      /* @__PURE__ */ jsxDEV(WhatExistsSection, {}, undefined, false, undefined, this),
+      /* @__PURE__ */ jsxDEV(RoleSection, {}, undefined, false, undefined, this),
+      /* @__PURE__ */ jsxDEV(IdealCofounderSection, {}, undefined, false, undefined, this),
+      /* @__PURE__ */ jsxDEV(WhatYouGetSection, {}, undefined, false, undefined, this),
+      /* @__PURE__ */ jsxDEV(RedFlagsSection, {}, undefined, false, undefined, this),
+      /* @__PURE__ */ jsxDEV(FAQSection, {}, undefined, false, undefined, this),
+      /* @__PURE__ */ jsxDEV(FinalCtaSection, {}, undefined, false, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
+}
+export {
+  CofounderPage
+};