diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index 269c770..1dfac09 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -1262,4 +1262,4 @@ export default function RootLayout({
       </ServiceWrapper>
     </html>
   );
-}
\ No newline at end of file
+}
diff --git a/src/app/page.tsx b/src/app/page.tsx
index ad66fd4..cde27cd 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -2,7 +2,7 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleMinimal from '@/components/navbar/NavbarStyleMinimal';
-import HeroBillboard from '@/components/sections/hero/HeroBillboard';
+import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
 import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
 import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen';
 import ProductCardFour from '@/components/sections/product/ProductCardFour';
@@ -36,13 +36,22 @@ export default function LandingPage() {
       </div>
 
       <div id="hero" data-section="hero">
-        <HeroBillboard
+        <HeroBillboardGallery
           title="Coastal Luxury Awaits You"
           description="Experience tranquility at our beachfront cottages. Wake to ocean breezes, golden sunsets, and world-class hospitality. Your perfect beach escape begins here."
           tag="Premium Beach Resort"
           tagIcon={Waves}
-          imageSrc="https://www.beachcottages.com/gallery"
-          imageAlt="Luxurious beachfront cottage overlooking the ocean"
+          images={[
+            {
+              src: "https://www.beachcottages.com/gallery",              alt: "Luxurious beachfront cottage overlooking the ocean"
+            },
+            {
+              src: "https://www.beachcottages.com/gallery",              alt: "Sunset view from cottage patio"
+            },
+            {
+              src: "https://www.beachcottages.com/gallery",              alt: "Oceanfront swimming pool"
+            }
+          ]}
           buttons={[
             { text: "Explore Rooms", href: "#rooms" },
             { text: "Reserve Now", href: "contact" }
@@ -279,4 +288,4 @@ export default function LandingPage() {
       </div>
     </ThemeProvider>
   );
-}
\ No newline at end of file
+}