From 5936aedd3d853514a31ebece23175255fb2415c3 Mon Sep 17 00:00:00 2001
From: Arslaan Pathan <arslaan@arslaancodes.com>
Date: Mon, 31 Aug 2026 17:00:12 +1200
Subject: Initial commit

---
 app/fabric/page.tsx | 60 +++++++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 60 insertions(+)
 create mode 100644 app/fabric/page.tsx

(limited to 'app/fabric/page.tsx')

diff --git a/app/fabric/page.tsx b/app/fabric/page.tsx
new file mode 100644
index 0000000..58dafe6
--- /dev/null
+++ b/app/fabric/page.tsx
@@ -0,0 +1,60 @@
+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."
+      />
+    </>
+  );
+}
-- 
cgit v1.2.3