Template
32 lines
1.0 KiB
TypeScript
32 lines
1.0 KiB
TypeScript
import { StatsGlobe } from '@/components/site/stats-globe';
|
|
|
|
const stats = [
|
|
{ value: '45ms', label: 'Median edge response, worldwide' },
|
|
{ value: '99.99%', label: 'Platform uptime over the last year' },
|
|
{ value: '35+', label: 'Frameworks supported out of the box' },
|
|
{ value: '1.2T', label: 'Requests served every month' },
|
|
];
|
|
|
|
export function Stats() {
|
|
return (
|
|
<section className="relative overflow-hidden border-y border-white/10 bg-black py-16 sm:py-24">
|
|
<StatsGlobe />
|
|
<div className="relative z-10 mx-auto grid max-w-6xl grid-cols-2 gap-px lg:grid-cols-4">
|
|
{stats.map((stat) => (
|
|
<div
|
|
key={stat.label}
|
|
className="px-6 py-12 text-center ring-1 ring-white/10"
|
|
>
|
|
<div className="text-4xl font-semibold tracking-tight sm:text-5xl">
|
|
{stat.value}
|
|
</div>
|
|
<div className="mx-auto mt-3 max-w-[16ch] text-sm text-white/45">
|
|
{stat.label}
|
|
</div>
|
|
</div>
|
|
))}
|
|
</div>
|
|
</section>
|
|
);
|
|
}
|