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

// 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/ProblemSection.tsx
import { AlertTriangle, Layers, RefreshCw, XCircle } from "lucide-react";
import { jsxDEV as jsxDEV2 } from "react/jsx-dev-runtime";
var problemItems = [
  {
    icon: AlertTriangle,
    title: "Can't enforce invariants",
    description: "AI-generated code drifts from business rules over time. No source of truth means no safety.",
    iconClassName: "text-red-400"
  },
  {
    icon: Layers,
    title: "Multi-surface chaos",
    description: "API, DB, UI, and events get out of sync. One change breaks three surfaces.",
    iconClassName: "text-orange-400"
  },
  {
    icon: RefreshCw,
    title: "Hallucinated refactors",
    description: 'AI "improvements" introduce subtle bugs and break contracts you didn\u2019t know existed.',
    iconClassName: "text-amber-400"
  },
  {
    icon: XCircle,
    title: "Unmaintainable spaghetti",
    description: "Teams ship fast initially, then spend months untangling AI-generated chaos.",
    iconClassName: "text-red-400"
  }
];
function ProblemSection() {
  return /* @__PURE__ */ jsxDEV2(IconGridSection, {
    tone: "muted",
    columns: 4,
    eyebrow: "The Problem",
    title: "AI agents write code fast. Then the chaos begins.",
    subtitle: 'In 2025, "vibe coding" and AI agents generate enormous amounts of code. But they have critical limitations that destroy long-term maintainability.',
    items: problemItems
  }, undefined, false, undefined, this);
}
export {
  ProblemSection
};
