diff --git a/src/app/page.tsx b/src/app/page.tsx
index 5da95fe..089d3bc 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -9,7 +9,8 @@ import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
 import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
 import ContactCenter from '@/components/sections/contact/ContactCenter';
 import FooterSimple from '@/components/sections/footer/FooterSimple';
-import { Sparkles, Heart, Quote, Star, Mail } from "lucide-react";
+import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
+import { Sparkles, Heart, Quote, Star, Mail, TrendingUp } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -112,6 +113,28 @@ export default function LandingPage() {
         />
       </div>
       
+      <div id="social-proof" data-section="social-proof">
+        <MetricCardFourteen
+          title="Trusted by thousands of customers who love our fresh-baked goods every single day."
+          tag="Social Proof"
+          metrics={[
+            {
+              id: "1",              value: "15K+",              description: "Happy customers enjoying our fresh-baked pastries and artisan breads every month."
+            },
+            {
+              id: "2",              value: "2K+",              description: "Five-star reviews from satisfied customers across all platforms."
+            },
+            {
+              id: "3",              value: "50+",              description: "Unique artisan products handcrafted fresh daily in our bakery."
+            },
+            {
+              id: "4",              value: "15",              description: "Years of tradition, excellence, and commitment to quality since our founding."
+            }
+          ]}
+          useInvertedBackground="noInvert"
+        />
+      </div>
+      
       <div id="testimonials" data-section="testimonials">
         <TestimonialCardSix
           testimonials={[