// src/components/docs/manifesto/ManifestoPage.tsx
import { jsx, jsxs } from "react/jsx-runtime";
function ManifestoPage() {
  return /* @__PURE__ */ jsxs("div", {
    className: "space-y-8",
    children: [
      /* @__PURE__ */ jsxs("div", {
        className: "space-y-4",
        children: [
          /* @__PURE__ */ jsx("h1", {
            className: "text-4xl font-bold",
            children: "Manifesto"
          }),
          /* @__PURE__ */ jsx("p", {
            className: "text-muted-foreground text-lg",
            children: "ContractSpec is the deterministic, spec-first compiler that keeps AI-written software coherent, safe, and regenerable. We're building the safety layer for AI-coded systems."
          })
        ]
      }),
      /* @__PURE__ */ jsxs("div", {
        className: "space-y-6",
        children: [
          /* @__PURE__ */ jsxs("div", {
            className: "space-y-3",
            children: [
              /* @__PURE__ */ jsx("h2", {
                className: "text-2xl font-bold",
                children: "Compiler, not prison"
              }),
              /* @__PURE__ */ jsx("p", {
                className: "text-muted-foreground",
                children: "ContractSpec is a tool in your toolchain, not a platform you're locked into. Like TypeScript compiles to JavaScript, ContractSpec compiles specs to standard code. The generated output is yours—readable, modifiable, and ejectable at any time."
              }),
              /* @__PURE__ */ jsx("p", {
                className: "text-muted-foreground",
                children: "We believe developers should own their code. There's no proprietary runtime, no vendor-specific abstractions, no magic that hides complexity. You can always see what ContractSpec generates, understand it, and take it with you if you leave."
              })
            ]
          }),
          /* @__PURE__ */ jsxs("div", {
            className: "space-y-3",
            children: [
              /* @__PURE__ */ jsx("h2", {
                className: "text-2xl font-bold",
                children: "Standard tech, no magic"
              }),
              /* @__PURE__ */ jsx("p", {
                className: "text-muted-foreground",
                children: "Everything ContractSpec generates uses technology you already know: TypeScript, Zod, Prisma, GraphQL, REST, React. There's no new language to learn, no YAML configuration hell, no DSL that only works in our ecosystem."
              }),
              /* @__PURE__ */ jsxs("p", {
                className: "text-muted-foreground",
                children: [
                  "Specs are just TypeScript. If you can write",
                  " ",
                  /* @__PURE__ */ jsxs("code", {
                    className: "rounded bg-violet-500/10 px-1.5 py-0.5 text-sm",
                    children: [
                      "z.object(",
                      "{",
                      " name: z.string() ",
                      "}",
                      ")"
                    ]
                  }),
                  ", you can write a ContractSpec. Your existing skills transfer directly."
                ]
              })
            ]
          }),
          /* @__PURE__ */ jsxs("div", {
            className: "space-y-3",
            children: [
              /* @__PURE__ */ jsx("h2", {
                className: "text-2xl font-bold",
                children: "Incremental adoption"
              }),
              /* @__PURE__ */ jsx("p", {
                className: "text-muted-foreground",
                children: "You don't rewrite your app to use ContractSpec. You stabilize one module at a time. Start with a single API endpoint, a single data model, a single contract. See the value. Expand gradually."
              }),
              /* @__PURE__ */ jsx("p", {
                className: "text-muted-foreground",
                children: "This isn't a big-bang migration. It's a safety layer you add incrementally to existing AI-generated chaos. No pressure. No deadlines. Your pace."
              })
            ]
          }),
          /* @__PURE__ */ jsxs("div", {
            className: "space-y-3",
            children: [
              /* @__PURE__ */ jsx("h2", {
                className: "text-2xl font-bold",
                children: "AI governance"
              }),
              /* @__PURE__ */ jsx("p", {
                className: "text-muted-foreground",
                children: "In 2025, AI agents generate enormous amounts of code. But they can't enforce invariants, they break multi-surface consistency, and they hallucinate refactors. The result is code that's hard to maintain and dangerous to trust."
              }),
              /* @__PURE__ */ jsxs("p", {
                className: "text-muted-foreground",
                children: [
                  "ContractSpec provides the governance layer. Contracts define what the system ",
                  /* @__PURE__ */ jsx("em", {
                    children: "should"
                  }),
                  " do. AI agents read specs, not implementations. Code that violates contracts gets flagged and rejected before it can cause damage."
                ]
              })
            ]
          }),
          /* @__PURE__ */ jsxs("div", {
            className: "space-y-3",
            children: [
              /* @__PURE__ */ jsx("h2", {
                className: "text-2xl font-bold",
                children: "Multi-surface consistency"
              }),
              /* @__PURE__ */ jsx("p", {
                className: "text-muted-foreground",
                children: "One spec generates API endpoints, database schemas, UI types, event definitions, and MCP tools. All surfaces stay in sync because they share the same source of truth."
              }),
              /* @__PURE__ */ jsx("p", {
                className: "text-muted-foreground",
                children: "No more chasing drift between your API and your database. No more frontend types that don't match backend contracts. One change to the spec, all surfaces update consistently."
              })
            ]
          }),
          /* @__PURE__ */ jsxs("div", {
            className: "space-y-3",
            children: [
              /* @__PURE__ */ jsx("h2", {
                className: "text-2xl font-bold",
                children: "Safe regeneration"
              }),
              /* @__PURE__ */ jsx("p", {
                className: "text-muted-foreground",
                children: "You can regenerate code at any time without fear. Specs enforce invariants. Breaking changes are caught at compile time, not in production. Roll back to any previous version with confidence."
              }),
              /* @__PURE__ */ jsx("p", {
                className: "text-muted-foreground",
                children: `This is the promise of spec-first development: the code is derived from the spec, so regenerating it is always safe. No more "don't touch that file" warnings. No more fear of AI-generated spaghetti.`
              })
            ]
          })
        ]
      }),
      /* @__PURE__ */ jsxs("div", {
        className: "space-y-4",
        children: [
          /* @__PURE__ */ jsx("h2", {
            className: "text-2xl font-bold",
            children: "Join us"
          }),
          /* @__PURE__ */ jsx("p", {
            className: "text-muted-foreground",
            children: "We're building the safety layer for AI-coded systems. If you believe developers should own their code, that AI needs governance, and that standard tech beats proprietary magic—we'd love to have you."
          }),
          /* @__PURE__ */ jsxs("p", {
            className: "text-muted-foreground",
            children: [
              "You keep your app. We stabilize it, one module at a time. You own the code. It's standard tech.",
              " ",
              /* @__PURE__ */ jsx("span", {
                className: "font-semibold text-violet-400",
                children: "We're the compiler, not the prison."
              })
            ]
          }),
          /* @__PURE__ */ jsxs("div", {
            className: "flex flex-wrap gap-4 pt-4",
            children: [
              /* @__PURE__ */ jsx("a", {
                href: "/install",
                className: "btn-primary",
                children: "Install OSS Core"
              }),
              /* @__PURE__ */ jsx("a", {
                href: "https://www.contractspec.studio",
                className: "btn-ghost",
                children: "Try Studio"
              })
            ]
          })
        ]
      })
    ]
  });
}
export {
  ManifestoPage
};
