Update src/app/page.tsx

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,17 +36,33 @@ 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"
+          mediaItems={[
+            {
+              imageSrc: "https://www.beachcottages.com/gallery",              imageAlt: "Luxurious beachfront cottage overlooking the ocean"
+            },
+            {
+              imageSrc: "https://www.beachcottages.com/gallery",              imageAlt: "Sunset view from cottage patio"
+            },
+            {
+              imageSrc: "https://www.beachcottages.com/gallery",              imageAlt: "Oceanfront swimming pool"
+            },
+            {
+              imageSrc: "https://www.beachcottages.com/gallery",              imageAlt: "Beachfront garden with tropical plants"
+            },
+            {
+              imageSrc: "https://www.beachcottages.com/gallery",              imageAlt: "Cottage interior with ocean view"
+            }
+          ]}
           buttons={[
             { text: "Explore Rooms", href: "#rooms" },
             { text: "Reserve Now", href: "contact" }
           ]}
+          titleClassName="text-6xl md:text-8xl"
         />
       </div>