@contractspec/bundle.marketing 3.7.5 → 3.7.7

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

@@ -2,27 +2,7 @@ import { createRequire } from "node:module";
 var __require = /* @__PURE__ */ createRequire(import.meta.url);
 
 // 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 Link from "next/link";
 import { jsxDEV } from "react/jsx-dev-runtime";
 "use client";
 var COFOUNDER_EMAIL = "tboutron@contractspec.io";
@@ -42,532 +22,196 @@ 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 = [
-    "ContractSpec Studio product-decision engine",
-    "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",
+var tracks = [
+  {
+    title: "GTM / partnerships",
+    copy: "Own the design partner pipeline, sharpen messaging, and turn market feedback into product signal."
+  },
+  {
+    title: "Product / design",
+    copy: "Own the Studio surface, shape the interaction model, and turn live user behavior into clearer workflows."
+  }
+];
+function CofounderPage() {
+  return /* @__PURE__ */ jsxDEV("main", {
+    children: [
+      /* @__PURE__ */ jsxDEV("section", {
+        className: "section-padding hero-gradient border-border/70 border-b",
+        children: /* @__PURE__ */ jsxDEV("div", {
+          className: "editorial-shell grid gap-8 lg:grid-cols-[1.05fr_0.95fr]",
           children: [
-            /* @__PURE__ */ jsxDEV(VStack, {
-              gap: "sm",
-              align: "start",
+            /* @__PURE__ */ jsxDEV("div", {
+              className: "space-y-5",
               children: [
-                /* @__PURE__ */ jsxDEV(H3, {
-                  className: "text-lg font-semibold text-emerald-400",
-                  children: "Real now"
+                /* @__PURE__ */ jsxDEV("p", {
+                  className: "editorial-kicker",
+                  children: "Co-founder search"
                 }, 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))
+                /* @__PURE__ */ jsxDEV("h1", {
+                  className: "editorial-title max-w-4xl",
+                  children: "Looking for a co-founder who wants to build an open system and the product on top of it."
+                }, undefined, false, undefined, this),
+                /* @__PURE__ */ jsxDEV("p", {
+                  className: "editorial-subtitle",
+                  children: "ContractSpec already has the early stack shape: explicit contracts, runtimes, harnesses, examples, and the first Studio operating loops. The next phase needs someone who can own either GTM or product depth with real execution energy."
                 }, undefined, false, undefined, this)
               ]
             }, undefined, true, undefined, this),
-            /* @__PURE__ */ jsxDEV(VStack, {
-              gap: "sm",
-              align: "start",
+            /* @__PURE__ */ jsxDEV("div", {
+              className: "editorial-panel space-y-5",
               children: [
-                /* @__PURE__ */ jsxDEV(H3, {
-                  className: "text-lg font-semibold text-blue-400",
-                  children: "Planned"
+                /* @__PURE__ */ jsxDEV("p", {
+                  className: "editorial-kicker",
+                  children: "What exists now"
                 }, 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))
+                  className: "editorial-list",
+                  children: [
+                    /* @__PURE__ */ jsxDEV("li", {
+                      children: [
+                        /* @__PURE__ */ jsxDEV("span", {
+                          className: "editorial-list-marker"
+                        }, undefined, false, undefined, this),
+                        /* @__PURE__ */ jsxDEV("span", {
+                          children: "Open-source package ecosystem and working website/docs surface."
+                        }, undefined, false, undefined, this)
+                      ]
+                    }, undefined, true, undefined, this),
+                    /* @__PURE__ */ jsxDEV("li", {
+                      children: [
+                        /* @__PURE__ */ jsxDEV("span", {
+                          className: "editorial-list-marker"
+                        }, undefined, false, undefined, this),
+                        /* @__PURE__ */ jsxDEV("span", {
+                          children: "Studio product direction with live operating workflows."
+                        }, undefined, false, undefined, this)
+                      ]
+                    }, undefined, true, undefined, this),
+                    /* @__PURE__ */ jsxDEV("li", {
+                      children: [
+                        /* @__PURE__ */ jsxDEV("span", {
+                          className: "editorial-list-marker"
+                        }, undefined, false, undefined, this),
+                        /* @__PURE__ */ jsxDEV("span", {
+                          children: "Founder-led product, bootstrapped, still early enough to shape."
+                        }, undefined, false, undefined, this)
+                      ]
+                    }, undefined, true, undefined, this)
+                  ]
+                }, undefined, true, undefined, this),
+                /* @__PURE__ */ jsxDEV(Link, {
+                  href: mailtoLink,
+                  className: "btn-primary",
+                  children: "Talk about co-founding"
                 }, 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 product 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",
+      /* @__PURE__ */ jsxDEV("section", {
+        className: "editorial-section",
+        children: /* @__PURE__ */ jsxDEV("div", {
+          className: "editorial-shell grid gap-6 lg:grid-cols-2",
+          children: tracks.map((track) => /* @__PURE__ */ jsxDEV("div", {
+            className: "editorial-panel",
             children: [
-              b.icon,
-              /* @__PURE__ */ jsxDEV(H3, {
-                className: "text-lg font-semibold",
-                children: b.title
+              /* @__PURE__ */ jsxDEV("p", {
+                className: "editorial-kicker",
+                children: track.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"
+              /* @__PURE__ */ jsxDEV("h2", {
+                className: "mt-3 font-serif text-4xl tracking-[-0.04em]",
+                children: track.title
               }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV(Small, {
-                children: item
+              /* @__PURE__ */ jsxDEV("p", {
+                className: "mt-4 text-muted-foreground text-sm leading-7",
+                children: track.copy
               }, undefined, false, undefined, this)
             ]
-          }, item, true, undefined, this))
+          }, track.title, 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",
+      /* @__PURE__ */ jsxDEV("section", {
+        className: "editorial-section bg-striped",
+        children: /* @__PURE__ */ jsxDEV("div", {
+          className: "editorial-shell grid gap-8 lg:grid-cols-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)
+            /* @__PURE__ */ jsxDEV("div", {
+              className: "editorial-panel",
+              children: [
+                /* @__PURE__ */ jsxDEV("p", {
+                  className: "editorial-kicker",
+                  children: "What good looks like"
+                }, undefined, false, undefined, this),
+                /* @__PURE__ */ jsxDEV("ul", {
+                  className: "editorial-list mt-6",
+                  children: [
+                    /* @__PURE__ */ jsxDEV("li", {
+                      children: [
+                        /* @__PURE__ */ jsxDEV("span", {
+                          className: "editorial-list-marker"
+                        }, undefined, false, undefined, this),
+                        /* @__PURE__ */ jsxDEV("span", {
+                          children: "You have proof of work, not just interest."
+                        }, undefined, false, undefined, this)
+                      ]
+                    }, undefined, true, undefined, this),
+                    /* @__PURE__ */ jsxDEV("li", {
+                      children: [
+                        /* @__PURE__ */ jsxDEV("span", {
+                          className: "editorial-list-marker"
+                        }, undefined, false, undefined, this),
+                        /* @__PURE__ */ jsxDEV("span", {
+                          children: "You can own a whole surface and move without waiting for permission."
+                        }, undefined, false, undefined, this)
+                      ]
+                    }, undefined, true, undefined, this),
+                    /* @__PURE__ */ jsxDEV("li", {
+                      children: [
+                        /* @__PURE__ */ jsxDEV("span", {
+                          className: "editorial-list-marker"
+                        }, undefined, false, undefined, this),
+                        /* @__PURE__ */ jsxDEV("span", {
+                          children: "You like written clarity, sharp product taste, and direct feedback."
+                        }, undefined, false, undefined, this)
+                      ]
+                    }, undefined, true, undefined, this)
+                  ]
+                }, undefined, true, undefined, this)
+              ]
+            }, undefined, true, undefined, this),
+            /* @__PURE__ */ jsxDEV("div", {
+              className: "editorial-panel",
+              children: [
+                /* @__PURE__ */ jsxDEV("p", {
+                  className: "editorial-kicker",
+                  children: "Apply"
+                }, undefined, false, undefined, this),
+                /* @__PURE__ */ jsxDEV("p", {
+                  className: "text-muted-foreground text-sm leading-7",
+                  children: "Send links that prove how you think and how you ship. The best applications make it obvious what you would own in the first 90 days and why this problem is worth years of your attention."
+                }, undefined, false, undefined, this),
+                /* @__PURE__ */ jsxDEV("div", {
+                  className: "mt-6 flex flex-col gap-3 sm:flex-row",
+                  children: [
+                    /* @__PURE__ */ jsxDEV(Link, {
+                      href: mailtoLink,
+                      className: "btn-primary",
+                      children: "Email application"
+                    }, undefined, false, undefined, this),
+                    /* @__PURE__ */ jsxDEV(Link, {
+                      href: "/contact",
+                      className: "btn-ghost",
+                      children: "Start with a conversation"
+                    }, undefined, false, undefined, this)
+                  ]
+                }, undefined, true, undefined, this)
+              ]
+            }, undefined, true, 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)
+      }, undefined, false, undefined, this)
     ]
   }, undefined, true, undefined, this);
 }