blob: 219bdb987d046aefd120d18b4244d1b894068a15 (
plain)
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
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
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 />
</>
);
}
|
