diff --git a/src/app/page.tsx b/src/app/page.tsx
index b1d3318..5adf624 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -2,7 +2,7 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
-import HeroLogoLayout from '@/components/sections/hero/HeroLogoLayout';
+import HeroOverlay from '@/components/sections/hero/HeroOverlay';
 import AboutMetric from '@/components/sections/about/AboutMetric';
 import FeatureCardTwentySeven from '@/components/sections/feature/FeatureCardTwentySeven';
 import ProductCardOne from '@/components/sections/product/ProductCardOne';
@@ -43,16 +43,18 @@ export default function LandingPage() {
       </div>
 
       <div id="hero" data-section="hero">
-        <HeroLogoLayout
-          logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AjJgdHZ35xWrwFyp4M70FZ7j2C/uploaded-1773286067169-9o7fufl5.jpg"
-          logoAlt="Sunlab logo"
+        <HeroOverlay
           title="SUNLAB"
           description="An elegant nail studio dedicated to precision, creativity, and relaxation. Experience expert nail services in a clean, contemporary space designed for your comfort and beauty."
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AjJgdHZ35xWrwFyp4M70FZ7j2C/uploaded-1773286067169-9o7fufl5.jpg"
+          imageAlt="Sunlab nail studio interior"
           buttons={[
             { text: "Book Appointment", href: "contact" },
             { text: "View Services", href: "services" }
           ]}
-          ariaLabel="Hero section with Sunlab logo"
+          showBlur={true}
+          showDimOverlay={false}
+          ariaLabel="Hero section with Sunlab studio"
         />
       </div>