diff --git a/src/app/page.tsx b/src/app/page.tsx
index 86f25cc..8b5cdff 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 HeroBillboardSplit from '@/components/sections/hero/HeroBillboardSplit';
+import HeroSplit from '@/components/sections/hero/HeroSplit';
 import ProductCardSeven from '@/components/sections/product/ProductCardSeven';
 import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
 import TestimonialCardEight from '@/components/sections/testimonial/TestimonialCardEight';
@@ -42,7 +42,7 @@ export default function LandingPage() {
       </div>
 
       <div id="hero" data-section="hero">
-        <HeroBillboardSplit
+        <HeroSplit
           tag="Premium Accommodations"
           title="Experience Luxury Like Never Before"
           description="Discover our world-class hotel featuring elegant rooms, world-renowned service, and unforgettable experiences tailored to every guest."
@@ -52,7 +52,7 @@ export default function LandingPage() {
           ]}
           imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184710583-yt05ru42.jpg"
           imageAlt="Luxury hotel lobby with elegant interior design"
-          frameStyle="browser"
+          imagePosition="right"
         />
       </div>