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 HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
+import HeroOverlay from '@/components/sections/hero/HeroOverlay';
 import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
 import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen';
 import ProductCardFour from '@/components/sections/product/ProductCardFour';
@@ -36,33 +36,21 @@ export default function LandingPage() {
       </div>
 
       <div id="hero" data-section="hero">
-        <HeroBillboardGallery
+        <HeroOverlay
-          title="Coastal Luxury Awaits You"
+          title="The Beach Cottages"
           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}
-          mediaItems={[
+          videoSrc="https://videos.unsplash.com/video-1518837695005-2083a99ac9a7?w=1200&h=800&fit=crop"
-            {
+          videoAriaLabel="Ocean waves and beach landscape"
-              imageSrc: "https://images.unsplash.com/photo-1507525428034-b723cf961d3e?w=1200&h=800&fit=crop",              imageAlt: "Luxurious beachfront cottage overlooking the ocean"
+          textPosition="bottom-left"
-            },
+          showBlur={true}
-            {
+          showDimOverlay={false}
-              imageSrc: "https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?w=1200&h=800&fit=crop",              imageAlt: "Sunset view from cottage patio"
-            },
-            {
-              imageSrc: "https://images.unsplash.com/photo-1506905925346-21bda4d32df4?w=1200&h=800&fit=crop",              imageAlt: "Oceanfront swimming pool"
-            },
-            {
-              imageSrc: "https://images.unsplash.com/photo-1519046904884-53103b34b206?w=1200&h=800&fit=crop",              imageAlt: "Beachfront garden with tropical plants"
-            },
-            {
-              imageSrc: "https://images.unsplash.com/photo-1551524164-0fcbb5f5ff86?w=1200&h=800&fit=crop",              imageAlt: "Cottage interior with ocean view"
-            }
-          ]}
           buttons={[
             { text: "Explore Rooms", href: "#rooms" },
             { text: "Reserve Now", href: "contact" }
           ]}
-          titleClassName="text-6xl md:text-8xl"
+          titleClassName="text-6xl md:text-8xl font-bold text-gray-900"
         />
       </div>