27 lines
816 B
TypeScript
27 lines
816 B
TypeScript
|
|
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>
|
|||
|
|
);
|
|||
|
|
}
|