MetricsSection.tsx18 lines · main
| 1 | import type { GoMetricsSection } from '../schemas' |
| 2 | |
| 3 | export 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 | } |