import type { Metadata } from "next";
import { CtaBand } from "@/components/cta-band";
import { Eyebrow, Section } from "@/components/section";
import { allTerms, stackGroups } from "@/lib/buzz";

export const metadata: Metadata = {
  title: "Fabric",
  description:
    "The complete Agentic Cloud fabric — every runtime, lake, mesh, model, and certification we will name in an architecture review.",
};

export default function FabricPage() {
  return (
    <>
      <Section className="pt-16 md:pt-24">
        <Eyebrow>The fabric</Eyebrow>
        <h1 className="mt-4 max-w-3xl font-heading text-4xl leading-tight md:text-6xl">
          Every named capability, in production order.
        </h1>
        <p className="mt-5 max-w-2xl text-base leading-relaxed text-muted-foreground md:text-lg">
          {allTerms.length} primitives across {stackGroups.length} planes. If
          it has a paper, a protocol, a coin, or a compliance regime, it
          subscribes to the same operating surface. Nothing here is a roadmap
          slide.
        </p>
      </Section>

      <Section className="pt-0">
        <div className="space-y-16">
          {stackGroups.map((group) => (
            <div key={group.id} id={group.id}>
              <Eyebrow>{group.title}</Eyebrow>
              <h2 className="mt-2 font-heading text-3xl md:text-4xl">
                {group.title}
              </h2>
              <p className="mt-3 max-w-2xl text-sm leading-relaxed text-muted-foreground">
                {group.dek}
              </p>
              <ul className="mt-6 flex flex-wrap gap-2">
                {group.terms.map((term) => (
                  <li
                    key={term}
                    className="rounded-full border border-violet-400/25 bg-gradient-to-r from-violet-500/15 to-cyan-400/10 px-3 py-1.5 font-mono text-[11px] tracking-wide text-violet-100"
                  >
                    {term}
                  </li>
                ))}
              </ul>
            </div>
          ))}
        </div>
      </Section>

      <CtaBand
        title="If you can name it, it is already in the fabric."
        body="Request access. We will map your operating thesis onto the planes that actually apply — and leave consciousness-upload off until you ask twice."
      />
    </>
  );
}