diff --git a/src/app/page.tsx b/src/app/page.tsx
index e5790d7..caabd69 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -2,7 +2,7 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
-import HeroSplit from '@/components/sections/hero/HeroSplit';
+import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
 import ParallaxAbout from '@/components/sections/about/ParallaxAbout';
 import ProductCardSix from '@/components/sections/product/ProductCardSix';
 import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
@@ -39,14 +39,13 @@ export default function LuxuryHotelsPage() {
       </div>
 
       <div id="hero" data-section="hero">
-        <HeroSplit
+        <HeroBillboardScroll
           title="Experience Luxury Hospitality"
           description="Discover your perfect getaway at our award-winning hotel. Unwind in elegance with world-class amenities and exceptional service."
           tag="Premium Accommodations"
           tagIcon={Star}
           imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184711453-096e89ja.jpg"
           imageAlt="Luxury hotel lobby and entrance"
-          imagePosition="right"
           buttons={[
             { text: "Book Your Stay", href: "#contact" },
             { text: "Explore Rooms", href: "#rooms" }