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/SolutionSection.tsx
import { FileCode, Layers, RefreshCw, Shield } from "lucide-react";
import { jsxDEV as jsxDEV2 } from "react/jsx-dev-runtime";
var solutionItems = [
  {
    icon: FileCode,
    title: "Canonical Source of Truth",
    description: "Contracts define what the system should do, not just what it does. AI agents read specs, not implementations.",
    iconClassName: "text-emerald-400"
  },
  {
    icon: Layers,
    title: "Multi-Surface Consistency",
    description: "One spec generates API, DB, UI, events, and MCP tools. All surfaces stay in sync because they share the same source.",
    iconClassName: "text-blue-400"
  },
  {
    icon: RefreshCw,
    title: "Safe Regeneration",
    description: "Regenerate code anytime without fear. Specs enforce invariants. Breaking changes caught at compile time.",
    iconClassName: "text-violet-400"
  },
  {
    icon: Shield,
    title: "AI Governance",
    description: "Constrain what AI agents can change. Enforce contracts they must respect. Flag violations automatically.",
    iconClassName: "text-pink-400"
  }
];
function SolutionSection() {
  return /* @__PURE__ */ jsxDEV2(IconGridSection, {
    tone: "default",
    columns: 4,
    eyebrow: "The Solution",
    title: "ContractSpec: The safety layer for AI-coded systems",
    subtitle: "Define contracts once. Generate consistent code across all surfaces. Regenerate safely anytime. No lock-in.",
    items: solutionItems
  }, undefined, false, undefined, this);
}
export {
  SolutionSection
};
