diff --git a/src/app/page.tsx b/src/app/page.tsx
index 8cc8d86..438c370 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -2,7 +2,7 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
-import HeroOverlay from '@/components/sections/hero/HeroOverlay';
+import HeroLogo from '@/components/sections/hero/HeroLogo';
 import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
 import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
 import PricingCardSeven from '@/components/sections/pricing/PricingCardSeven';
@@ -41,16 +41,13 @@ export default function LuxeSuitesPage() {
       </div>
       
       <div id="hero" data-section="hero">
-        <HeroOverlay
+        <HeroLogo
           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}
-          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184711453-096e89ja.jpg"
-          imageAlt="Luxe Suites Hotel Lobby"
-          textPosition="bottom-left"
-          showBlur={true}
-          showDimOverlay={true}
+          logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184711453-096e89ja.jpg"
+          logoAlt="Luxe Suites Logo"
           buttons={[
             {text: "Book a Room", href: "booking"},
             {text: "Learn More", href: "about"}