Files
nextjs-saas/components/site/stats.tsx
T
2026-09-17 23:03:22 -04:00

26 lines
904 B
TypeScript

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="border-y border-white/10 bg-black">
<div className="mx-auto grid max-w-6xl grid-cols-2 gap-px overflow-hidden bg-white/10 lg:grid-cols-4">
{stats.map((stat) => (
<div key={stat.label} className="bg-black px-6 py-12 text-center">
<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>
);
}