website-01/components/front/StatsBar.tsx

27 lines
816 B
TypeScript
Raw Normal View History

2026-06-22 14:43:46 +08:00
const STATS = [
{ value: '500+', label: '服务社区' },
{ value: '100万+', label: '业主用户' },
{ value: '99.9%', label: '系统可用率' },
{ value: '7×24', label: '技术支持' },
];
export function StatsBar() {
return (
<section className="border-t border-white/5 bg-slate-950 py-10">
<div className="container-page grid grid-cols-2 gap-y-8 md:grid-cols-4">
{STATS.map((s, i) => (
<div
key={i}
className="flex flex-col items-center border-r border-white/10 last:border-r-0 md:px-4"
>
<span className="text-3xl font-bold text-white">
{s.value}
</span>
<span className="mt-1.5 text-sm text-slate-400">{s.label}</span>
</div>
))}
</div>
</section>
);
}