diff --git a/src/app/page.tsx b/src/app/page.tsx
index 438c370..6a92032 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -1,8 +1,8 @@
-"use client"
+"use client";
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
-import HeroLogo from '@/components/sections/hero/HeroLogo';
+import HeroOverlay from '@/components/sections/hero/HeroOverlay';
 import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
 import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
 import PricingCardSeven from '@/components/sections/pricing/PricingCardSeven';
@@ -41,13 +41,16 @@ export default function LuxeSuitesPage() {
       </div>
       
       <div id="hero" data-section="hero">
-        <HeroLogo
+        <HeroOverlay
           title="Welcome to Luxe Suites"
           description="Experience unparalleled elegance and comfort in the heart of the city. Your perfect getaway awaits."
           tag="5-Star Luxury"
           tagIcon={Star}
-          logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184711453-096e89ja.jpg"
-          logoAlt="Luxe Suites Logo"
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184711453-096e89ja.jpg"
+          imageAlt="Luxe Suites Hotel"
+          textPosition="bottom-left"
+          showBlur={true}
+          showDimOverlay={true}
           buttons={[
             {text: "Book a Room", href: "booking"},
             {text: "Learn More", href: "about"}