Update src/app/page.tsx

src/app/globals.css

@@ -4,21 +4,21 @@
   /* Base units */
   /* --vw is set by ThemeProvider */
 
-  /* --background: #f7f6f7;;
+  /* --background: #e8f4f8;;
   --card: #ffffff;;
-  --foreground: #1b0c25;;
+  --foreground: #0a3d52;;
-  --primary-cta: #1b0c25;;
+  --primary-cta: #0077b6;;
   --secondary-cta: #ffffff;;
-  --accent: #ff93e4;;
+  --accent: #00b4d8;;
-  --background-accent: #e8a8c3;; */
+  --background-accent: #90e0ef;; */
 
-  --background: #f7f6f7;;
+  --background: #e8f4f8;;
   --card: #ffffff;;
-  --foreground: #1b0c25;;
+  --foreground: #0a3d52;;
-  --primary-cta: #1b0c25;;
+  --primary-cta: #0077b6;;
   --secondary-cta: #ffffff;;
-  --accent: #ff93e4;;
+  --accent: #00b4d8;;
-  --background-accent: #e8a8c3;;
+  --background-accent: #90e0ef;;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);

src/app/layout.tsx

@@ -1262,4 +1262,4 @@ export default function RootLayout({
       </ServiceWrapper>
     </html>
   );
-}
+}

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,26 +36,21 @@ export default function LandingPage() {
       </div>
 
       <div id="hero" data-section="hero">
-        <HeroBillboardGallery
+        <HeroOverlay
           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}
-          mediaItems={[
+          videoSrc="https://videos.unsplash.com/video-1518837695005-2083a99ac9a7?w=1200&h=800&fit=crop"
-            {
+          videoAriaLabel="Ocean waves and beach landscape"
-              imageSrc: "https://www.beachcottages.com/gallery",              imageAlt: "Luxurious beachfront cottage overlooking the ocean"
+          textPosition="bottom-left"
-            },
+          showBlur={true}
-            {
+          showDimOverlay={false}
-              imageSrc: "https://www.beachcottages.com/gallery",              imageAlt: "Sunset view from cottage patio"
-            },
-            {
-              imageSrc: "https://www.beachcottages.com/gallery",              imageAlt: "Oceanfront swimming pool"
-            }
-          ]}
           buttons={[
             { text: "Explore Rooms", href: "#rooms" },
             { text: "Reserve Now", href: "contact" }
           ]}
+          titleClassName="text-6xl md:text-8xl"
         />
       </div>
 
@@ -67,7 +62,7 @@ export default function LandingPage() {
           description="Discover Serenity"
           subdescription="Beach Cottages Resort & Spa"
           icon={Heart}
-          imageSrc="https://www.beachcottages.com/gallery"
+          imageSrc="https://images.unsplash.com/photo-1571003123894-169f27800ecf?w=1200&h=800&fit=crop"
           imageAlt="Resort pool overlooking the beach"
           useInvertedBackground="invertDefault"
         />
@@ -107,13 +102,13 @@ export default function LandingPage() {
           useInvertedBackground="invertDefault"
           products={[
             {
-              id: "deluxe-ocean-view",              name: "Deluxe Ocean View",              price: "$450/night",              variant: "King Bed • Terrace • Ocean View",              imageSrc: "https://www.beachcottages.com/gallery",              imageAlt: "Deluxe Ocean View Room"
+              id: "deluxe-ocean-view",              name: "Deluxe Ocean View",              price: "$450/night",              variant: "King Bed • Terrace • Ocean View",              imageSrc: "https://images.unsplash.com/photo-1594894543455-4ab2e36af971?w=600&h=600&fit=crop",              imageAlt: "Deluxe Ocean View Room"
             },
             {
-              id: "premium-suite",              name: "Premium Oceanfront Suite",              price: "$650/night",              variant: "Double King • Spa Tub • Panoramic Views",              imageSrc: "https://www.beachcottages.com/gallery",              imageAlt: "Premium Oceanfront Suite"
+              id: "premium-suite",              name: "Premium Oceanfront Suite",              price: "$650/night",              variant: "Double King • Spa Tub • Panoramic Views",              imageSrc: "https://images.unsplash.com/photo-1568584470559-ce3bdf5bd689?w=600&h=600&fit=crop",              imageAlt: "Premium Oceanfront Suite"
             },
             {
-              id: "standard-coastal",              name: "Standard Coastal Room",              price: "$299/night",              variant: "Queen Bed • Garden View • Modern Comfort",              imageSrc: "https://www.beachcottages.com/gallery",              imageAlt: "Standard Coastal Room"
+              id: "standard-coastal",              name: "Standard Coastal Room",              price: "$299/night",              variant: "Queen Bed • Garden View • Modern Comfort",              imageSrc: "https://images.unsplash.com/photo-1631049307038-da0ec9d70304?w=600&h=600&fit=crop",              imageAlt: "Standard Coastal Room"
             }
           ]}
         />
@@ -158,27 +153,27 @@ export default function LandingPage() {
           testimonials={[
             {
               id: "1",              name: "Sarah Mitchell",              role: "Leisure Traveler",              company: "New York, USA",              rating: 5,
-              imageSrc: "https://www.beachcottages.com/gallery"
+              imageSrc: "https://images.unsplash.com/photo-1494790108377-be9c29b29330?w=400&h=400&fit=crop"
             },
             {
               id: "2",              name: "James Rodriguez",              role: "Honeymoon Guest",              company: "Miami, USA",              rating: 5,
-              imageSrc: "https://www.beachcottages.com/gallery"
+              imageSrc: "https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?w=400&h=400&fit=crop"
             },
             {
               id: "3",              name: "Emma Thompson",              role: "Corporate Retreat",              company: "Boston, USA",              rating: 5,
-              imageSrc: "https://www.beachcottages.com/gallery"
+              imageSrc: "https://images.unsplash.com/photo-1438761681033-6461ffad8d80?w=400&h=400&fit=crop"
             },
             {
               id: "4",              name: "Marcus Johnson",              role: "Family Vacation",              company: "Los Angeles, USA",              rating: 5,
-              imageSrc: "https://www.beachcottages.com/gallery"
+              imageSrc: "https://images.unsplash.com/photo-1500648767791-00dcc994a43e?w=400&h=400&fit=crop"
             },
             {
               id: "5",              name: "Victoria Chen",              role: "Wellness Retreat",              company: "San Francisco, USA",              rating: 5,
-              imageSrc: "https://www.beachcottages.com/gallery"
+              imageSrc: "https://images.unsplash.com/photo-1517849845537-1d51a20414de?w=400&h=400&fit=crop"
             },
             {
               id: "6",              name: "David Anderson",              role: "Beach Enthusiast",              company: "Seattle, USA",              rating: 5,
-              imageSrc: "https://www.beachcottages.com/gallery"
+              imageSrc: "https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?w=400&h=400&fit=crop"
             }
           ]}
         />
@@ -239,7 +234,7 @@ export default function LandingPage() {
             required: false
           }}
           useInvertedBackground="invertDefault"
-          imageSrc="https://www.beachcottages.com/gallery"
+          imageSrc="https://images.unsplash.com/photo-1507525428034-b723cf961d3e?w=1200&h=800&fit=crop"
           imageAlt="Peaceful beach landscape at sunset"
           mediaPosition="right"
           buttonText="Reserve Your Stay"
@@ -288,4 +283,4 @@ export default function LandingPage() {
       </div>
     </ThemeProvider>
   );
-}
+}