forked from UKSOURCE/ipv6
29 lines
928 B
TypeScript
29 lines
928 B
TypeScript
export default function StatsSection({
|
|
data,
|
|
}: {
|
|
data: { id: string; items: { value: string; label: string }[] };
|
|
}) {
|
|
return (
|
|
<section
|
|
className="py-12 lg:py-20 bg-surface-container-low border-y border-primary/10"
|
|
id={data.id}
|
|
>
|
|
<div className="max-w-hd mx-auto px-[var(--spacing-gutter)]">
|
|
<div className="grid grid-cols-1 md:grid-cols-3 gap-12 lg:gap-32 text-center">
|
|
{data.items.map((x) => (
|
|
<div key={x.label} className="space-y-3 lg:space-y-6">
|
|
<div className="font-[var(--font-display-lg)] text-4xl lg:text-7xl text-primary leading-none">
|
|
{x.value}
|
|
</div>
|
|
<div className="font-[var(--font-label-caps)] text-xs lg:text-sm text-on-surface/70 tracking-widest uppercase">
|
|
{x.label}
|
|
</div>
|
|
</div>
|
|
))}
|
|
</div>
|
|
</div>
|
|
</section>
|
|
);
|
|
}
|
|
|