diff --git a/src/app/page.tsx b/src/app/page.tsx
index c6796c6..6101c46 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 HeroOverlay from '@/components/sections/hero/HeroOverlay';
+import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
 import SplitAbout from '@/components/sections/about/SplitAbout';
 import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
 import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
@@ -42,16 +42,16 @@ export default function LandingPage() {
       </div>
 
       <div id="hero" data-section="hero">
-        <HeroOverlay
+        <HeroBillboardGallery
           title="Ride the Waves of Haifa's Surf Culture"
           description="Join a vibrant community of surfers sharing passion, lessons, and local events"
           tag="Welcome to Haifa Surf Club"
           tagIcon={Waves}
-          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32T51L3BHE8qqE8rXXWBwMZaYtk/uploaded-1768607717157-b0cu5r4f.png"
-          imageAlt="Surfers riding waves in Haifa"
-          textPosition="bottom-left"
-          showBlur={true}
-          showDimOverlay={true}
+          images={[
+            {
+              id: "1",              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32T51L3BHE8qqE8rXXWBwMZaYtk/uploaded-1768607717157-b0cu5r4f.png",              alt: "Surfers riding waves in Haifa"
+            }
+          ]}
           buttons={[
             { text: "Join the Club Today", href: "contact" },
             { text: "Learn More", href: "about" }