diff --git a/src/app/page.tsx b/src/app/page.tsx
index c5e66f5..d30d20b 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -2,7 +2,7 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
-import HeroLogo from "@/components/sections/hero/HeroLogo";
+import HeroSplitKpi from "@/components/sections/hero/HeroSplitKpi";
 import AboutMetric from "@/components/sections/about/AboutMetric";
 import FeatureBento from "@/components/sections/feature/FeatureBento";
 import MetricCardThree from "@/components/sections/metrics/MetricCardThree";
@@ -57,17 +57,23 @@ export default function LandingPage() {
       </div>
 
       <div id="hero" data-section="hero">
-        <HeroLogo
-          logoText="ASCEND"
-          description="Smarter Growth. Powered by AI. We combine performance marketing and AI automation to build scalable growth systems for modern businesses."
+        <HeroSplitKpi
+          title="Smarter Growth. Powered by AI."
+          description="We combine performance marketing and AI automation to build scalable growth systems for modern businesses."
           buttons={[
             { text: "Book a Strategy Call", href: "contact" },
             { text: "See How We Work", href: "process" },
           ]}
           imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APXYs8p19SwZgPCy0dYpDGi8Hd/a-sleek-minimalist-ai-dashboard-interfac-1772500397714-1d73d012.png"
           imageAlt="AI-powered marketing dashboard interface"
-          showDimOverlay={true}
+          kpis={[
+            { value: "+43%", label: "Conversion Lift" },
+            { value: "-28%", label: "Acquisition Cost" },
+            { value: "3x", label: "Follow-up Speed" },
+          ]}
           buttonAnimation="slide-up"
+          mediaAnimation="slide-up"
+          kpisAnimation="slide-up"
         />
       </div>