Update src/app/page.tsx

src/app/page.tsx

@@ -7,6 +7,7 @@ import MediaSplitTabsAbout from '@/components/sections/about/MediaSplitTabsAbout
 import ProductCardOne from '@/components/sections/product/ProductCardOne';
 import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
 import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen';
+import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
 import ContactText from '@/components/sections/contact/ContactText';
 import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
 import { Sparkles } from "lucide-react";
@@ -100,6 +101,22 @@ export default function LandingPage() {
         />
       </div>
 
+      <div id="impact" data-section="impact">
+        <MetricCardFourteen
+          title="Celebrating Our Success"
+          tag="By The Numbers"
+          metrics={[
+            {
+              id: "1",              value: "25+",              description: "Years of excellence in authentic Italian cuisine and hospitality"
+            },
+            {
+              id: "2",              value: "50,000+",              description: "Happy customers who have enjoyed memorable dining experiences at Bella Italia"
+            }
+          ]}
+          useInvertedBackground="noInvert"
+        />
+      </div>
+
       <div id="testimonials" data-section="testimonials">
         <TestimonialCardTen
           title="What Our Guests Say"