1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
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."
/>
</>
);
}
|
