From 01f0030f160985bcebfe0c09106b19414b401727 Mon Sep 17 00:00:00 2001
From: kudindmitriy <kudin.dima@gmail.com>
Date: Tue, 14 Apr 2026 11:59:00 +0300
Subject: [PATCH 1/2] Bob AI: Add a new community/metrics section with social
 proof statis

---
 src/App.tsx                                   |  5 +++
 .../sections/metrics/CommunityMetrics.tsx     | 40 +++++++++++++++++++
 2 files changed, 45 insertions(+)
 create mode 100644 src/components/sections/metrics/CommunityMetrics.tsx

diff --git a/src/App.tsx b/src/App.tsx
index a16af69..8e1c98b 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -3,6 +3,7 @@ import FeaturesRevealCards from '@/components/sections/features/FeaturesRevealCa
 import FooterSimpleReveal from '@/components/sections/footer/FooterSimpleReveal';
 import HeroSplit from '@/components/sections/hero/HeroSplit';
 import MetricsMinimalCards from '@/components/sections/metrics/MetricsMinimalCards';
+import CommunityMetrics from '@/components/sections/metrics/CommunityMetrics';
 import NavbarCentered from '@/components/ui/NavbarCentered';
 import PricingLayeredCards from '@/components/sections/pricing/PricingLayeredCards';
 import TestimonialAvatarCard from '@/components/sections/testimonial/TestimonialAvatarCard';
@@ -64,6 +65,10 @@ export default function App() {
         />
       </div>
 
+      <div id="community" data-section="community">
+        <CommunityMetrics />
+      </div>
+
       <div id="testimonials" data-section="testimonials">
         <TestimonialAvatarCard
           tag="Our Community"
diff --git a/src/components/sections/metrics/CommunityMetrics.tsx b/src/components/sections/metrics/CommunityMetrics.tsx
new file mode 100644
index 0000000..212e44a
--- /dev/null
+++ b/src/components/sections/metrics/CommunityMetrics.tsx
@@ -0,0 +1,40 @@
+import { motion } from "framer-motion";
+
+export default function CommunityMetrics() {
+  const metrics = [
+    {
+      value: "280K+",
+      label: "active users",
+    },
+    {
+      value: "4.9/5",
+      label: "App Store rating",
+    },
+    {
+      value: "92%",
+      label: "report better sleep in 30 days",
+    },
+  ];
+
+  return (
+    <motion.section
+      aria-label="Community metrics section"
+      className="py-10"
+      initial={{ opacity: 0, y: 20 }}
+      whileInView={{ opacity: 1, y: 0 }}
+      viewport={{ once: true, margin: "-15%" }}
+      transition={{ duration: 0.6, ease: "easeOut" }}
+    >
+      <div className="w-content-width mx-auto">
+        <div className="flex flex-col md:flex-row justify-around items-center gap-8 md:gap-4 text-center p-10 rounded card">
+          {metrics.map((metric) => (
+            <div key={metric.label} className="flex flex-col items-center">
+              <p className="text-5xl font-bold text-[var(--foreground)]">{metric.value}</p>
+              <p className="text-lg text-[var(--accent)] mt-2 max-w-[200px]">{metric.label}</p>
+            </div>
+          ))}
+        </div>
+      </div>
+    </motion.section>
+  );
+}
\ No newline at end of file
-- 
2.49.1


From 7409caf3233a983e33db1363dfe22e94938ddae3 Mon Sep 17 00:00:00 2001
From: kudindmitriy <kudin.dima@gmail.com>
Date: Tue, 14 Apr 2026 11:59:33 +0300
Subject: [PATCH 2/2] Bob AI: fix build errors (attempt 1)

---
 src/components/sections/metrics/CommunityMetrics.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/sections/metrics/CommunityMetrics.tsx b/src/components/sections/metrics/CommunityMetrics.tsx
index 212e44a..d9deb0a 100644
--- a/src/components/sections/metrics/CommunityMetrics.tsx
+++ b/src/components/sections/metrics/CommunityMetrics.tsx
@@ -1,4 +1,4 @@
-import { motion } from "framer-motion";
+import { motion } from "motion/react";
 
 export default function CommunityMetrics() {
   const metrics = [
-- 
2.49.1