|
|
@ -205,10 +205,10 @@ export default function Home({ locale }: { locale: Locale }) { |
|
|
<div className="stat-band scroll-reveal mt-6"> |
|
|
<div className="stat-band scroll-reveal mt-6"> |
|
|
{stats.map((sItem, idx) => ( |
|
|
{stats.map((sItem, idx) => ( |
|
|
<div className="stat-cell" key={sItem.label} style={cssVars({ '--track-color': 'var(--accent)' })}> |
|
|
<div className="stat-cell" key={sItem.label} style={cssVars({ '--track-color': 'var(--accent)' })}> |
|
|
<Icon name={statsIcons[idx]} className="w-6 h-6 mx-auto mb-2" style={{ color: 'var(--brand-accent)' }} /> |
|
|
<Icon name={statsIcons[idx]} className="w-8 h-8 mx-auto mb-3" style={{ color: 'var(--brand-accent)' }} /> |
|
|
<div className="stat-num"> |
|
|
<div className="stat-num"> |
|
|
<span className="stat-value">{sItem.value}</span> |
|
|
<span className="stat-value">{sItem.value}</span> |
|
|
<span className="stat-suffix">{sItem.suffix}</span> |
|
|
{sItem.suffix && <span className="stat-suffix">{sItem.suffix}</span>} |
|
|
</div> |
|
|
</div> |
|
|
<div className="stat-label">{sItem.label}</div> |
|
|
<div className="stat-label">{sItem.label}</div> |
|
|
<div className="stat-sub">{sItem.sub}</div> |
|
|
<div className="stat-sub">{sItem.sub}</div> |
|
|
|