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