import { createRequire } from "node:module";
var __require = /* @__PURE__ */ createRequire(import.meta.url);

// src/components/marketing/sections/DevelopersSection.tsx
import {
  ButtonLink,
  MarketingComparisonSection
} from "@contractspec/lib.design-system";
import { jsxDEV } from "react/jsx-dev-runtime";
var standardTech = [
  "TypeScript & Zod — schemas you already know",
  "Prisma — standard database access",
  "GraphQL or REST — your choice",
  "React or any UI framework",
  "Bun, Node, Deno — all supported"
];
var noMagic = [
  "Generated code is readable & modifiable",
  "No proprietary runtime dependencies",
  "Eject anytime, keep everything",
  "Works with your existing CI/CD",
  "Open spec format"
];
function DevelopersSection() {
  return /* @__PURE__ */ jsxDEV(MarketingComparisonSection, {
    tone: "muted",
    title: "Built for developers",
    padding: "comfortable",
    left: { title: "Standard Tech Stack", items: standardTech },
    right: { title: "No Magic, No Lock-in", items: noMagic },
    subtitle: /* @__PURE__ */ jsxDEV(ButtonLink, {
      href: "/docs",
      children: [
        "Read the docs ",
        /* @__PURE__ */ jsxDEV("span", {
          "aria-hidden": true,
          children: "→"
        }, undefined, false, undefined, this)
      ]
    }, undefined, true, undefined, this)
  }, undefined, false, undefined, this);
}
export {
  DevelopersSection
};
