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/IconGridSection.tsx
import { cva } from "class-variance-authority";
import {
  MarketingCardsSection,
  MarketingIconCard
} from "@contractspec/lib.design-system";
import { Muted } from "@contractspec/lib.ui-kit-web/ui/typography";
import { jsxDEV } from "react/jsx-dev-runtime";
var itemVariants = cva("", {
  variants: {
    iconRole: {
      iconFirst: "",
      listing: "items-start",
      support: "items-start"
    }
  },
  defaultVariants: { iconRole: "iconFirst" }
});
function IconGridSection({
  eyebrow,
  title,
  subtitle,
  items,
  tone = "default",
  padding,
  columns = 3,
  iconRole = "iconFirst"
}) {
  return /* @__PURE__ */ jsxDEV(MarketingCardsSection, {
    tone,
    padding,
    eyebrow: eyebrow ? /* @__PURE__ */ jsxDEV(Muted, {
      className: "text-xs font-semibold tracking-[0.2em] uppercase",
      children: eyebrow
    }, undefined, false, undefined, this) : null,
    title,
    subtitle: subtitle ? /* @__PURE__ */ jsxDEV(Muted, {
      className: "text-lg",
      children: subtitle
    }, undefined, false, undefined, this) : null,
    columns,
    children: items.map((card) => /* @__PURE__ */ jsxDEV(MarketingIconCard, {
      icon: card.icon,
      title: card.title,
      description: card.description,
      tone: card.tone,
      iconClassName: card.iconClassName,
      variant: iconRole === "listing" ? "listing" : iconRole === "support" ? "support" : "iconFirst",
      className: itemVariants({ iconRole })
    }, card.title, false, undefined, this))
  }, undefined, false, undefined, this);
}

// src/components/marketing/sections/FearsSection.tsx
import { CheckCircle, Code, Unlock, Zap } from "lucide-react";
import { jsxDEV as jsxDEV2 } from "react/jsx-dev-runtime";
var fears = [
  {
    title: '"I already have an app"',
    body: "ContractSpec works with existing codebases. You don't start over — you stabilize incrementally, one module at a time. Start with one API endpoint, one data model, one contract.",
    icon: CheckCircle
  },
  {
    title: '"Vendor lock-in / losing ownership"',
    body: "You own the generated code. It's standard TypeScript, standard SQL, standard GraphQL. ContractSpec is a compiler — like TypeScript itself. You can eject anytime.",
    icon: Unlock
  },
  {
    title: '"Adoption cost / learning curve"',
    body: "Specs are just TypeScript. If you can write z.object({ name: z.string() }), you can write a ContractSpec. No new language, no magic DSL, no YAML.",
    icon: Code
  },
  {
    title: '"Forced migrations / magical runtime"',
    body: "ContractSpec generates plain code you can read, debug, and modify. There's no proprietary runtime. Migrations are explicit, reversible, and in your control.",
    icon: Zap
  }
];
function FearsSection() {
  return /* @__PURE__ */ jsxDEV2(IconGridSection, {
    tone: "muted",
    columns: 2,
    eyebrow: "We Get It",
    title: "Your fears, addressed",
    subtitle: "We know what you're thinking. Here's why those concerns don't apply to ContractSpec.",
    iconRole: "support",
    items: fears.map((item) => ({
      icon: item.icon,
      title: item.title,
      description: item.body,
      iconClassName: "text-violet-400"
    }))
  }, undefined, false, undefined, this);
}
export {
  FearsSection
};
