From d663611c09a4420bbc3ff632538309126ede6bd3 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Tue, 28 Apr 2026 09:58:14 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 429 ++++++++++++++---------------------------------
 1 file changed, 130 insertions(+), 299 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index ca2538c..5243db6 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -29,314 +29,145 @@ export default function LandingPage() {
         headingFontWeight="normal"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingInline
-      navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Accommodations",
-          id: "rooms",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
-      ]}
-      brandName="Crossover Lodge"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingInline
+            navItems={[
+              { name: "Home", id: "hero" },
+              { name: "About", id: "about" },
+              { name: "Accommodations", id: "rooms" },
+              { name: "Contact", id: "contact" },
+            ]}
+            brandName="Crossover Lodge"
+            button={{ text: "Book Now", href: "#contact" }}
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroOverlay
-      title="Escape to Nature's Embrace"
-      description="Experience unparalleled comfort and tranquility at Crossover Lodge. Your gateway to mountain serenity and luxury."
-      buttons={[
-        {
-          text: "Book Your Stay",
-          href: "#contact",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/photorealistic-wooden-house-with-timber-structure_23-2151302638.jpg"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/young-adult-having-fun-white-party_23-2149575127.jpg",
-          alt: "Happy guest profile 1",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/portrait-happy-surprised-brunette-woman-looks-front_197531-24122.jpg",
-          alt: "Happy guest profile 2",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/front-view-beautiful-smiling-woman_23-2148588711.jpg",
-          alt: "Happy guest profile 3",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/woman-smiling-camera_23-2148258875.jpg",
-          alt: "Happy guest profile 4",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-sitting-indoors_23-2149647829.jpg",
-          alt: "Happy guest profile 5",
-        },
-      ]}
-      avatarText="Trusted by 2,000+ travelers"
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroOverlay
+            title="Escape to Nature's Embrace"
+            description="Experience unparalleled comfort and tranquility at Crossover Lodge. Your gateway to mountain serenity and luxury."
+            buttons={[{ text: "Book Your Stay", href: "#contact" }]}
+            imageSrc="http://img.b2bpic.net/free-photo/photorealistic-wooden-house-with-timber-structure_23-2151302638.jpg"
+            avatars={[
+              { src: "http://img.b2bpic.net/free-photo/young-adult-having-fun-white-party_23-2149575127.jpg", alt: "Happy guest profile 1" },
+              { src: "http://img.b2bpic.net/free-photo/portrait-happy-surprised-brunette-woman-looks-front_197531-24122.jpg", alt: "Happy guest profile 2" },
+              { src: "http://img.b2bpic.net/free-photo/front-view-beautiful-smiling-woman_23-2148588711.jpg", alt: "Happy guest profile 3" },
+              { src: "http://img.b2bpic.net/free-photo/woman-smiling-camera_23-2148258875.jpg", alt: "Happy guest profile 4" },
+              { src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-sitting-indoors_23-2149647829.jpg", alt: "Happy guest profile 5" },
+            ]}
+            avatarText="Trusted by 2,000+ travelers"
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <MediaAbout
-      useInvertedBackground={true}
-      title="A Legacy of Hospitality"
-      description="Nestled in the heart of the mountains, Crossover Lodge combines rustic charm with modern luxury. We are dedicated to providing a soulful escape for every guest, where nature and comfort meet in perfect harmony."
-      imageSrc="http://img.b2bpic.net/free-photo/panoramic-sauna-with-view-modern-wooden-design-nature-relaxation_169016-68880.jpg"
-    />
-  </div>
+        <div id="about" data-section="about">
+          <MediaAbout
+            useInvertedBackground={true}
+            title="A Legacy of Hospitality"
+            description="Nestled in the heart of the mountains, Crossover Lodge combines rustic charm with modern luxury. We are dedicated to providing a soulful escape for every guest, where nature and comfort meet in perfect harmony."
+            imageSrc="http://img.b2bpic.net/free-photo/panoramic-sauna-with-view-modern-wooden-design-nature-relaxation_169016-68880.jpg"
+          />
+        </div>
 
-  <div id="features" data-section="features">
-      <FeatureBorderGlow
-      animationType="slide-up"
-      textboxLayout="split"
-      useInvertedBackground={false}
-      features={[
-        {
-          icon: Star,
-          title: "Hiking & Wilderness",
-          description: "Explore pristine trails surrounding our lodge.",
-        },
-        {
-          icon: Utensils,
-          title: "Gourmet Dining",
-          description: "Local seasonal ingredients served with a view.",
-        },
-        {
-          icon: Sparkles,
-          title: "Mountain Spa",
-          description: "Relax with treatments inspired by the mountains.",
-        },
-      ]}
-      title="Curated Experiences"
-      description="Indulge in a range of activities designed to rejuvenate your spirit."
-    />
-  </div>
+        <div id="features" data-section="features">
+          <FeatureBorderGlow
+            animationType="slide-up"
+            textboxLayout="split"
+            useInvertedBackground={false}
+            features={[
+              { icon: Star, title: "Hiking & Wilderness", description: "Explore pristine trails surrounding our lodge." },
+              { icon: Utensils, title: "Gourmet Dining", description: "Local seasonal ingredients served with a view." },
+              { icon: Sparkles, title: "Mountain Spa", description: "Relax with treatments inspired by the mountains." },
+            ]}
+            title="Curated Experiences"
+            description="Indulge in a range of activities designed to rejuvenate your spirit."
+          />
+        </div>
 
-  <div id="rooms" data-section="rooms">
-      <ProductCardTwo
-      animationType="slide-up"
-      textboxLayout="split"
-      gridVariant="three-columns-all-equal-width"
-      useInvertedBackground={true}
-      products={[
-        {
-          id: "1",
-          brand: "Luxury",
-          name: "The Mountain Suite",
-          price: "$450/night",
-          rating: 5,
-          reviewCount: "120",
-          imageSrc: "http://img.b2bpic.net/free-photo/cozy-lively-home-interior-design_23-2151119047.jpg",
-        },
-        {
-          id: "2",
-          brand: "Standard",
-          name: "Forest View Room",
-          price: "$290/night",
-          rating: 4,
-          reviewCount: "85",
-          imageSrc: "http://img.b2bpic.net/free-photo/photorealistic-wooden-house-interior-with-timber-decor-furnishings_23-2151263521.jpg",
-        },
-        {
-          id: "3",
-          brand: "Family",
-          name: "Crossover Cabin",
-          price: "$600/night",
-          rating: 5,
-          reviewCount: "45",
-          imageSrc: "http://img.b2bpic.net/free-photo/pillow-bed_74190-7317.jpg",
-        },
-        {
-          id: "4",
-          brand: "Deluxe",
-          name: "Skyline Loft",
-          price: "$520/night",
-          rating: 5,
-          reviewCount: "62",
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-classic-interior_23-2150943437.jpg",
-        },
-        {
-          id: "5",
-          brand: "Standard",
-          name: "Valley Suite",
-          price: "$310/night",
-          rating: 4,
-          reviewCount: "98",
-          imageSrc: "http://img.b2bpic.net/free-photo/cozy-van-interior-prepared-camping_23-2151938554.jpg",
-        },
-        {
-          id: "6",
-          brand: "Deluxe",
-          name: "Heritage Room",
-          price: "$380/night",
-          rating: 5,
-          reviewCount: "112",
-          imageSrc: "http://img.b2bpic.net/free-photo/tent-interor-with-bed-dishes-glamping_1268-18150.jpg",
-        },
-      ]}
-      title="Stay in Elegance"
-      description="Each room reflects the beauty of the surrounding wilderness."
-    />
-  </div>
+        <div id="rooms" data-section="rooms">
+          <ProductCardTwo
+            animationType="slide-up"
+            textboxLayout="split"
+            gridVariant="three-columns-all-equal-width"
+            useInvertedBackground={true}
+            products={[
+              { id: "1", brand: "Luxury", name: "The Mountain Suite", price: "$450/night", rating: 5, reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/cozy-lively-home-interior-design_23-2151119047.jpg" },
+              { id: "2", brand: "Standard", name: "Forest View Room", price: "$290/night", rating: 4, reviewCount: "85", imageSrc: "http://img.b2bpic.net/free-photo/photorealistic-wooden-house-interior-with-timber-decor-furnishings_23-2151263521.jpg" },
+              { id: "3", brand: "Family", name: "Crossover Cabin", price: "$600/night", rating: 5, reviewCount: "45", imageSrc: "http://img.b2bpic.net/free-photo/pillow-bed_74190-7317.jpg" },
+              { id: "4", brand: "Deluxe", name: "Skyline Loft", price: "$520/night", rating: 5, reviewCount: "62", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-classic-interior_23-2150943437.jpg" },
+              { id: "5", brand: "Standard", name: "Valley Suite", price: "$310/night", rating: 4, reviewCount: "98", imageSrc: "http://img.b2bpic.net/free-photo/cozy-van-interior-prepared-camping_23-2151938554.jpg" },
+              { id: "6", brand: "Deluxe", name: "Heritage Room", price: "$380/night", rating: 5, reviewCount: "112", imageSrc: "http://img.b2bpic.net/free-photo/tent-interor-with-bed-dishes-glamping_1268-18150.jpg" },
+            ]}
+            title="Stay in Elegance"
+            description="Each room reflects the beauty of the surrounding wilderness."
+          />
+        </div>
 
-  <div id="metrics" data-section="metrics">
-      <MetricCardSeven
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      metrics={[
-        {
-          id: "1",
-          value: "15+",
-          title: "Years of Excellence",
-          items: [
-            "Family owned",
-            "Dedicated service",
-          ],
-        },
-        {
-          id: "2",
-          value: "2000+",
-          title: "Happy Guests",
-          items: [
-            "Global visitors",
-            "Repeat stays",
-          ],
-        },
-        {
-          id: "3",
-          value: "500+",
-          title: "Acres of Wilderness",
-          items: [
-            "Private trails",
-            "Protected area",
-          ],
-        },
-      ]}
-      title="By the Numbers"
-      description="Quality matters. Here is why guests choose us."
-    />
-  </div>
+        <div id="metrics" data-section="metrics">
+          <MetricCardSeven
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            metrics={[
+              { id: "1", value: "15+", title: "Years of Excellence", items: ["Family owned", "Dedicated service"] },
+              { id: "2", value: "2000+", title: "Happy Guests", items: ["Global visitors", "Repeat stays"] },
+              { id: "3", value: "500+", title: "Acres of Wilderness", items: ["Private trails", "Protected area"] },
+            ]}
+            title="By the Numbers"
+            description="Quality matters. Here is why guests choose us."
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardTen
-      textboxLayout="default"
-      useInvertedBackground={true}
-      testimonials={[
-        {
-          id: "1",
-          title: "Unforgettable",
-          quote: "The view alone was worth the trip.",
-          name: "Jane Doe",
-          role: "Traveler",
-          imageSrc: "http://img.b2bpic.net/free-photo/barefooted-lady-white-shirt-resting-summer-resort-brunette-woman-wears-hat-dancing-near-pool_197531-20891.jpg",
-        },
-        {
-          id: "2",
-          title: "Pure Bliss",
-          quote: "The spa experience was life changing.",
-          name: "John Smith",
-          role: "Visitor",
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-with-eco-bag-with-fruit-country-side_1303-15201.jpg",
-        },
-        {
-          id: "3",
-          title: "Perfect Stay",
-          quote: "Staff was welcoming and the rooms cozy.",
-          name: "Alice Wong",
-          role: "Guest",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-blonde-woman-feeling-happy-bed_114579-57127.jpg",
-        },
-        {
-          id: "4",
-          title: "Hidden Gem",
-          quote: "A true retreat into nature's heart.",
-          name: "Bob Brown",
-          role: "Traveler",
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-brown-hat-drinking-pineapple-cocktail-while-resting-near-pool-magnificent-blonde-female-model-chilling-resort-cafe-weekend-morning_197531-20905.jpg",
-        },
-        {
-          id: "5",
-          title: "Top Notch",
-          quote: "Best food I've had in years.",
-          name: "Eva Green",
-          role: "Guest",
-          imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-with-drink-forest_23-2147883189.jpg",
-        },
-      ]}
-      title="Guest Stories"
-      description="Hear what our visitors have to say about their stay."
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardTen
+            textboxLayout="default"
+            useInvertedBackground={true}
+            testimonials={[
+              { id: "1", title: "Unforgettable", quote: "The view alone was worth the trip.", name: "Jane Doe", role: "Traveler", imageSrc: "http://img.b2bpic.net/free-photo/barefooted-lady-white-shirt-resting-summer-resort-brunette-woman-wears-hat-dancing-near-pool_197531-20891.jpg" },
+              { id: "2", title: "Pure Bliss", quote: "The spa experience was life changing.", name: "John Smith", role: "Visitor", imageSrc: "http://img.b2bpic.net/free-photo/woman-with-eco-bag-with-fruit-country-side_1303-15201.jpg" },
+              { id: "3", title: "Perfect Stay", quote: "Staff was welcoming and the rooms cozy.", name: "Alice Wong", role: "Guest", imageSrc: "http://img.b2bpic.net/free-photo/portrait-blonde-woman-feeling-happy-bed_114579-57127.jpg" },
+              { id: "4", title: "Hidden Gem", quote: "A true retreat into nature's heart.", name: "Bob Brown", role: "Traveler", imageSrc: "http://img.b2bpic.net/free-photo/woman-brown-hat-drinking-pineapple-cocktail-while-resting-near-pool-magnificent-blonde-female-model-chilling-resort-cafe-weekend-morning_197531-20905.jpg" },
+              { id: "5", title: "Top Notch", quote: "Best food I've had in years.", name: "Eva Green", role: "Guest", imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-with-drink-forest_23-2147883189.jpg" },
+            ]}
+            title="Guest Stories"
+            description="Hear what our visitors have to say about their stay."
+          />
+        </div>
 
-  <div id="faq" data-section="faq">
-      <FaqSplitMedia
-      textboxLayout="split"
-      useInvertedBackground={false}
-      faqs={[
-        {
-          id: "q1",
-          title: "Is parking available?",
-          content: "Yes, we offer complimentary valet parking.",
-        },
-        {
-          id: "q2",
-          title: "Are pets allowed?",
-          content: "Pets are welcome in designated lodge rooms.",
-        },
-        {
-          id: "q3",
-          title: "What is the check-in time?",
-          content: "Check-in begins at 3:00 PM.",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/people-working-reception-front-view_23-2149963917.jpg"
-      mediaAnimation="slide-up"
-      title="Frequently Asked Questions"
-      description="Have questions about your stay? We have answers."
-      faqsAnimation="slide-up"
-    />
-  </div>
+        <div id="faq" data-section="faq">
+          <FaqSplitMedia
+            textboxLayout="split"
+            useInvertedBackground={false}
+            faqs={[
+              { id: "q1", title: "Is parking available?", content: "Yes, we offer complimentary valet parking." },
+              { id: "q2", title: "Are pets allowed?", content: "Pets are welcome in designated lodge rooms." },
+              { id: "q3", title: "What is the check-in time?", content: "Check-in begins at 3:00 PM." },
+            ]}
+            imageSrc="http://img.b2bpic.net/free-photo/people-working-reception-front-view_23-2149963917.jpg"
+            mediaAnimation="slide-up"
+            title="Frequently Asked Questions"
+            description="Have questions about your stay? We have answers."
+            faqsAnimation="slide-up"
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactCTA
-      useInvertedBackground={true}
-      background={{
-        variant: "plain",
-      }}
-      tag="Ready to Visit?"
-      title="Book Your Wilderness Escape"
-      description="Our team is ready to help you plan the perfect mountain getaway."
-      buttons={[
-        {
-          text: "Contact Us",
-          href: "mailto:hello@crossoverlodge.com",
-        },
-      ]}
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactCTA
+            useInvertedBackground={true}
+            background={{ variant: "plain" }}
+            tag="Ready to Visit?"
+            title="Book Your Wilderness Escape"
+            description="Our team is ready to help you plan the perfect mountain getaway."
+            buttons={[{ text: "Contact Us", href: "mailto:hello@crossoverlodge.com" }]}
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterCard
-      logoText="Crossover Lodge"
-      copyrightText="© 2025 Crossover Lodge. All Rights Reserved."
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterCard
+            logoText="Crossover Lodge"
+            copyrightText="© 2025 Crossover Lodge. All Rights Reserved."
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file
-- 
2.49.1