MetricsSection.tsx18 lines · main
1import type { GoMetricsSection } from '../schemas'
2
3export default function MetricsSection({ section }: { section: GoMetricsSection }) {
4 return (
5 <div className="px-8">
6 <div className="max-w-7xl mx-auto flex flex-wrap justify-center gap-8 sm:gap-16">
7 {section.items.map((item, i) => (
8 <div key={i} className="text-center">
9 <p className="text-foreground-lighter text-xs tracking-widest uppercase mb-3">
10 {item.label}
11 </p>
12 <p className="text-foreground text-3xl sm:text-5xl font-medium">{item.value}</p>
13 </div>
14 ))}
15 </div>
16 </div>
17 )
18}