aboutsummaryrefslogtreecommitdiff
path: root/app
diff options
context:
space:
mode:
Diffstat (limited to 'app')
-rw-r--r--app/about/page.tsx73
-rw-r--r--app/careers/page.tsx63
-rw-r--r--app/customers/page.tsx59
-rw-r--r--app/fabric/page.tsx60
-rw-r--r--app/favicon.icobin0 -> 25931 bytes
-rw-r--r--app/globals.css283
-rw-r--r--app/icon.svg15
-rw-r--r--app/insights/[slug]/page.tsx52
-rw-r--r--app/insights/page.tsx48
-rw-r--r--app/layout.tsx41
-rw-r--r--app/not-found.tsx24
-rw-r--r--app/page.tsx227
-rw-r--r--app/platform/page.tsx124
-rw-r--r--app/pricing/page.tsx84
-rw-r--r--app/privacy/page.tsx49
-rw-r--r--app/request-access/page.tsx41
-rw-r--r--app/solutions/page.tsx33
-rw-r--r--app/terms/page.tsx48
-rw-r--r--app/trust/page.tsx68
19 files changed, 1392 insertions, 0 deletions
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
--- /dev/null
+++ b/app/favicon.ico
Binary files 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 />
+ </>
+ );
+}