From a82cc8dfeff77a5c4154103dbda9fbd387cbf8bc Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Wed, 25 Feb 2026 20:12:24 +0000
Subject: [PATCH 1/2] Update src/app/layout.tsx

---
 src/app/layout.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

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
+}
-- 
2.49.1


From 917d23fbb8a036bf29212372c6d088f47c5f21bd Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Wed, 25 Feb 2026 20:12:25 +0000
Subject: [PATCH 2/2] Update src/app/page.tsx

---
 src/app/page.tsx | 21 +++++++++++++++++++--
 1 file changed, 19 insertions(+), 2 deletions(-)

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
+}
-- 
2.49.1