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
};
