diff --git a/src/app/page.tsx b/src/app/page.tsx
index 3e80adf..541f542 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -3,7 +3,7 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import FooterBase from '@/components/sections/footer/FooterBase';
-import HeroLogo from '@/components/sections/hero/HeroLogo';
+import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
 import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
 import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
@@ -33,18 +33,18 @@ export default function LandingPage() {
             ]}
             logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ca8jhPNunWlpMXcKOcjb3eD3xc/uploaded-1777200990405-fpi8ibhu.png"
             brandName="Digital Creation"
-            logoClassName="scale-[2.5]"
+            logoClassName="scale-[4.5]"
             button={{ text: "WhatsApp", href: "https://wa.me/yournumber" }}
           />
         </div>
 
         <div id="hero" data-section="hero">
-          <HeroLogo
-            logoText="Digital Creation"
+          <HeroBillboardScroll
+            title="Digital Creation"
             description="Transforming ideas into cutting-edge digital experiences."
+            background={{ variant: "animated-grid" }}
             buttons={[{ text: "Get Started", href: "/contact" }]}
             imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ca8jhPNunWlpMXcKOcjb3eD3xc/professional-digital-agency-hero-backgro-1777201012465-62f4e814.png"
-            logoClassName="scale-[4]"
           />
         </div>