From 06a9d33556edbb0be6ccb425220e79c378032ea9 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=BC=A0=E7=BF=94?= <xiangzhang1024@gmail.com>
Date: Thu, 30 Apr 2026 19:12:26 +0800
Subject: [PATCH] feat: add StatsBar reusable component for social proof stats

---
 src/components/ui/stats-bar.tsx | 22 ++++++++++++++++++++++
 1 file changed, 22 insertions(+)
 create mode 100644 src/components/ui/stats-bar.tsx

diff --git a/src/components/ui/stats-bar.tsx b/src/components/ui/stats-bar.tsx
new file mode 100644
index 0000000..3a5cc89
--- /dev/null
+++ b/src/components/ui/stats-bar.tsx
@@ -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>
+  );
+}