diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index ca75e57..9d1e4b1 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -1409,4 +1409,4 @@ export default function RootLayout({
       </ServiceWrapper>
     </html>
   );
-}
\ No newline at end of file
+}
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 0309c0e..93fdda7 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -9,7 +9,8 @@ import TestimonialCardFifteen from '@/components/sections/testimonial/Testimonia
 import ProductCardFour from '@/components/sections/product/ProductCardFour';
 import ContactSplit from '@/components/sections/contact/ContactSplit';
 import FooterBase from '@/components/sections/footer/FooterBase';
-import { Brush, Feather, Figma, LayoutTemplate, Lightbulb, Monitor, Palette, Sparkles, Type } from "lucide-react";
+import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
+import { Brush, Feather, Figma, LayoutTemplate, Lightbulb, Monitor, Palette, Sparkles, Type, TrendingUp, Users, Rocket } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -110,6 +111,22 @@ export default function LandingPage() {
         />
       </div>
 
+      <div id="metrics" data-section="metrics">
+        <MetricCardOne
+          title="Our Impact"
+          description="Key metrics showcasing the results we deliver for our clients."
+          gridVariant="uniform-all-items-equal"
+          textboxLayout="default"
+          animationType="slide-up"
+          useInvertedBackground={false}
+          metrics={[
+            { id: '1', value: '100', title: 'Clients Served', description: 'Across various industries worldwide.', icon: Users },
+            { id: '2', value: '95', title: '% Client Retention', description: 'A testament to our commitment to excellence.', icon: TrendingUp },
+            { id: '3', value: '250', title: 'Projects Completed', description: 'From small startups to large enterprises.', icon: Rocket }
+          ]}
+        />
+      </div>
+
       <div id="footer" data-section="footer">
         <FooterBase 
           columns={[{title:"Services",items:[{label:"Web Design",href:"#features"},{label:"Branding",href:"#features"},{label:"UI/UX",href:"#features"}]},{title:"Company",items:[{label:"About Us",href:"#about"},{label:"Our Work",href:"#products"}]},{title:"Connect",items:[{label:"Contact",href:"#contact"},{label:"LinkedIn",href:"https://linkedin.com/company/bamboleya"},{label:"Instagram",href:"https://instagram.com/bamboleya"}]}]}
@@ -119,4 +136,4 @@ export default function LandingPage() {
       </div>
     </ThemeProvider>
   );
-}
\ No newline at end of file
+}