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/about/page.tsx           |  73 +++++++++++
 app/careers/page.tsx         |  63 ++++++++++
 app/customers/page.tsx       |  59 +++++++++
 app/fabric/page.tsx          |  60 +++++++++
 app/favicon.ico              | Bin 0 -> 25931 bytes
 app/globals.css              | 283 +++++++++++++++++++++++++++++++++++++++++++
 app/icon.svg                 |  15 +++
 app/insights/[slug]/page.tsx |  52 ++++++++
 app/insights/page.tsx        |  48 ++++++++
 app/layout.tsx               |  41 +++++++
 app/not-found.tsx            |  24 ++++
 app/page.tsx                 | 227 ++++++++++++++++++++++++++++++++++
 app/platform/page.tsx        | 124 +++++++++++++++++++
 app/pricing/page.tsx         |  84 +++++++++++++
 app/privacy/page.tsx         |  49 ++++++++
 app/request-access/page.tsx  |  41 +++++++
 app/solutions/page.tsx       |  33 +++++
 app/terms/page.tsx           |  48 ++++++++
 app/trust/page.tsx           |  68 +++++++++++
 19 files changed, 1392 insertions(+)
 create mode 100644 app/about/page.tsx
 create mode 100644 app/careers/page.tsx
 create mode 100644 app/customers/page.tsx
 create mode 100644 app/fabric/page.tsx
 create mode 100644 app/favicon.ico
 create mode 100644 app/globals.css
 create mode 100644 app/icon.svg
 create mode 100644 app/insights/[slug]/page.tsx
 create mode 100644 app/insights/page.tsx
 create mode 100644 app/layout.tsx
 create mode 100644 app/not-found.tsx
 create mode 100644 app/page.tsx
 create mode 100644 app/platform/page.tsx
 create mode 100644 app/pricing/page.tsx
 create mode 100644 app/privacy/page.tsx
 create mode 100644 app/request-access/page.tsx
 create mode 100644 app/solutions/page.tsx
 create mode 100644 app/terms/page.tsx
 create mode 100644 app/trust/page.tsx

(limited to 'app')

diff --git a/app/about/page.tsx b/app/about/page.tsx
new file mode 100644
index 0000000..6ffc03a
--- /dev/null
+++ b/app/about/page.tsx
@@ -0,0 +1,73 @@
+import type { Metadata } from "next";
+import Link from "next/link";
+import { CtaBand } from "@/components/cta-band";
+import { Eyebrow, Section } from "@/components/section";
+import { buttonVariants } from "@/components/ui/button";
+import { team } from "@/lib/content";
+import { cn } from "@/lib/utils";
+
+export const metadata: Metadata = {
+  title: "About",
+  description:
+    "The Agentic Cloud, Inc. — building the operating fabric for institutions that have outgrown copilots.",
+};
+
+export default function AboutPage() {
+  return (
+    <>
+      <Section className="pt-16 md:pt-24">
+        <Eyebrow>About</Eyebrow>
+        <h1 className="mt-4 max-w-3xl font-heading text-4xl leading-tight md:text-6xl">
+          Built in the gap between the lake and the board packet.
+        </h1>
+        <p className="mt-5 max-w-2xl text-base leading-relaxed text-muted-foreground md:text-lg">
+          The Agentic Cloud, Inc. was founded in 2023 after a third
+          transformation program tried to measure synergy with a survey. We
+          are a team of fabric engineers, forward-deployed outcomes partners,
+          and people who have sat through architecture reviews where
+          “blockchain” was a slide and “agentic” was a vibe.
+        </p>
+        <p className="mt-4 max-w-2xl text-base leading-relaxed text-muted-foreground md:text-lg">
+          Series B, $84M, led by Horizon Capital with participation from
+          Signal Peak and several operators who asked us not to put their
+          funds on the website. Headquarters in San Francisco and London.
+          Continuity node in a jurisdiction we describe as “sovereignty
+          optional until it isn’t.”
+        </p>
+      </Section>
+      <Section className="border-y border-white/10 bg-white/5">
+        <Eyebrow>Leadership</Eyebrow>
+        <h2 className="mt-3 font-heading text-3xl md:text-4xl">
+          The people who will not demo a chatbot.
+        </h2>
+        <div className="mt-10 grid gap-8 sm:grid-cols-2">
+          {team.map((person) => (
+            <article key={person.name}>
+              <h3 className="font-heading text-2xl">{person.name}</h3>
+              <p className="mt-1 font-mono text-[11px] uppercase tracking-[0.16em] text-primary">
+                {person.role}
+              </p>
+              <p className="mt-3 text-sm leading-relaxed text-muted-foreground">
+                {person.bio}
+              </p>
+            </article>
+          ))}
+        </div>
+      </Section>
+      <Section>
+        <Eyebrow>Join</Eyebrow>
+        <h2 className="mt-3 max-w-2xl font-heading text-3xl md:text-4xl">
+          We hire people who can say Mamba-2.5 in an architecture review
+          without smiling.
+        </h2>
+        <Link
+          href="/careers"
+          className={cn(buttonVariants({ variant: "outline" }), "mt-6 h-10 px-4")}
+        >
+          Open roles
+        </Link>
+      </Section>
+      <CtaBand />
+    </>
+  );
+}
diff --git a/app/careers/page.tsx b/app/careers/page.tsx
new file mode 100644
index 0000000..8eabdc1
--- /dev/null
+++ b/app/careers/page.tsx
@@ -0,0 +1,63 @@
+import type { Metadata } from "next";
+import Link from "next/link";
+import { CtaBand } from "@/components/cta-band";
+import { Eyebrow, Section } from "@/components/section";
+import { buttonVariants } from "@/components/ui/button";
+import { jobs } from "@/lib/content";
+import { cn } from "@/lib/utils";
+
+export const metadata: Metadata = {
+  title: "Careers",
+  description:
+    "Join The Agentic Cloud — fabric engineers, outcomes partners, and people who can say Mamba-2.5 in an architecture review.",
+};
+
+export default function CareersPage() {
+  return (
+    <>
+      <Section className="pt-16 md:pt-24">
+        <Eyebrow>Careers</Eyebrow>
+        <h1 className="mt-4 max-w-3xl font-heading text-4xl leading-tight md:text-6xl">
+          Come build the cloud that agents actually run on.
+        </h1>
+        <p className="mt-5 max-w-2xl text-base leading-relaxed text-muted-foreground md:text-lg">
+          We are hiring people who have sat in the room where the real
+          decision happened after the meeting — and who can encode that
+          without writing a chatbot.
+        </p>
+      </Section>
+      <Section className="pt-0">
+        <div className="divide-y divide-white/10 border-y border-white/10">
+          {jobs.map((job) => (
+            <article key={job.id} className="grid gap-4 py-8 md:grid-cols-[1fr_auto]">
+              <div>
+                <p className="font-mono text-[11px] uppercase tracking-[0.16em] text-primary">
+                  {job.team} · {job.location}
+                </p>
+                <h2 className="mt-2 font-heading text-2xl md:text-3xl">
+                  {job.title}
+                </h2>
+                <p className="mt-3 max-w-2xl text-sm leading-relaxed text-muted-foreground">
+                  {job.blurb}
+                </p>
+              </div>
+              <Link
+                href="/request-access"
+                className={cn(
+                  buttonVariants({ variant: "outline" }),
+                  "h-9 self-start px-3.5"
+                )}
+              >
+                Apply via access
+              </Link>
+            </article>
+          ))}
+        </div>
+      </Section>
+      <CtaBand
+        title="Do not see the role?"
+        body="Send the thesis anyway. We open roles around people more often than the other way around."
+      />
+    </>
+  );
+}
diff --git a/app/customers/page.tsx b/app/customers/page.tsx
new file mode 100644
index 0000000..acb1589
--- /dev/null
+++ b/app/customers/page.tsx
@@ -0,0 +1,59 @@
+import type { Metadata } from "next";
+import { CtaBand } from "@/components/cta-band";
+import { Eyebrow, Section } from "@/components/section";
+import { cases } from "@/lib/content";
+
+export const metadata: Metadata = {
+  title: "Customers",
+  description:
+    "How institutions use The Agentic Cloud to turn lakes, agents, and unofficial rules into attested outcomes.",
+};
+
+export default function CustomersPage() {
+  return (
+    <>
+      <Section className="pt-16 md:pt-24">
+        <Eyebrow>Customers</Eyebrow>
+        <h1 className="mt-4 max-w-3xl font-heading text-4xl leading-tight md:text-6xl">
+          Outcomes, attributed. Synergy, attested.
+        </h1>
+        <p className="mt-5 max-w-2xl text-base leading-relaxed text-muted-foreground md:text-lg">
+          We do not publish logos for sport. These institutions let us name
+          the number, the thesis, and the person who will still take the
+          call.
+        </p>
+      </Section>
+      <Section className="pt-0">
+        <div className="space-y-6">
+          {cases.map((c) => (
+            <article
+              key={c.company}
+              className="grid gap-8 rounded-3xl border border-white/10 bg-white/5 p-6 backdrop-blur-xl md:grid-cols-[200px_1fr] md:p-10"
+            >
+              <div>
+                <p className="vibe-text font-heading text-5xl">{c.stat}</p>
+                <p className="mt-2 text-sm text-muted-foreground">
+                  {c.statLabel}
+                </p>
+                <p className="mt-6 text-sm font-medium">{c.company}</p>
+                <p className="text-xs text-muted-foreground">{c.sector}</p>
+              </div>
+              <div>
+                <p className="text-[15px] leading-relaxed text-foreground/90">
+                  {c.summary}
+                </p>
+                <blockquote className="mt-6 border-l border-primary/40 pl-4 text-sm italic text-muted-foreground">
+                  “{c.quote}”
+                  <footer className="mt-2 not-italic text-foreground/80">
+                    {c.person}
+                  </footer>
+                </blockquote>
+              </div>
+            </article>
+          ))}
+        </div>
+      </Section>
+      <CtaBand />
+    </>
+  );
+}
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."
+      />
+    </>
+  );
+}
diff --git a/app/favicon.ico b/app/favicon.ico
new file mode 100644
index 0000000..718d6fe
Binary files /dev/null and b/app/favicon.ico differ
diff --git a/app/globals.css b/app/globals.css
new file mode 100644
index 0000000..e38984e
--- /dev/null
+++ b/app/globals.css
@@ -0,0 +1,283 @@
+@import "tailwindcss";
+@import "tw-animate-css";
+@import "shadcn/tailwind.css";
+
+@custom-variant dark (&:is(.dark *));
+
+@theme inline {
+  --color-background: var(--background);
+  --color-foreground: var(--foreground);
+  --font-sans: var(--font-geist-sans);
+  --font-mono: var(--font-geist-mono);
+  --font-heading: var(--font-geist-sans);
+  --color-sidebar-ring: var(--sidebar-ring);
+  --color-sidebar-border: var(--sidebar-border);
+  --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
+  --color-sidebar-accent: var(--sidebar-accent);
+  --color-sidebar-primary-foreground: var(--sidebar-primary-foreground);
+  --color-sidebar-primary: var(--sidebar-primary);
+  --color-sidebar-foreground: var(--sidebar-foreground);
+  --color-sidebar: var(--sidebar);
+  --color-chart-5: var(--chart-5);
+  --color-chart-4: var(--chart-4);
+  --color-chart-3: var(--chart-3);
+  --color-chart-2: var(--chart-2);
+  --color-chart-1: var(--chart-1);
+  --color-ring: var(--ring);
+  --color-input: var(--input);
+  --color-border: var(--border);
+  --color-destructive: var(--destructive);
+  --color-accent-foreground: var(--accent-foreground);
+  --color-accent: var(--accent);
+  --color-muted-foreground: var(--muted-foreground);
+  --color-muted: var(--muted);
+  --color-secondary-foreground: var(--secondary-foreground);
+  --color-secondary: var(--secondary);
+  --color-primary-foreground: var(--primary-foreground);
+  --color-primary: var(--primary);
+  --color-popover-foreground: var(--popover-foreground);
+  --color-popover: var(--popover);
+  --color-card-foreground: var(--card-foreground);
+  --color-card: var(--card);
+  --color-gold: var(--gold);
+  --radius-sm: calc(var(--radius) * 0.6);
+  --radius-md: calc(var(--radius) * 0.8);
+  --radius-lg: var(--radius);
+  --radius-xl: calc(var(--radius) * 1.4);
+  --radius-2xl: calc(var(--radius) * 1.8);
+  --radius-3xl: calc(var(--radius) * 2.2);
+  --radius-4xl: calc(var(--radius) * 2.6);
+}
+
+:root,
+.dark {
+  --background: oklch(0.145 0.045 300);
+  --foreground: oklch(0.985 0.01 300);
+  --card: oklch(0.205 0.055 300 / 0.62);
+  --card-foreground: oklch(0.985 0.01 300);
+  --popover: oklch(0.2 0.05 300 / 0.92);
+  --popover-foreground: oklch(0.985 0.01 300);
+  --primary: oklch(0.72 0.2 305);
+  --primary-foreground: oklch(0.99 0 0);
+  --secondary: oklch(0.28 0.07 300);
+  --secondary-foreground: oklch(0.98 0.01 300);
+  --muted: oklch(0.26 0.06 300);
+  --muted-foreground: oklch(0.78 0.04 300);
+  --accent: oklch(0.3 0.09 320);
+  --accent-foreground: oklch(0.98 0.01 300);
+  --destructive: oklch(0.704 0.191 22.216);
+  --border: oklch(0.72 0.16 305 / 0.28);
+  --input: oklch(0.72 0.16 305 / 0.32);
+  --ring: oklch(0.72 0.2 305);
+  --gold: oklch(0.78 0.16 320);
+  --chart-1: oklch(0.72 0.2 305);
+  --chart-2: oklch(0.78 0.14 200);
+  --chart-3: oklch(0.7 0.2 330);
+  --chart-4: oklch(0.55 0.12 280);
+  --chart-5: oklch(0.4 0.08 300);
+  --radius: 0.9rem;
+  --sidebar: oklch(0.2 0.05 300);
+  --sidebar-foreground: oklch(0.985 0.01 300);
+  --sidebar-primary: oklch(0.72 0.2 305);
+  --sidebar-primary-foreground: oklch(0.99 0 0);
+  --sidebar-accent: oklch(0.28 0.07 300);
+  --sidebar-accent-foreground: oklch(0.98 0.01 300);
+  --sidebar-border: oklch(0.72 0.16 305 / 0.28);
+  --sidebar-ring: oklch(0.72 0.2 305);
+}
+
+@layer base {
+  * {
+    @apply border-border outline-ring/50;
+  }
+  html {
+    @apply font-sans scroll-smooth;
+  }
+  body {
+    @apply bg-background text-foreground;
+  }
+  h1,
+  h2,
+  h3,
+  .font-heading {
+    font-family: var(--font-geist-sans), ui-sans-serif, system-ui, sans-serif;
+    letter-spacing: -0.04em;
+  }
+  h1,
+  h2 {
+    font-weight: 600;
+  }
+}
+
+.grid-bg {
+  background-image:
+    linear-gradient(to right, oklch(0.72 0.2 305 / 0.08) 1px, transparent 1px),
+    linear-gradient(to bottom, oklch(0.72 0.2 305 / 0.08) 1px, transparent 1px);
+  background-size: 64px 64px;
+  mask-image: radial-gradient(ellipse 80% 70% at 50% 0%, black, transparent);
+}
+
+.gold-text,
+.vibe-text {
+  background: linear-gradient(
+    90deg,
+    #c4b5fd 0%,
+    #e879f9 28%,
+    #67e8f9 62%,
+    #a78bfa 100%
+  );
+  background-size: 220% auto;
+  -webkit-background-clip: text;
+  background-clip: text;
+  color: transparent;
+  animation: vibe-shift 7s linear infinite;
+}
+
+.ambient {
+  background:
+    radial-gradient(
+      70% 50% at 50% -10%,
+      oklch(0.5 0.22 305 / 0.55),
+      transparent 58%
+    ),
+    radial-gradient(
+      42% 40% at 90% 12%,
+      oklch(0.62 0.24 330 / 0.32),
+      transparent 60%
+    ),
+    radial-gradient(
+      38% 38% at 8% 28%,
+      oklch(0.62 0.16 210 / 0.28),
+      transparent 62%
+    );
+}
+
+.orb {
+  position: absolute;
+  border-radius: 9999px;
+  filter: blur(72px);
+  opacity: 0.55;
+  will-change: transform;
+}
+
+.orb-a {
+  width: min(42vw, 540px);
+  height: min(42vw, 540px);
+  left: 18%;
+  top: -8%;
+  background: #7c3aed;
+  animation: blob 18s ease-in-out infinite;
+}
+
+.orb-b {
+  width: min(36vw, 460px);
+  height: min(36vw, 460px);
+  right: -6%;
+  top: 12%;
+  background: #db2777;
+  animation: blob 22s ease-in-out infinite reverse;
+}
+
+.orb-c {
+  width: min(34vw, 420px);
+  height: min(34vw, 420px);
+  left: -8%;
+  bottom: 8%;
+  background: #22d3ee;
+  animation: blob 20s ease-in-out infinite 1.4s;
+}
+
+.orb-d {
+  width: min(28vw, 340px);
+  height: min(28vw, 340px);
+  right: 18%;
+  bottom: -10%;
+  background: #6366f1;
+  animation: blob 26s ease-in-out infinite 0.6s;
+}
+
+.noise {
+  position: absolute;
+  inset: 0;
+  opacity: 0.045;
+  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
+  pointer-events: none;
+}
+
+.glass {
+  background: oklch(0.24 0.06 300 / 0.45);
+  backdrop-filter: blur(18px);
+  border: 1px solid oklch(1 0 0 / 0.1);
+}
+
+.vibe-btn {
+  background-image: linear-gradient(
+    135deg,
+    #c084fc 0%,
+    #a78bfa 40%,
+    #818cf8 72%,
+    #22d3ee 100%
+  );
+  color: white;
+  box-shadow:
+    0 0 28px oklch(0.7 0.2 305 / 0.45),
+    0 10px 28px oklch(0.2 0.08 300 / 0.35);
+}
+
+.vibe-btn:hover {
+  filter: brightness(1.08);
+}
+
+@keyframes vibe-shift {
+  to {
+    background-position: 220% center;
+  }
+}
+
+@keyframes blob {
+  0%,
+  100% {
+    transform: translate(0, 0) scale(1);
+  }
+  33% {
+    transform: translate(4%, -6%) scale(1.12);
+  }
+  66% {
+    transform: translate(-5%, 4%) scale(0.92);
+  }
+}
+
+@keyframes pulse-node {
+  0%,
+  100% {
+    opacity: 0.45;
+  }
+  50% {
+    opacity: 1;
+  }
+}
+
+.pulse-node {
+  animation: pulse-node 3.2s ease-in-out infinite;
+}
+
+.pulse-node-2 {
+  animation: pulse-node 4s ease-in-out infinite 0.6s;
+}
+
+.pulse-node-3 {
+  animation: pulse-node 3.6s ease-in-out infinite 1.2s;
+}
+
+@keyframes marquee {
+  from {
+    transform: translateX(0);
+  }
+  to {
+    transform: translateX(-50%);
+  }
+}
+
+.marquee-track {
+  animation: marquee 42s linear infinite;
+}
diff --git a/app/icon.svg b/app/icon.svg
new file mode 100644
index 0000000..4554bea
--- /dev/null
+++ b/app/icon.svg
@@ -0,0 +1,15 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">
+  <defs>
+    <linearGradient id="g" x1="0" y1="0" x2="1" y2="1">
+      <stop offset="0%" stop-color="#c084fc"/>
+      <stop offset="50%" stop-color="#e879f9"/>
+      <stop offset="100%" stop-color="#22d3ee"/>
+    </linearGradient>
+  </defs>
+  <rect width="32" height="32" rx="9" fill="#1a1028"/>
+  <ellipse cx="16" cy="18.5" rx="9.5" ry="5.2" fill="none" stroke="url(#g)" stroke-width="1.4"/>
+  <ellipse cx="16" cy="16" rx="7" ry="3.6" fill="none" stroke="url(#g)" stroke-width="1.3"/>
+  <circle cx="10.5" cy="16.2" r="1.4" fill="#c084fc"/>
+  <circle cx="16" cy="14.4" r="1.55" fill="#e879f9"/>
+  <circle cx="21.5" cy="16.2" r="1.4" fill="#67e8f9"/>
+</svg>
diff --git a/app/insights/[slug]/page.tsx b/app/insights/[slug]/page.tsx
new file mode 100644
index 0000000..d654ff0
--- /dev/null
+++ b/app/insights/[slug]/page.tsx
@@ -0,0 +1,52 @@
+import type { Metadata } from "next";
+import Link from "next/link";
+import { notFound } from "next/navigation";
+import { Eyebrow, Section } from "@/components/section";
+import { posts } from "@/lib/content";
+
+type Props = { params: Promise<{ slug: string }> };
+
+export async function generateStaticParams() {
+  return posts.map((p) => ({ slug: p.slug }));
+}
+
+export async function generateMetadata({ params }: Props): Promise<Metadata> {
+  const { slug } = await params;
+  const post = posts.find((p) => p.slug === slug);
+  if (!post) return { title: "Insight" };
+  return { title: post.title, description: post.dek };
+}
+
+export default async function InsightPostPage({ params }: Props) {
+  const { slug } = await params;
+  const post = posts.find((p) => p.slug === slug);
+  if (!post) notFound();
+
+  return (
+    <Section className="pt-16 md:pt-24" innerClassName="max-w-2xl">
+      <Link
+        href="/insights"
+        className="text-sm text-muted-foreground hover:text-primary"
+      >
+        ← Insights
+      </Link>
+      <Eyebrow className="mt-8">
+        {post.date} · {post.reading}
+      </Eyebrow>
+      <h1 className="mt-4 font-heading text-4xl leading-tight md:text-5xl">
+        {post.title}
+      </h1>
+      <p className="mt-4 text-lg leading-relaxed text-muted-foreground">
+        {post.dek}
+      </p>
+      <div className="mt-10 space-y-5 text-[15px] leading-relaxed text-foreground/90">
+        {post.paragraphs.map((para) => (
+          <p key={para.slice(0, 40)}>{para}</p>
+        ))}
+      </div>
+      <p className="mt-12 text-sm text-muted-foreground">
+        {post.tags.join(" · ")}
+      </p>
+    </Section>
+  );
+}
diff --git a/app/insights/page.tsx b/app/insights/page.tsx
new file mode 100644
index 0000000..3d48dcc
--- /dev/null
+++ b/app/insights/page.tsx
@@ -0,0 +1,48 @@
+import type { Metadata } from "next";
+import Link from "next/link";
+import { CtaBand } from "@/components/cta-band";
+import { Eyebrow, Section } from "@/components/section";
+import { posts } from "@/lib/content";
+
+export const metadata: Metadata = {
+  title: "Insights",
+  description:
+    "Essays from The Agentic Cloud on agentic runtimes, attention-free fabrics, and FedRAMP High afterlives.",
+};
+
+export default function InsightsPage() {
+  return (
+    <>
+      <Section className="pt-16 md:pt-24">
+        <Eyebrow>Insights</Eyebrow>
+        <h1 className="mt-4 max-w-3xl font-heading text-4xl leading-tight md:text-6xl">
+          Writing for the architecture review, not the feed.
+        </h1>
+        <p className="mt-5 max-w-2xl text-base leading-relaxed text-muted-foreground md:text-lg">
+          The thesis, the runtime, and the trust plane — at a length that
+          survives a change-control board.
+        </p>
+      </Section>
+      <Section className="pt-0">
+        <div className="divide-y divide-white/10 border-y border-white/10">
+          {posts.map((p) => (
+            <Link
+              key={p.slug}
+              href={`/insights/${p.slug}`}
+              className="block py-8 transition-colors hover:bg-white/5"
+            >
+              <p className="font-mono text-[11px] text-muted-foreground">
+                {p.date} · {p.reading} · {p.tags.join(" · ")}
+              </p>
+              <h2 className="mt-2 font-heading text-3xl">{p.title}</h2>
+              <p className="mt-2 max-w-2xl text-sm leading-relaxed text-muted-foreground">
+                {p.dek}
+              </p>
+            </Link>
+          ))}
+        </div>
+      </Section>
+      <CtaBand />
+    </>
+  );
+}
diff --git a/app/layout.tsx b/app/layout.tsx
new file mode 100644
index 0000000..c930192
--- /dev/null
+++ b/app/layout.tsx
@@ -0,0 +1,41 @@
+import type { Metadata } from "next";
+import { Geist, Geist_Mono } from "next/font/google";
+import { GlowOrbs } from "@/components/glow-orbs";
+import { SiteFooter } from "@/components/site-footer";
+import { SiteHeader } from "@/components/site-header";
+import { company } from "@/lib/content";
+import "./globals.css";
+
+const geistSans = Geist({
+  variable: "--font-geist-sans",
+  subsets: ["latin"],
+});
+
+const geistMono = Geist_Mono({
+  variable: "--font-geist-mono",
+  subsets: ["latin"],
+});
+
+export const metadata: Metadata = {
+  title: {
+    default: `${company.name} — ${company.tagline}`,
+    template: `%s · ${company.name}`,
+  },
+  description: company.description,
+};
+
+export default function RootLayout({ children }: LayoutProps<"/">) {
+  return (
+    <html
+      lang="en"
+      className={`dark ${geistSans.variable} ${geistMono.variable} h-full antialiased`}
+    >
+      <body className="relative flex min-h-full flex-col overflow-x-hidden bg-background text-foreground">
+        <GlowOrbs />
+        <SiteHeader />
+        <main className="relative flex-1">{children}</main>
+        <SiteFooter />
+      </body>
+    </html>
+  );
+}
diff --git a/app/not-found.tsx b/app/not-found.tsx
new file mode 100644
index 0000000..baecae0
--- /dev/null
+++ b/app/not-found.tsx
@@ -0,0 +1,24 @@
+import Link from "next/link";
+import { buttonVariants } from "@/components/ui/button";
+import { cn } from "@/lib/utils";
+
+export default function NotFound() {
+  return (
+    <div className="mx-auto flex max-w-xl flex-col items-start px-5 py-24 sm:px-8">
+      <p className="font-mono text-[11px] uppercase tracking-[0.2em] text-primary">
+        404
+      </p>
+      <h1 className="mt-4 font-heading text-4xl md:text-5xl">
+        This surface is not instantiated.
+      </h1>
+      <p className="mt-4 text-sm leading-relaxed text-muted-foreground">
+        The route is not in the fabric. It may have been deprecated, never
+        subscribed, or parked on the neutrino plane. Return to a known
+        operating surface.
+      </p>
+      <Link href="/" className={cn(buttonVariants(), "mt-8 h-10 px-4")}>
+        Back to The Agentic Cloud
+      </Link>
+    </div>
+  );
+}
diff --git a/app/page.tsx b/app/page.tsx
new file mode 100644
index 0000000..9ffc5d0
--- /dev/null
+++ b/app/page.tsx
@@ -0,0 +1,227 @@
+import Link from "next/link";
+import { BuzzMarquee } from "@/components/buzz-marquee";
+import { CtaBand } from "@/components/cta-band";
+import { DashboardMock } from "@/components/dashboard-mock";
+import { FaqList } from "@/components/faq-list";
+import { Eyebrow, Section } from "@/components/section";
+import { buttonVariants } from "@/components/ui/button";
+import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
+import {
+  features,
+  logos,
+  metrics,
+  posts,
+  steps,
+  testimonials,
+} from "@/lib/content";
+import { cn } from "@/lib/utils";
+
+export default function HomePage() {
+  return (
+    <>
+      <section className="relative overflow-hidden">
+        <div className="ambient pointer-events-none absolute inset-0" />
+        <div className="grid-bg pointer-events-none absolute inset-0 opacity-60" />
+        <div className="relative mx-auto max-w-6xl px-5 pt-16 pb-12 sm:px-8 sm:pt-24 sm:pb-16">
+          <Eyebrow>Agentic · Cloud-native · Entanglement-ready</Eyebrow>
+          <h1 className="mt-5 max-w-4xl font-heading text-4xl leading-[1.08] font-semibold text-foreground sm:text-5xl md:text-6xl lg:text-[4.35rem]">
+            The Agentic Cloud for{" "}
+            <em className="vibe-text not-italic">enterprise outcomes.</em>
+          </h1>
+          <p className="mt-6 max-w-2xl text-base leading-relaxed text-muted-foreground sm:text-lg">
+            A space-aware, zero-trust operating fabric where multi-agent
+            collaboration, dark-matter data lakes, and constitutional AI
+            compound into institutional synergy. Models are a substrate.
+            Copilots are an interface. This is the cloud that forms around
+            both.
+          </p>
+          <div className="mt-8 flex flex-col gap-3 sm:flex-row">
+            <Link
+              href="/request-access"
+              className={cn(buttonVariants(), "h-11 px-5 text-sm")}
+            >
+              Request access
+            </Link>
+            <Link
+              href="/platform"
+              className={cn(
+                buttonVariants({ variant: "outline" }),
+                "h-11 px-5 text-sm"
+              )}
+            >
+              See the platform
+            </Link>
+          </div>
+          <p className="mt-5 max-w-xl text-xs leading-relaxed text-muted-foreground">
+            Named a Visionary in the 2026 composite wave for agentic data
+            fabrics, ambient mesh, and neutrino-based signaling — categories
+            we may have invented.
+          </p>
+          <div className="mt-14">
+            <DashboardMock />
+          </div>
+        </div>
+      </section>
+
+      <BuzzMarquee />
+
+      <Section className="py-12 md:py-14">
+        <p className="text-center font-mono text-[11px] uppercase tracking-[0.22em] text-muted-foreground">
+          Trusted by institutions that have outgrown copilots
+        </p>
+        <div className="mt-8 grid grid-cols-2 gap-x-6 gap-y-5 sm:grid-cols-4">
+          {logos.map((name) => (
+            <div
+              key={name}
+              className="text-center text-sm font-medium tracking-wide text-foreground/55"
+            >
+              {name}
+            </div>
+          ))}
+        </div>
+      </Section>
+
+      <Section className="border-y border-white/10 bg-white/5 py-14 md:py-16">
+        <div className="grid grid-cols-2 gap-8 md:grid-cols-4">
+          {metrics.map((m) => (
+            <div key={m.label}>
+              <p className="vibe-text font-heading text-4xl md:text-5xl">
+                {m.value}
+              </p>
+              <p className="mt-2 text-sm text-muted-foreground">{m.label}</p>
+            </div>
+          ))}
+        </div>
+      </Section>
+
+      <Section>
+        <Eyebrow>The fabric</Eyebrow>
+        <h2 className="mt-3 max-w-2xl font-heading text-3xl leading-tight md:text-5xl">
+          Six surfaces. One compounding cloud.
+        </h2>
+        <p className="mt-4 max-w-2xl text-muted-foreground">
+          Nothing here is a point solution. Everything here is a layer the
+          others can subscribe to — including gravitational waves, if you have
+          them.
+        </p>
+        <div className="mt-12 grid gap-4 sm:grid-cols-2 lg:grid-cols-3">
+          {features.map((f) => (
+            <Card
+              key={f.title}
+              className="border-white/10 bg-white/5 shadow-none ring-white/10 backdrop-blur-xl transition hover:border-fuchsia-400/30 hover:shadow-[0_0_40px_oklch(0.6_0.2_305/0.18)]"
+            >
+              <CardHeader>
+                <CardTitle className="font-heading text-xl font-semibold">
+                  {f.title}
+                </CardTitle>
+              </CardHeader>
+              <CardContent className="text-sm leading-relaxed text-muted-foreground">
+                {f.body}
+              </CardContent>
+            </Card>
+          ))}
+        </div>
+        <Link
+          href="/fabric"
+          className={cn(
+            buttonVariants({ variant: "outline" }),
+            "mt-8 h-10 px-4"
+          )}
+        >
+          Browse the full fabric
+        </Link>
+      </Section>
+
+      <Section className="border-y border-white/10 bg-white/[0.03]">
+        <Eyebrow>How it compounds</Eyebrow>
+        <h2 className="mt-3 max-w-2xl font-heading text-3xl leading-tight md:text-5xl">
+          Zero-touch the estate. Encode intent. Realize synergy.
+        </h2>
+        <ol className="mt-12 grid gap-8 md:grid-cols-3">
+          {steps.map((s) => (
+            <li key={s.n}>
+              <p className="font-mono text-xs text-primary">{s.n}</p>
+              <h3 className="mt-3 font-heading text-2xl">{s.title}</h3>
+              <p className="mt-3 text-sm leading-relaxed text-muted-foreground">
+                {s.body}
+              </p>
+            </li>
+          ))}
+        </ol>
+      </Section>
+
+      <Section>
+        <Eyebrow>Institutions</Eyebrow>
+        <h2 className="mt-3 max-w-2xl font-heading text-3xl leading-tight md:text-5xl">
+          They did not buy a chatbot. They installed a point of view.
+        </h2>
+        <div className="mt-12 grid gap-4 lg:grid-cols-3">
+          {testimonials.map((t) => (
+            <blockquote
+              key={t.name}
+              className="flex flex-col rounded-3xl border border-white/10 bg-white/5 p-6 backdrop-blur-xl"
+            >
+              <p className="flex-1 text-[15px] leading-relaxed text-foreground/90">
+                “{t.quote}”
+              </p>
+              <footer className="mt-6 text-sm">
+                <p className="font-medium">{t.name}</p>
+                <p className="text-muted-foreground">
+                  {t.role}, {t.company}
+                </p>
+              </footer>
+            </blockquote>
+          ))}
+        </div>
+        <Link
+          href="/customers"
+          className="mt-8 inline-block text-sm text-primary hover:underline"
+        >
+          Read the outcomes →
+        </Link>
+      </Section>
+
+      <Section className="border-y border-white/10">
+        <div className="grid gap-12 lg:grid-cols-[1fr_1.2fr]">
+          <div>
+            <Eyebrow>Insights</Eyebrow>
+            <h2 className="mt-3 font-heading text-3xl leading-tight md:text-4xl">
+              The thesis, at essay length.
+            </h2>
+            <p className="mt-4 text-sm leading-relaxed text-muted-foreground">
+              We publish when we have something the architecture review can
+              use. Not before.
+            </p>
+          </div>
+          <div className="divide-y divide-white/10">
+            {posts.map((p) => (
+              <Link
+                key={p.slug}
+                href={`/insights/${p.slug}`}
+                className="block py-5 first:pt-0 last:pb-0"
+              >
+                <p className="font-mono text-[11px] text-muted-foreground">
+                  {p.date} · {p.reading}
+                </p>
+                <h3 className="mt-1 font-heading text-2xl">{p.title}</h3>
+                <p className="mt-2 text-sm text-muted-foreground">{p.dek}</p>
+              </Link>
+            ))}
+          </div>
+        </div>
+      </Section>
+
+      <Section>
+        <Eyebrow>Questions we get</Eyebrow>
+        <h2 className="mt-3 font-heading text-3xl md:text-4xl">
+          Direct answers. Institutional language.
+        </h2>
+        <div className="mt-8 max-w-3xl">
+          <FaqList />
+        </div>
+      </Section>
+
+      <CtaBand />
+    </>
+  );
+}
diff --git a/app/platform/page.tsx b/app/platform/page.tsx
new file mode 100644
index 0000000..1889fc2
--- /dev/null
+++ b/app/platform/page.tsx
@@ -0,0 +1,124 @@
+import type { Metadata } from "next";
+import Link from "next/link";
+import { CtaBand } from "@/components/cta-band";
+import { DashboardMock } from "@/components/dashboard-mock";
+import { Eyebrow, Section } from "@/components/section";
+import { features } from "@/lib/content";
+import { buttonVariants } from "@/components/ui/button";
+import { cn } from "@/lib/utils";
+
+export const metadata: Metadata = {
+  title: "Platform",
+  description:
+    "The Agentic Cloud platform — agentic runtime, data fabric, ambient mesh, quantum plane, and bio-sync continuity as a single operating surface.",
+};
+
+const layers = [
+  {
+    name: "Agentic runtime",
+    body: "Multi-agent collaboration with RLHF, causal inference, prompt chaining, self-consistency, beam search, and Monte Carlo tree search. Constitutional, responsible, and explainable by construction. Vibe-coding is the supported interface. PPoE attests the outcome.",
+  },
+  {
+    name: "Intelligence substrate",
+    body: "Generative and discriminative models in one registry: diffusion, flow-matching, consistency models, VQ-VAE through VAE-diffusion, the BERT family through XLNet, and the attention-free runtime — H3 based on Hyena, with Mamba-2 and Griffin, for RWKV-7, with Mamba-2.5.",
+  },
+  {
+    name: "Data fabric",
+    body: "Lakes, including dark-matter. Semantic layer, graph RAG, vector database, feature store, metric store, model registry, federated learning, multimodal search, semantic cache, token optimization, and context windowing.",
+  },
+  {
+    name: "Cloud-native mesh",
+    body: "Serverless and cloud-native. Sidecar or ambient. Cilium-powered networking, eBPF deep inspection and service map, observability stack, distributed tracing. Declarative, immutable, zero-touch, chaos-engineered. IoT and RTOS where the floor still boots in real time.",
+  },
+  {
+    name: "Spacetime plane",
+    body: "Quantum computing, entanglement-ready APIs, post-quantum TLS, spatial computing, metaverse-ready surfaces. Gravitational-wave detection and neutrino-based signaling subscribe like any other SLO. PINN / SPINN / SEPINN / APINN, neural ODE/PDE/SDE, Fourier neural operators.",
+  },
+  {
+    name: "Trust & continuity",
+    body: "Zero trust, crypto-agility, ZK proofs for all APIs, FHE, confidential computing enclaves, TEE attestation. Neuralink, DNA-sequencing pipeline, bio-sync, retinal scan, haptics, consciousness-upload. Carbon-aware placement and the ESG dashboard on the same plane.",
+  },
+];
+
+export default function PlatformPage() {
+  return (
+    <>
+      <Section className="relative overflow-hidden pb-12 pt-16 md:pt-24">
+        <div className="ambient pointer-events-none absolute inset-0 opacity-80" />
+        <div className="relative">
+          <Eyebrow>Platform</Eyebrow>
+          <h1 className="mt-4 max-w-3xl font-heading text-4xl leading-tight md:text-6xl">
+            An operating surface, not a sidebar.
+          </h1>
+          <p className="mt-5 max-w-2xl text-base leading-relaxed text-muted-foreground md:text-lg">
+            The Agentic Cloud is the layer where intent, constraint, agents,
+            and infrastructure stay in the same conversation. You do not
+            install a model. You instantiate a fabric.
+          </p>
+          <div className="mt-8 flex flex-col gap-3 sm:flex-row">
+            <Link
+              href="/request-access"
+              className={cn(buttonVariants(), "h-11 px-5")}
+            >
+              Request access
+            </Link>
+            <Link
+              href="/fabric"
+              className={cn(
+                buttonVariants({ variant: "outline" }),
+                "h-11 px-5"
+              )}
+            >
+              Full capability fabric
+            </Link>
+          </div>
+        </div>
+      </Section>
+
+      <Section className="pt-0">
+        <DashboardMock />
+      </Section>
+
+      <Section className="border-t border-white/10" id="governance">
+        <Eyebrow>Architecture</Eyebrow>
+        <h2 className="mt-3 max-w-2xl font-heading text-3xl md:text-5xl">
+          Six planes. One sovereignty boundary.
+        </h2>
+        <div className="mt-12 divide-y divide-white/10 border-y border-white/10">
+          {layers.map((layer, i) => (
+            <div
+              key={layer.name}
+              className="grid gap-4 py-8 md:grid-cols-[200px_1fr] md:gap-10"
+            >
+              <p className="font-mono text-xs text-primary">
+                0{i + 1} / {layer.name}
+              </p>
+              <p className="text-sm leading-relaxed text-muted-foreground md:text-[15px]">
+                {layer.body}
+              </p>
+            </div>
+          ))}
+        </div>
+      </Section>
+
+      <Section>
+        <Eyebrow>Capabilities in production language</Eyebrow>
+        <h2 className="mt-3 font-heading text-3xl md:text-4xl">
+          What the architecture review will actually read.
+        </h2>
+        <div className="mt-10 grid gap-6 md:grid-cols-2">
+          {features.map((f) => (
+            <div key={f.title}>
+              <h3 className="font-heading text-2xl">{f.title}</h3>
+              <p className="mt-2 text-sm leading-relaxed text-muted-foreground">
+                {f.body}
+              </p>
+            </div>
+          ))}
+        </div>
+      </Section>
+
+      <CtaBand />
+    </>
+  );
+}
diff --git a/app/pricing/page.tsx b/app/pricing/page.tsx
new file mode 100644
index 0000000..219bdb9
--- /dev/null
+++ b/app/pricing/page.tsx
@@ -0,0 +1,84 @@
+import type { Metadata } from "next";
+import Link from "next/link";
+import { CtaBand } from "@/components/cta-band";
+import { FaqList } from "@/components/faq-list";
+import { Eyebrow, Section } from "@/components/section";
+import { buttonVariants } from "@/components/ui/button";
+import { plans } from "@/lib/content";
+import { cn } from "@/lib/utils";
+
+export const metadata: Metadata = {
+  title: "Pricing",
+  description:
+    "Core, Enterprise, and Sovereign instantiations of The Agentic Cloud. All custom. All invitation-based.",
+};
+
+export default function PricingPage() {
+  return (
+    <>
+      <Section className="pt-16 md:pt-24">
+        <Eyebrow>Pricing</Eyebrow>
+        <h1 className="mt-4 max-w-3xl font-heading text-4xl leading-tight md:text-6xl">
+          Instantiations, not seats.
+        </h1>
+        <p className="mt-5 max-w-2xl text-base leading-relaxed text-muted-foreground md:text-lg">
+          The Agentic Cloud is not priced per prompt. It is instantiated
+          against an operating thesis. Core for a value stream. Enterprise
+          for the institution. Sovereign for the environments that have a
+          neutrino plane and a lawyer.
+        </p>
+      </Section>
+      <Section className="pt-0">
+        <div className="grid gap-4 lg:grid-cols-3">
+          {plans.map((plan) => (
+            <div
+              key={plan.name}
+              className={cn(
+                "flex flex-col rounded-2xl border p-6 md:p-8",
+                plan.featured
+                  ? "border-fuchsia-400/40 bg-gradient-to-b from-violet-500/20 via-fuchsia-500/10 to-cyan-500/10 shadow-[0_0_50px_oklch(0.6_0.2_305/0.2)]"
+                  : "border-white/10 bg-white/5 backdrop-blur-xl"
+              )}
+            >
+              <p className="font-mono text-[11px] uppercase tracking-[0.18em] text-primary">
+                {plan.name}
+              </p>
+              <p className="mt-3 font-heading text-3xl">{plan.price}</p>
+              <p className="mt-2 text-sm text-muted-foreground">
+                {plan.audience}
+              </p>
+              <ul className="mt-8 flex-1 space-y-2.5 text-sm text-foreground/85">
+                {plan.features.map((f) => (
+                  <li key={f} className="leading-relaxed">
+                    {f}
+                  </li>
+                ))}
+              </ul>
+              <Link
+                href="/request-access"
+                className={cn(
+                  buttonVariants({
+                    variant: plan.featured ? "default" : "outline",
+                  }),
+                  "mt-8 h-10 justify-center px-4"
+                )}
+              >
+                {plan.cta}
+              </Link>
+            </div>
+          ))}
+        </div>
+      </Section>
+      <Section className="border-t border-white/10">
+        <Eyebrow>Questions</Eyebrow>
+        <h2 className="mt-3 font-heading text-3xl md:text-4xl">
+          Before the commercial conversation.
+        </h2>
+        <div className="mt-8 max-w-3xl">
+          <FaqList />
+        </div>
+      </Section>
+      <CtaBand />
+    </>
+  );
+}
diff --git a/app/privacy/page.tsx b/app/privacy/page.tsx
new file mode 100644
index 0000000..a174ff9
--- /dev/null
+++ b/app/privacy/page.tsx
@@ -0,0 +1,49 @@
+import type { Metadata } from "next";
+import { Eyebrow, Section } from "@/components/section";
+
+export const metadata: Metadata = {
+  title: "Privacy",
+  description: "Privacy notice for The Agentic Cloud.",
+};
+
+const sections = [
+  {
+    title: "What we collect",
+    body: "Institutional contact details, the operating thesis you choose to share, and telemetry strictly inside your sovereignty boundary. Consumer inboxes are not an identity provider. Bio-sync, retinal, Neuralink, and DNA-sequencing pipeline data are processed only in tenancies that have explicitly instantiated those planes.",
+  },
+  {
+    title: "How context compounds",
+    body: "Your graph, lake, and unofficial rules compound inside the fabric you instantiate. They do not train foundation models. Federated learning, where enabled, never leaves the boundary. Zero-knowledge proofs for all APIs are available so you do not have to take this paragraph on faith.",
+  },
+  {
+    title: "Subprocessors",
+    body: "Cloud-native infrastructure in regions you select, including air-gapped and FedRAMP High patterns. Neutrino-based signaling, where subscribed, is treated as an observability signal under the same DPA as distributed tracing. Consciousness-upload endpoints are disabled by default and require a named human review.",
+  },
+  {
+    title: "Your rights",
+    body: "GDPR, CCPA, and COPPA-certified surfaces as applicable. Requests to access, delete, or port institutional context are handled by your outcomes partner. PPoE attestations persist for the retention window your control function signed.",
+  },
+];
+
+export default function PrivacyPage() {
+  return (
+    <Section className="pt-16 md:pt-24" innerClassName="max-w-2xl">
+      <Eyebrow>Legal</Eyebrow>
+      <h1 className="mt-4 font-heading text-4xl md:text-5xl">Privacy</h1>
+      <p className="mt-4 text-sm leading-relaxed text-muted-foreground">
+        Last updated March 1, 2026. This notice is written for institutions,
+        not for people filling out a newsletter.
+      </p>
+      <div className="mt-10 space-y-8">
+        {sections.map((s) => (
+          <section key={s.title}>
+            <h2 className="font-heading text-2xl">{s.title}</h2>
+            <p className="mt-3 text-sm leading-relaxed text-muted-foreground">
+              {s.body}
+            </p>
+          </section>
+        ))}
+      </div>
+    </Section>
+  );
+}
diff --git a/app/request-access/page.tsx b/app/request-access/page.tsx
new file mode 100644
index 0000000..3cc24d5
--- /dev/null
+++ b/app/request-access/page.tsx
@@ -0,0 +1,41 @@
+import type { Metadata } from "next";
+import { RequestForm } from "@/components/request-form";
+import { Eyebrow, Section } from "@/components/section";
+
+export const metadata: Metadata = {
+  title: "Request access",
+  description:
+    "Request invitation-based access to The Agentic Cloud. Institutional email required. PPoE cannot be attested from Gmail.",
+};
+
+export default function RequestAccessPage() {
+  return (
+    <Section className="pt-16 md:pt-24" innerClassName="max-w-5xl">
+      <div className="grid gap-12 lg:grid-cols-[1fr_1.1fr]">
+        <div>
+          <Eyebrow>Invitation-based</Eyebrow>
+          <h1 className="mt-4 font-heading text-4xl leading-tight md:text-5xl">
+            Request access.
+          </h1>
+          <p className="mt-4 text-sm leading-relaxed text-muted-foreground md:text-base">
+            Fit is a mutual decision. Tell us the operating thesis, not the
+            tool list. An outcomes partner will assess whether your lake,
+            your mesh, and our attention-free runtime are prepared to
+            compound.
+          </p>
+          <ul className="mt-8 space-y-3 text-sm text-muted-foreground">
+            <li>Institutional email required.</li>
+            <li>No product tour. A working session if there is fit.</li>
+            <li>
+              Consciousness-upload and neutrino planes are scoped after the
+              first conversation.
+            </li>
+          </ul>
+        </div>
+        <div className="rounded-3xl border border-white/10 bg-white/5 p-6 backdrop-blur-xl md:p-8">
+          <RequestForm />
+        </div>
+      </div>
+    </Section>
+  );
+}
diff --git a/app/solutions/page.tsx b/app/solutions/page.tsx
new file mode 100644
index 0000000..4afb000
--- /dev/null
+++ b/app/solutions/page.tsx
@@ -0,0 +1,33 @@
+import type { Metadata } from "next";
+import { CtaBand } from "@/components/cta-band";
+import { Eyebrow, Section } from "@/components/section";
+import { SolutionsTabs } from "@/components/solutions-tabs";
+
+export const metadata: Metadata = {
+  title: "Solutions",
+  description:
+    "The Agentic Cloud by industry — financial services, health, industrial, public sector, and professional services, all on the same fabric.",
+};
+
+export default function SolutionsPage() {
+  return (
+    <>
+      <Section className="pt-16 md:pt-24">
+        <Eyebrow>Solutions</Eyebrow>
+        <h1 className="mt-4 max-w-3xl font-heading text-4xl leading-tight md:text-6xl">
+          One fabric. Five operating theses.
+        </h1>
+        <p className="mt-5 max-w-2xl text-base leading-relaxed text-muted-foreground md:text-lg">
+          The primitives do not change. The intent does. Financial services
+          wants ZK proofs. The plant wants PINNs. The agency wants FedRAMP
+          High. Professional services wants the unofficial rules to survive
+          staffing. Health wants the chart and the genome in the same store.
+        </p>
+        <div className="mt-14">
+          <SolutionsTabs />
+        </div>
+      </Section>
+      <CtaBand />
+    </>
+  );
+}
diff --git a/app/terms/page.tsx b/app/terms/page.tsx
new file mode 100644
index 0000000..dfc9064
--- /dev/null
+++ b/app/terms/page.tsx
@@ -0,0 +1,48 @@
+import type { Metadata } from "next";
+import { Eyebrow, Section } from "@/components/section";
+
+export const metadata: Metadata = {
+  title: "Terms",
+  description: "Terms of use for The Agentic Cloud.",
+};
+
+const sections = [
+  {
+    title: "The fabric, not a license key",
+    body: "Access to The Agentic Cloud is invitation-based and governed by an order form, a DPA, and — where applicable — a sovereignty addendum. These website terms cover the public surface: insights, request-access, and the marketing instantiation of the fabric.",
+  },
+  {
+    title: "No warranties of synergy",
+    body: "We describe capabilities in production language. Instantiation depends on your topology, your thesis, and which of BERT through Mamba-2.5 you are prepared to run. Attributed outcomes in customer stories are real for those institutions. They are not a guarantee that your ESG score will move on a similar slope.",
+  },
+  {
+    title: "Acceptable use",
+    body: "Do not use the vibe-coding surface to undermine constitutional AI controls, to bypass TEE attestation, or to stand up a consciousness-upload without the human review. Chaos engineering against tenancies that are not yours is not research. It is an incident.",
+  },
+  {
+    title: "Law",
+    body: "The Agentic Cloud, Inc. Delaware corporation. Disputes in San Francisco County, except where a sovereignty addendum says otherwise. Quantum entanglement does not constitute presence for venue.",
+  },
+];
+
+export default function TermsPage() {
+  return (
+    <Section className="pt-16 md:pt-24" innerClassName="max-w-2xl">
+      <Eyebrow>Legal</Eyebrow>
+      <h1 className="mt-4 font-heading text-4xl md:text-5xl">Terms</h1>
+      <p className="mt-4 text-sm leading-relaxed text-muted-foreground">
+        Last updated March 1, 2026.
+      </p>
+      <div className="mt-10 space-y-8">
+        {sections.map((s) => (
+          <section key={s.title}>
+            <h2 className="font-heading text-2xl">{s.title}</h2>
+            <p className="mt-3 text-sm leading-relaxed text-muted-foreground">
+              {s.body}
+            </p>
+          </section>
+        ))}
+      </div>
+    </Section>
+  );
+}
diff --git a/app/trust/page.tsx b/app/trust/page.tsx
new file mode 100644
index 0000000..fb5877f
--- /dev/null
+++ b/app/trust/page.tsx
@@ -0,0 +1,68 @@
+import type { Metadata } from "next";
+import { CtaBand } from "@/components/cta-band";
+import { Eyebrow, Section } from "@/components/section";
+import { stackGroups } from "@/lib/buzz";
+
+export const metadata: Metadata = {
+  title: "Trust",
+  description:
+    "Trust center for The Agentic Cloud — FedRAMP High, SOC 2 Type II, SLSA Level 3, post-quantum TLS, and the rest of the load-bearing acronyms.",
+};
+
+const trustItems =
+  stackGroups.find((g) => g.id === "trust")?.terms ?? [];
+
+export default function TrustPage() {
+  return (
+    <>
+      <Section className="pt-16 md:pt-24">
+        <Eyebrow>Trust center</Eyebrow>
+        <h1 className="mt-4 max-w-3xl font-heading text-4xl leading-tight md:text-6xl">
+          Compliance is load-bearing. So is the neutrino plane.
+        </h1>
+        <p className="mt-5 max-w-2xl text-base leading-relaxed text-muted-foreground md:text-lg">
+          Zero trust is the assumption. Post-quantum TLS is table stakes.
+          SBOM generation, SLSA Level 3, FedRAMP High, SOC 2 Type II, ISO
+          27001, GDPR, CCPA, and COPPA are how packets earn the right to meet
+          an agent. Carbon-aware placement is how the ESG dashboard stays
+          honest.
+        </p>
+      </Section>
+      <Section className="pt-0">
+        <ul className="grid gap-3 sm:grid-cols-2 md:grid-cols-3">
+          {trustItems.map((item) => (
+            <li
+              key={item}
+              className="rounded-xl border border-white/10 bg-white/5 px-4 py-4 text-sm backdrop-blur-xl"
+            >
+              {item}
+            </li>
+          ))}
+        </ul>
+        <div className="mt-12 grid gap-8 md:grid-cols-2">
+          <div>
+            <h2 className="font-heading text-2xl">Sovereignty boundary</h2>
+            <p className="mt-3 text-sm leading-relaxed text-muted-foreground">
+              Institutional context compounds exclusively inside your
+              tenancy. Fully homomorphic encryption and confidential
+              computing enclaves are available. TEE-based attestation and
+              zero-knowledge proofs for all APIs are how you verify we mean
+              it. We do not train foundation models on customer graphs.
+            </p>
+          </div>
+          <div>
+            <h2 className="font-heading text-2xl">Crypto agility</h2>
+            <p className="mt-3 text-sm leading-relaxed text-muted-foreground">
+              Quantum-resistant cryptography, an entanglement-ready API, and
+              a crypto-agility layer so Bitcoin, Dogecoin, and the rest of
+              the cryptocurrency substrate can share a consensus story
+              without a forklift. Blockchain-backed consensus is optional.
+              The option is certified.
+            </p>
+          </div>
+        </div>
+      </Section>
+      <CtaBand />
+    </>
+  );
+}
-- 
cgit v1.2.3