From a6b497544d586e174e5ccba5b1e3eba9d338eb77 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Fri, 22 May 2026 17:25:41 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 432 ++++++++++++++---------------------------------
 1 file changed, 131 insertions(+), 301 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index d441734..73806ed 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -26,313 +26,143 @@ export default function LandingPage() {
         headingFontWeight="bold"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarStyleApple
-      navItems={[
-        {
-          name: "Home",
-          id: "/",
-        },
-        {
-          name: "Rooms",
-          id: "/rooms",
-        },
-        {
-          name: "Gallery",
-          id: "/gallery",
-        },
-        {
-          name: "Contact",
-          id: "/contact",
-        },
-      ]}
-      brandName="Canadian Guest House"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarStyleApple
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "Rooms", id: "/rooms" },
+              { name: "Gallery", id: "/gallery" },
+              { name: "Contact", id: "/contact" },
+            ]}
+            brandName="Canadian Guest House"
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroBillboardRotatedCarousel
-      background={{
-        variant: "rotated-rays-animated",
-      }}
-      title="Experience Unmatched Luxury"
-      description="Welcome to Canadian Guest House, where elegance meets comfort in every detail."
-      buttons={[
-        {
-          text: "Book Your Stay",
-          href: "/rooms",
-        },
-        {
-          text: "WhatsApp Us",
-          href: "https://wa.me/1234567890",
-        },
-      ]}
-      carouselItems={[
-        {
-          id: "1",
-          imageSrc: "http://img.b2bpic.net/free-photo/empty-hotel-reception-entryway-with-glamorous-decorations_482257-87376.jpg?_wi=1",
-          imageAlt: "Luxury Lobby",
-        },
-        {
-          id: "2",
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-dreamy-aesthetic-landscape_23-2151445734.jpg?_wi=1",
-          imageAlt: "Stunning View",
-        },
-        {
-          id: "3",
-          imageSrc: "http://img.b2bpic.net/free-photo/modern-building-seen-from_116348-65.jpg?_wi=1",
-          imageAlt: "Exterior",
-        },
-        {
-          id: "4",
-          imageSrc: "http://img.b2bpic.net/free-photo/side-view-rich-woman-sitting-couch_23-2149722603.jpg",
-          imageAlt: "Bedroom",
-        },
-        {
-          id: "5",
-          imageSrc: "http://img.b2bpic.net/free-photo/couple-talking-by-pool-vacation_23-2149369764.jpg",
-          imageAlt: "Pool",
-        },
-        {
-          id: "6",
-          imageSrc: "http://img.b2bpic.net/free-photo/tourist-giving-passport-receptionist_482257-90700.jpg",
-          imageAlt: "Reception",
-        },
-      ]}
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroBillboardRotatedCarousel
+            background={{ variant: "rotated-rays-animated" }}
+            title="Experience Unmatched Luxury"
+            description="Welcome to Canadian Guest House, where elegance meets comfort in every detail."
+            buttons={[
+              { text: "Book Your Stay", href: "/rooms" },
+              { text: "WhatsApp Us", href: "https://wa.me/1234567890" },
+            ]}
+            carouselItems={[
+              { id: "1", imageSrc: "http://img.b2bpic.net/free-photo/empty-hotel-reception-entryway-with-glamorous-decorations_482257-87376.jpg", imageAlt: "Luxury Lobby" },
+              { id: "2", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-dreamy-aesthetic-landscape_23-2151445734.jpg", imageAlt: "Stunning View" },
+              { id: "3", imageSrc: "http://img.b2bpic.net/free-photo/modern-building-seen-from_116348-65.jpg", imageAlt: "Exterior" },
+              { id: "4", imageSrc: "http://img.b2bpic.net/free-photo/side-view-rich-woman-sitting-couch_23-2149722603.jpg", imageAlt: "Bedroom" },
+              { id: "5", imageSrc: "http://img.b2bpic.net/free-photo/couple-talking-by-pool-vacation_23-2149369764.jpg", imageAlt: "Pool" },
+              { id: "6", imageSrc: "http://img.b2bpic.net/free-photo/tourist-giving-passport-receptionist_482257-90700.jpg", imageAlt: "Reception" },
+            ]}
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <MetricSplitMediaAbout
-      useInvertedBackground={false}
-      title="Excellence in Hospitality"
-      description="Discover a place where comfort and sophistication blend seamlessly, creating a home away from home."
-      metrics={[
-        {
-          value: "15+",
-          title: "Luxury Suites",
-        },
-        {
-          value: "10k+",
-          title: "Happy Guests",
-        },
-        {
-          value: "24/7",
-          title: "Concierge",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/cozy-home-interior-living-room-with-vase-flowers-candles_169016-3572.jpg"
-      mediaAnimation="slide-up"
-      metricsAnimation="slide-up"
-    />
-  </div>
+        <div id="about" data-section="about">
+          <MetricSplitMediaAbout
+            useInvertedBackground={false}
+            title="Excellence in Hospitality"
+            description="Discover a place where comfort and sophistication blend seamlessly, creating a home away from home."
+            metrics={[
+              { value: "15+", title: "Luxury Suites" },
+              { value: "10k+", title: "Happy Guests" },
+              { value: "24/7", title: "Concierge" },
+            ]}
+            imageSrc="http://img.b2bpic.net/free-photo/cozy-home-interior-living-room-with-vase-flowers-candles_169016-3572.jpg"
+            mediaAnimation="slide-up"
+            metricsAnimation="slide-up"
+          />
+        </div>
 
-  <div id="features" data-section="features">
-      <FeatureCardTen
-      animationType="slide-up"
-      textboxLayout="split"
-      useInvertedBackground={false}
-      features={[
-        {
-          title: "Fine Dining",
-          description: "Gourmet experiences await you daily.",
-          media: {
-            imageSrc: "http://img.b2bpic.net/free-photo/dining-table-background-zoom-calls_23-2149684456.jpg",
-          },
-          items: [
-            {
-              icon: CheckCircle,
-              text: "Organic Ingredients",
-            },
-          ],
-          reverse: false,
-          imageSrc: "http://img.b2bpic.net/free-photo/empty-hotel-reception-entryway-with-glamorous-decorations_482257-87376.jpg?_wi=2",
-          imageAlt: "hotel restaurant ambiance dining",
-        },
-        {
-          title: "Relaxing Spa",
-          description: "Unwind with our world-class spa treatments.",
-          media: {
-            imageSrc: "http://img.b2bpic.net/free-photo/girl-pool-edge-warm-daylight-calm-wellness-moment_169016-69184.jpg",
-          },
-          items: [
-            {
-              icon: Shield,
-              text: "Privacy First",
-            },
-          ],
-          reverse: true,
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-dreamy-aesthetic-landscape_23-2151445734.jpg?_wi=2",
-          imageAlt: "hotel restaurant ambiance dining",
-        },
-        {
-          title: "Luxury Comfort",
-          description: "Sleep in total comfort with premium linens.",
-          media: {
-            imageSrc: "http://img.b2bpic.net/free-photo/empty-therapist-office-with-modern-furniture-decorations_482257-108008.jpg",
-          },
-          items: [
-            {
-              icon: Zap,
-              text: "High Speed WiFi",
-            },
-          ],
-          reverse: false,
-          imageSrc: "http://img.b2bpic.net/free-photo/modern-building-seen-from_116348-65.jpg?_wi=2",
-          imageAlt: "hotel restaurant ambiance dining",
-        },
-      ]}
-      title="Premier Amenities"
-      description="Elevate your stay with our curated premium facilities."
-    />
-  </div>
+        <div id="features" data-section="features">
+          <FeatureCardTen
+            animationType="slide-up"
+            textboxLayout="split"
+            useInvertedBackground={false}
+            features={[
+              {
+                title: "Fine Dining",                description: "Gourmet experiences await you daily.",                media: {
+                  imageSrc: "http://img.b2bpic.net/free-photo/empty-hotel-reception-entryway-with-glamorous-decorations_482257-87376.jpg",                  imageAlt: "hotel restaurant ambiance dining"
+                },
+                items: [{ icon: CheckCircle, text: "Organic Ingredients" }],
+                reverse: false
+              },
+              {
+                title: "Relaxing Spa",                description: "Unwind with our world-class spa treatments.",                media: {
+                  imageSrc: "http://img.b2bpic.net/free-photo/beautiful-dreamy-aesthetic-landscape_23-2151445734.jpg",                  imageAlt: "hotel restaurant ambiance dining"
+                },
+                items: [{ icon: Shield, text: "Privacy First" }],
+                reverse: true
+              },
+              {
+                title: "Luxury Comfort",                description: "Sleep in total comfort with premium linens.",                media: {
+                  imageSrc: "http://img.b2bpic.net/free-photo/modern-building-seen-from_116348-65.jpg",                  imageAlt: "hotel restaurant ambiance dining"
+                },
+                items: [{ icon: Zap, text: "High Speed WiFi" }],
+                reverse: false
+              }
+            ]}
+            title="Premier Amenities"
+            description="Elevate your stay with our curated premium facilities."
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardSixteen
-      animationType="slide-up"
-      textboxLayout="split"
-      useInvertedBackground={false}
-      testimonials={[
-        {
-          id: "t1",
-          name: "Sarah Miller",
-          role: "CEO",
-          company: "Tech",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/businessman-with-luggage-using-mobile-phone_107420-95917.jpg",
-        },
-        {
-          id: "t2",
-          name: "James Bond",
-          role: "Traveler",
-          company: "Global",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-couple-taking-selfie-sea-with-surfboard_23-2148022380.jpg",
-        },
-        {
-          id: "t3",
-          name: "Elena Ross",
-          role: "Manager",
-          company: "Growth",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/senior-woman-assisted-hotel-arrival_482257-90549.jpg",
-        },
-        {
-          id: "t4",
-          name: "David Smith",
-          role: "Designer",
-          company: "Creative",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/young-man-wearing-colorful-top-sunglasses_273609-15964.jpg",
-        },
-        {
-          id: "t5",
-          name: "Anna Karen",
-          role: "Consultant",
-          company: "Business",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/cheerful-smiling-man-with-suitcase-video-chats-using-smartphone-takes-selfie-goes-holiday_1258-270387.jpg",
-        },
-      ]}
-      kpiItems={[
-        {
-          value: "4.9",
-          label: "Rating",
-        },
-        {
-          value: "100%",
-          label: "Satisfied",
-        },
-        {
-          value: "500+",
-          label: "Reviews",
-        },
-      ]}
-      title="Guest Reviews"
-      description="What our guests say about their stay at Canadian Guest House."
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardSixteen
+            animationType="slide-up"
+            textboxLayout="split"
+            useInvertedBackground={false}
+            testimonials={[
+              { id: "t1", name: "Sarah Miller", role: "CEO", company: "Tech", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/businessman-with-luggage-using-mobile-phone_107420-95917.jpg" },
+              { id: "t2", name: "James Bond", role: "Traveler", company: "Global", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-couple-taking-selfie-sea-with-surfboard_23-2148022380.jpg" },
+              { id: "t3", name: "Elena Ross", role: "Manager", company: "Growth", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/senior-woman-assisted-hotel-arrival_482257-90549.jpg" },
+              { id: "t4", name: "David Smith", role: "Designer", company: "Creative", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-man-wearing-colorful-top-sunglasses_273609-15964.jpg" },
+              { id: "t5", name: "Anna Karen", role: "Consultant", company: "Business", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/cheerful-smiling-man-with-suitcase-video-chats-using-smartphone-takes-selfie-goes-holiday_1258-270387.jpg" },
+            ]}
+            kpiItems={[
+              { value: "4.9", label: "Rating" },
+              { value: "100%", label: "Satisfied" },
+              { value: "500+", label: "Reviews" },
+            ]}
+            title="Guest Reviews"
+            description="What our guests say about their stay at Canadian Guest House."
+          />
+        </div>
 
-  <div id="pricing" data-section="pricing">
-      <PricingCardFive
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      title="Stay Packages"
-      description="Transparent pricing for your comfort and convenience."
-      plans={[
-        {
-          id: "plan-1",
-          tag: "Classic",
-          price: "$150",
-          period: "/night",
-          description: "The perfect stay for short trips.",
-          button: {
-            text: "Choose Plan",
-            href: "/rooms",
-          },
-          featuresTitle: "Includes:",
-          features: [
-            "Free Breakfast",
-            "Wifi",
-            "City View",
-          ],
-        },
-        {
-          id: "plan-2",
-          tag: "Luxury",
-          price: "$300",
-          period: "/night",
-          description: "Upscale comfort for discerning travelers.",
-          button: {
-            text: "Choose Plan",
-            href: "/rooms",
-          },
-          featuresTitle: "Includes:",
-          features: [
-            "All Classic Amenities",
-            "Spa Access",
-            "Priority Check-in",
-          ],
-        },
-      ]}
-    />
-  </div>
+        <div id="pricing" data-section="pricing">
+          <PricingCardFive
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            title="Stay Packages"
+            description="Transparent pricing for your comfort and convenience."
+            plans={[
+              {
+                id: "plan-1",                tag: "Classic",                price: "$150",                period: "/night",                description: "The perfect stay for short trips.",                button: { text: "Choose Plan", href: "/rooms" },
+                featuresTitle: "Includes:",                features: ["Free Breakfast", "Wifi", "City View"]
+              },
+              {
+                id: "plan-2",                tag: "Luxury",                price: "$300",                period: "/night",                description: "Upscale comfort for discerning travelers.",                button: { text: "Choose Plan", href: "/rooms" },
+                featuresTitle: "Includes:",                features: ["All Classic Amenities", "Spa Access", "Priority Check-in"]
+              }
+            ]}
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterBase
-      columns={[
-        {
-          title: "Company",
-          items: [
-            {
-              label: "About",
-              href: "/about",
-            },
-            {
-              label: "Contact",
-              href: "/contact",
-            },
-          ],
-        },
-        {
-          title: "Legal",
-          items: [
-            {
-              label: "Privacy Policy",
-              href: "/privacy",
-            },
-            {
-              label: "Terms",
-              href: "/terms",
-            },
-          ],
-        },
-      ]}
-      logoText="Canadian Guest House"
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterBase
+            columns={[
+              {
+                title: "Company",                items: [{ label: "About", href: "/about" }, { label: "Contact", href: "/contact" }]
+              },
+              {
+                title: "Legal",                items: [{ label: "Privacy Policy", href: "/privacy" }, { label: "Terms", href: "/terms" }]
+              }
+            ]}
+            logoText="Canadian Guest House"
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file
-- 
2.49.1