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>
  );
}
