diff options
Diffstat (limited to 'app')
| -rw-r--r-- | app/about/page.tsx | 73 | ||||
| -rw-r--r-- | app/careers/page.tsx | 63 | ||||
| -rw-r--r-- | app/customers/page.tsx | 59 | ||||
| -rw-r--r-- | app/fabric/page.tsx | 60 | ||||
| -rw-r--r-- | app/favicon.ico | bin | 0 -> 25931 bytes | |||
| -rw-r--r-- | app/globals.css | 283 | ||||
| -rw-r--r-- | app/icon.svg | 15 | ||||
| -rw-r--r-- | app/insights/[slug]/page.tsx | 52 | ||||
| -rw-r--r-- | app/insights/page.tsx | 48 | ||||
| -rw-r--r-- | app/layout.tsx | 41 | ||||
| -rw-r--r-- | app/not-found.tsx | 24 | ||||
| -rw-r--r-- | app/page.tsx | 227 | ||||
| -rw-r--r-- | app/platform/page.tsx | 124 | ||||
| -rw-r--r-- | app/pricing/page.tsx | 84 | ||||
| -rw-r--r-- | app/privacy/page.tsx | 49 | ||||
| -rw-r--r-- | app/request-access/page.tsx | 41 | ||||
| -rw-r--r-- | app/solutions/page.tsx | 33 | ||||
| -rw-r--r-- | app/terms/page.tsx | 48 | ||||
| -rw-r--r-- | app/trust/page.tsx | 68 |
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 Binary files differnew file mode 100644 index 0000000..718d6fe --- /dev/null +++ b/app/favicon.ico 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 /> + </> + ); +} |
