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/sections/HeroMarketingSection.tsx
import { ButtonLink, MarketingSection } from "@contractspec/lib.design-system";
import {
  analyticsEventNames,
  captureAnalyticsEvent
} from "@contractspec/bundle.library/libs/posthog/client";
import { Box, HStack, VStack } from "@contractspec/lib.ui-kit-web/ui/stack";
import { H1, Lead, Small } from "@contractspec/lib.ui-kit-web/ui/typography";
import { ChevronRight } from "lucide-react";
import { jsxDEV } from "react/jsx-dev-runtime";
"use client";
var heroChips = ["Multi-Surface Sync", "No Lock-in", "Standard Tech"];
function HeroMarketingSection() {
  return /* @__PURE__ */ jsxDEV(MarketingSection, {
    tone: "gradient",
    padding: "spacious",
    align: "center",
    children: /* @__PURE__ */ jsxDEV(VStack, {
      gap: "lg",
      align: "center",
      className: "text-center",
      children: [
        /* @__PURE__ */ jsxDEV(Box, {
          as: "div",
          role: "presentation",
          className: "bg-muted text-muted-foreground inline-flex items-center rounded-full px-3 py-1 text-xs font-medium tracking-wider uppercase",
          children: "Open Source Core"
        }, undefined, false, undefined, this),
        /* @__PURE__ */ jsxDEV(H1, {
          className: "text-4xl leading-tight font-bold text-balance md:text-5xl",
          children: "Stabilize your AI-generated code"
        }, undefined, false, undefined, this),
        /* @__PURE__ */ jsxDEV(Lead, {
          className: "text-muted-foreground text-lg text-balance md:text-xl",
          children: "ContractSpec is the compiler that keeps AI-written software coherent, safe, and regenerable. You keep your app. You own the code. One module at a time."
        }, undefined, false, undefined, this),
        /* @__PURE__ */ jsxDEV(HStack, {
          gap: "md",
          justify: "center",
          wrap: "wrap",
          children: [
            /* @__PURE__ */ jsxDEV(ButtonLink, {
              href: "/install",
              onClick: () => captureAnalyticsEvent(analyticsEventNames.CTA_INSTALL_CLICK, {
                surface: "hero"
              }),
              children: [
                "Install OSS ",
                /* @__PURE__ */ jsxDEV(ChevronRight, {
                  size: 16
                }, undefined, false, undefined, this)
              ]
            }, undefined, true, undefined, this),
            /* @__PURE__ */ jsxDEV(ButtonLink, {
              variant: "ghost",
              href: "/contact#waitlist",
              onClick: () => captureAnalyticsEvent(analyticsEventNames.CTA_STUDIO_CLICK, {
                surface: "hero"
              }),
              children: "Join Studio Waitlist"
            }, undefined, false, undefined, this)
          ]
        }, undefined, true, undefined, this),
        /* @__PURE__ */ jsxDEV(HStack, {
          gap: "sm",
          justify: "center",
          wrap: "wrap",
          className: "pt-2",
          children: heroChips.map((chip) => /* @__PURE__ */ jsxDEV(Box, {
            as: "div",
            role: "presentation",
            className: "border-border text-foreground inline-flex items-center rounded-full border px-3 py-1 text-sm",
            children: /* @__PURE__ */ jsxDEV(Small, {
              className: "font-medium",
              children: chip
            }, undefined, false, undefined, this)
          }, chip, false, undefined, this))
        }, undefined, false, undefined, this)
      ]
    }, undefined, true, undefined, this)
  }, undefined, false, undefined, this);
}
export {
  HeroMarketingSection
};
