diff --git a/src/app/page.tsx b/src/app/page.tsx
index 0fd22d9..2fb0de9 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 HeroBillboardScroll from "@/components/sections/hero/HeroBillboardScroll";
+import HeroOverlay from "@/components/sections/hero/HeroOverlay";
 import MediaAbout from "@/components/sections/about/MediaAbout";
 import FeatureCardSeven from "@/components/sections/feature/FeatureCardSeven";
 import ProductCardTwo from "@/components/sections/product/ProductCardTwo";
@@ -44,10 +44,9 @@ export default function LandingPage() {
       </div>
 
       <div id="hero" data-section="hero">
-        <HeroBillboardScroll
+        <HeroOverlay
           title="Handcrafted Excellence Meets Your Vision"
           description="At High Vibe Wood, we transform your space with bespoke, custom-built furniture and built-ins designed to last a lifetime. From stunning dining tables to seamless built-in shelving, every piece reflects meticulous craftsmanship and your unique style."
-          background={{ variant: "plain" }}
           tag="Premium Custom Woodworking"
           tagIcon={Hammer}
           tagAnimation="slide-up"
@@ -58,6 +57,8 @@ export default function LandingPage() {
           buttonAnimation="slide-up"
           imageSrc="http://img.b2bpic.net/free-photo/restorer-antique-furniture-works-new-project_1163-3140.jpg"
           imageAlt="Master craftsman carefully finishing custom wooden furniture in a bright workshop"
+          showDimOverlay={true}
+          showBlur={true}
           ariaLabel="Hero section showcasing premium custom woodworking"
         />
       </div>