diff --git a/src/app/page.tsx b/src/app/page.tsx
index 9917f5d..1645122 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -3,10 +3,9 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
 import HeroSplitKpi from "@/components/sections/hero/HeroSplitKpi";
-import TextAbout from "@/components/sections/about/TextAbout";
+import MetricCardOne from "@/components/sections/metrics/MetricCardOne";
 import TextSplitAbout from "@/components/sections/about/TextSplitAbout";
 import FeatureCardNineteen from "@/components/sections/feature/FeatureCardNineteen";
-import MetricCardOne from "@/components/sections/metrics/MetricCardOne";
 import TestimonialCardFive from "@/components/sections/testimonial/TestimonialCardFive";
 import FeatureCardTen from "@/components/sections/feature/FeatureCardTen";
 import ContactText from "@/components/sections/contact/ContactText";
@@ -74,6 +73,28 @@ export default function LandingPage() {
         />
       </div>
 
+      <div id="metrics" data-section="metrics">
+        <MetricCardOne
+          title="Our Impact by the Numbers"
+          description="Measurable success metrics that demonstrate our commitment to excellence and client satisfaction."
+          tag="Performance Metrics"
+          tagIcon={TrendingUp}
+          tagAnimation="slide-up"
+          gridVariant="bento-grid"
+          animationType="scale-rotate"
+          textboxLayout="default"
+          useInvertedBackground={false}
+          metrics={[
+            { id: "projects", value: "500+", title: "Projects Completed", description: "Successful digital projects across diverse industries", icon: CheckCircle },
+            { id: "clients", value: "200+", title: "Happy Clients", description: "Long-term partnerships and satisfied customers", icon: Award },
+            { id: "awards", value: "45+", title: "Industry Awards", description: "Recognition for creative excellence", icon: Sparkles },
+            { id: "growth", value: "300%", title: "Avg. Client Growth", description: "Average revenue increase for our clients", icon: TrendingUp }
+          ]}
+          className="w-full"
+          containerClassName="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"
+        />
+      </div>
+
       <div id="about" data-section="about">
         <TextSplitAbout
           title="We blend creativity with strategy to deliver results that matter."
@@ -120,28 +141,6 @@ export default function LandingPage() {
         />
       </div>
 
-      <div id="metrics" data-section="metrics">
-        <MetricCardOne
-          title="Our Impact by the Numbers"
-          description="Measurable success metrics that demonstrate our commitment to excellence and client satisfaction."
-          tag="Performance Metrics"
-          tagIcon={TrendingUp}
-          tagAnimation="slide-up"
-          gridVariant="bento-grid"
-          animationType="scale-rotate"
-          textboxLayout="default"
-          useInvertedBackground={false}
-          metrics={[
-            { id: "projects", value: "500+", title: "Projects Completed", description: "Successful digital projects across diverse industries", icon: CheckCircle },
-            { id: "clients", value: "200+", title: "Happy Clients", description: "Long-term partnerships and satisfied customers", icon: Award },
-            { id: "awards", value: "45+", title: "Industry Awards", description: "Recognition for creative excellence", icon: Sparkles },
-            { id: "growth", value: "300%", title: "Avg. Client Growth", description: "Average revenue increase for our clients", icon: TrendingUp }
-          ]}
-          className="w-full"
-          containerClassName="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"
-        />
-      </div>
-
       <div id="testimonials" data-section="testimonials">
         <TestimonialCardFive
           title="Client Stories That Inspire"