// @bun
var __require = import.meta.require;

// src/components/marketing/sections/AudienceSection.tsx
import {
  MarketingCard,
  MarketingCardContent,
  MarketingCardHeader,
  MarketingCardTitle,
  MarketingCardsSection
} from "@contractspec/lib.design-system";
import { VStack } from "@contractspec/lib.ui-kit-web/ui/stack";
import { Muted, Small } from "@contractspec/lib.ui-kit-web/ui/typography";
import { jsxDEV } from "react/jsx-dev-runtime";
var audiences = [
  {
    tier: "Tier 1: Priority",
    title: "AI-Native Startups & Technical Founders",
    body: "Solo founders or small teams using Cursor, Copilot, Claude, or AI agents heavily. Messy AI-generated backends and frontends, inconsistent APIs, code that is hard to refactor.",
    need: "Need: A way to stabilize AI-generated code without rewriting it."
  },
  {
    tier: "Tier 1: Priority",
    title: "Small Teams with AI-Generated Chaos",
    body: "2-10 person teams that shipped fast with AI and now have tech debt. Multiple surfaces out of sync, no source of truth, afraid to touch AI-generated code.",
    need: "Need: Incremental stabilization, safe regeneration, contracts as guardrails."
  },
  {
    tier: "Tier 2: Growth",
    title: "AI Dev Agencies",
    body: "Agencies building many projects for clients using AI-assisted development. Repeating the same patterns, inconsistent quality across projects, handoff nightmares.",
    need: "Need: Reusable templates, consistent contracts, professional handoff artifacts."
  },
  {
    tier: "Tier 2: Growth",
    title: "Scaleups with Compliance Needs",
    body: "Growing companies that need audit trails, API governance, or regulatory compliance. AI-generated code doesn't meet compliance requirements.",
    need: "Need: Governance layer, change tracking, contract enforcement."
  }
];
function AudienceSection() {
  return /* @__PURE__ */ jsxDEV(MarketingCardsSection, {
    tone: "default",
    columns: 2,
    eyebrow: "Who It's For",
    title: "Built for teams drowning in AI-generated code",
    maxWidth: "xl",
    children: audiences.map((item) => /* @__PURE__ */ jsxDEV(MarketingCard, {
      tone: "muted",
      children: [
        /* @__PURE__ */ jsxDEV(MarketingCardHeader, {
          className: "space-y-2",
          children: [
            /* @__PURE__ */ jsxDEV(Small, {
              className: "font-semibold text-blue-400",
              children: item.tier
            }, undefined, false, undefined, this),
            /* @__PURE__ */ jsxDEV(MarketingCardTitle, {
              className: "text-xl",
              children: item.title
            }, undefined, false, undefined, this)
          ]
        }, undefined, true, undefined, this),
        /* @__PURE__ */ jsxDEV(MarketingCardContent, {
          children: /* @__PURE__ */ jsxDEV(VStack, {
            gap: "sm",
            children: [
              /* @__PURE__ */ jsxDEV(Muted, {
                className: "text-sm leading-relaxed",
                children: item.body
              }, undefined, false, undefined, this),
              /* @__PURE__ */ jsxDEV(Small, {
                className: "font-medium text-violet-400",
                children: item.need
              }, undefined, false, undefined, this)
            ]
          }, undefined, true, undefined, this)
        }, undefined, false, undefined, this)
      ]
    }, item.title, true, undefined, this))
  }, undefined, false, undefined, this);
}
export {
  AudienceSection
};
