diff --git a/src/app/page.tsx b/src/app/page.tsx
index b3357eb..6cfd491 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -2,7 +2,7 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
-import HeroCentered from '@/components/sections/hero/HeroCentered';
+import HeroLogoBillboardSplit from '@/components/sections/hero/HeroLogoBillboardSplit';
 import AboutMetric from '@/components/sections/about/AboutMetric';
 import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
 import ProductCardOne from '@/components/sections/product/ProductCardOne';
@@ -56,19 +56,17 @@ export default function LandingPage() {
       </div>
 
       <div id="hero" data-section="hero">
-        <HeroCentered
-          title="CRM AI"
+        <HeroLogoBillboardSplit
+          logoText="CRM AI"
           description="Unleash the power of artificial intelligence to automate tasks, gain deeper customer insights, and drive unparalleled growth for your business."
           background={{variant:"sparkles-gradient"}}
-          avatars={[
-            { src: "https://via.placeholder.com/40", alt: "User Avatar 1" },
-            { src: "https://via.placeholder.com/40", alt: "User Avatar 2" },
-            { src: "https://via.placeholder.com/40", alt: "User Avatar 3" }
-          ]}
-          avatarText="Trusted by AI innovators"
           buttons={[{text:"Get Started Free",href:"#contact"},{text:"Watch Demo",href:"#features"}]}
           buttonAnimation="slide-up"
-          className="min-h-[calc(100svh-var(--navbar-height))] md:min-h-[calc(100vh-var(--navbar-height))] pt-[var(--navbar-height)]"
+          layoutOrder="default"
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32SzEkxKoNyIbQ4hnQYui6BHsfB/an-abstract-futuristic-background-for-an-1771626573815-22f21f54.png"
+          imageAlt="AI CRM Platform Dashboard"
+          mediaAnimation="opacity"
+          frameStyle="card"
         />
       </div>
 
@@ -196,4 +194,4 @@ export default function LandingPage() {
       </div>
     </ThemeProvider>
   );
-}
\ No newline at end of file
+}