diff --git a/src/app/page.tsx b/src/app/page.tsx
index 0309c0e..6a35dc3 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -2,7 +2,7 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
-import HeroOverlay from '@/components/sections/hero/HeroOverlay';
+import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
 import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
 import FeatureBento from '@/components/sections/feature/FeatureBento';
 import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
@@ -35,15 +35,13 @@ export default function LandingPage() {
       </div>
 
       <div id="hero" data-section="hero">
-        <HeroOverlay 
+        <HeroBillboardScroll 
           title="Bamboleya: Where Ideas Take Form"
           description="Transforming visions into captivating digital experiences with creativity and precision. Let's build something remarkable together."
+          background={{variant:"sparkles-gradient"}}
           buttons={[{text:"Our Services",href:"#features"},{text:"See Our Work",href:"#products"}]}
           imageSrc="http://img.b2bpic.net/free-photo/medium-shot-people-working-together_23-2149345223.jpg"
           imageAlt="Abstract illustration of a creative design process with elements like sketches, a laptop, and a lightbulb, symbolizing idea generation and digital execution."
-          textPosition="center"
-          showBlur={true}
-          showDimOverlay={false}
         />
       </div>
 
@@ -119,4 +117,4 @@ export default function LandingPage() {
       </div>
     </ThemeProvider>
   );
-}
\ No newline at end of file
+}