src/app/page.tsx

@@ -1,4 +1,4 @@
-"use client"
+"use client";
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
@@ -7,6 +7,7 @@ import SplitAboutMetric from '@/components/sections/about/SplitAboutMetric';
 import FeatureCardFifteen from '@/components/sections/feature/FeatureCardFifteen';
 import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
 import ContactSplit from '@/components/sections/contact/ContactSplit';
+import SplitAboutMetrics from '@/components/sections/about/SplitAboutMetrics';
 import FooterMedia from '@/components/sections/footer/FooterMedia';
 
 export default function LandingPage() {
@@ -204,6 +205,32 @@ export default function LandingPage() {
         />
       </div>
 
+      <div id="metrics" data-section="metrics">
+        <SplitAboutMetrics
+          title="Our Impact"
+          description="See the transformative results our students achieve"
+          useInvertedBackground="noInvert"
+          metrics={[
+            {
+              label: "Students Transformed",
+              value: "5000+"
+            },
+            {
+              label: "Success Rate",
+              value: "98%"
+            },
+            {
+              label: "Expert Instructors",
+              value: "50+"
+            },
+            {
+              label: "Years Experience",
+              value: "10+"
+            }
+          ]}
+        />
+      </div>
+
       <div id="footer" data-section="footer">
         <FooterMedia
           imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766494978042-wcefq63v.jpg"