feat: add StatsBar reusable component for social proof stats

2026-04-30 19:12:26 +08:00
parent 14ca4b104f
commit 06a9d33556
1 changed files with 22 additions and 0 deletions
@@ -0,0 +1,22 @@
 import { STATS } from '@/lib/constants';
 export function StatsBar() {
  return (
    <div className="border-t border-[#E5E5E5] bg-white">
      <div className="container-wide py-8">
        <div className="grid grid-cols-2 md:grid-cols-4 gap-8 md:gap-12">
          {STATS.map((stat) => (
            <div key={stat.label} className="text-center">
              <div className="text-3xl sm:text-4xl font-bold text-[#C41E3A] mb-1">
                {stat.value}
              </div>
              <div className="text-sm text-[#595959]">
                {stat.label}
              </div>
            </div>
          ))}
        </div>
      </div>
    </div>
  );
 }