From b0ecbc02f71c08fe0bf0b0e084dc5a940126672c Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Wed, 15 Apr 2026 14:19:29 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 527 +++++++++++------------------------------------
 1 file changed, 125 insertions(+), 402 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index e73b263..9c8d4bb 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -16,418 +16,141 @@ import { Clock, MapPin, Sun } from "lucide-react";
 export default function LandingPage() {
   return (
     <ThemeProvider
-        defaultButtonVariant="hover-bubble"
-        defaultTextAnimation="reveal-blur"
-        borderRadius="soft"
-        contentWidth="small"
-        sizing="mediumLargeSizeLargeTitles"
-        background="blurBottom"
-        cardStyle="solid"
-        primaryButtonStyle="gradient"
-        secondaryButtonStyle="radial-glow"
-        headingFontWeight="bold"
+      defaultButtonVariant="hover-bubble"
+      defaultTextAnimation="reveal-blur"
+      borderRadius="soft"
+      contentWidth="small"
+      sizing="mediumLargeSizeLargeTitles"
+      background="blurBottom"
+      cardStyle="solid"
+      primaryButtonStyle="gradient"
+      secondaryButtonStyle="radial-glow"
+      headingFontWeight="bold"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingInline
-      navItems={[
-        {
-          name: "Home",
-          id: "#hero",
-        },
-        {
-          name: "Rooms",
-          id: "#rooms",
-        },
-        {
-          name: "Dining",
-          id: "#amenities",
-        },
-        {
-          name: "Attractions",
-          id: "#attractions",
-        },
-        {
-          name: "Contact",
-          id: "#contact",
-        },
-      ]}
-      brandName="Bekele Mola Hotel"
-      button={{
-        text: "Book Your Stay",
-        href: "#contact",
-      }}
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingInline
+            navItems={[
+              { name: "Home", id: "#hero" },
+              { name: "Rooms", id: "#rooms" },
+              { name: "Dining", id: "#amenities" },
+              { name: "Attractions", id: "#attractions" },
+              { name: "Contact", id: "#contact" }
+            ]}
+            brandName="Bekele Mola Hotel"
+            button={{ text: "Book Your Stay", href: "#contact" }}
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroSplitDoubleCarousel
-      background={{
-        variant: "gradient-bars",
-      }}
-      title="Experience the Gateway to the Rift Valley."
-      description="Authentic Ethiopian hospitality nestled between Lake Chamo and Lake Abaya. Discover the legendary legacy of Bekele Mola in the heart of Arba Minch."
-      leftCarouselItems={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-landscape-gavi-hillside-piedmont-italy-sunset_181624-52111.jpg",
-          imageAlt: "Hotel view",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/scenery-different-kinds-plants-growing-middle-hills-canyon_181624-11182.jpg",
-          imageAlt: "Garden terrace",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-vacation-looking-sea_1303-14411.jpg",
-          imageAlt: "Landscape",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-landscape_8327-239.jpg",
-          imageAlt: "Lakes",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-asian-woman-relax-smile-happy-around-swimming-pool-hotel-resort_74190-8840.jpg",
-          imageAlt: "Hotel entrance",
-        },
-      ]}
-      rightCarouselItems={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/summer-sunrise-yellow-striped-sky_1203-4408.jpg",
-          imageAlt: "Panoramic view",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-blonde-woman-man-s-shirt-summer-terrace-resting-luxury-resort-posing-instagram_496169-1954.jpg",
-          imageAlt: "Sunset terrace",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/valley-fire-nevada-from-entrance-car-parking-lot-bright-red-aztec-sandstone-outcrops-nestled-gray-tan-limestone_181624-20178.jpg",
-          imageAlt: "Local nature",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-doing-yoga-roof-skyscraper-big-city_1153-4507.jpg",
-          imageAlt: "Pool side",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/young-happy-smiling-caucasian-woman-traveller-fitting-dress-sunglasses-high-floor-bangkok_343596-1429.jpg",
-          imageAlt: "Lush scenery",
-        },
-      ]}
-      buttons={[
-        {
-          text: "Book Your Stay",
-          href: "#contact",
-        },
-      ]}
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/high-angle-shot-huts-trees-beautiful-sunset-captured-samburu-kenya_181624-8059.jpg",
-          alt: "Happy guest",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/umbrella-chair-around-swimming-pool-neary-sea-ocean-beach-sunrise-sunset-time_74190-8444.jpg",
-          alt: "Satisfied visitor",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/contemplated-young-woman-sitting-restaurant-table-with-digital-tablet-cellphone-diary_23-2147936104.jpg",
-          alt: "Relaxed traveler",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/sunlight-covering-palm-trees-body-lake_181624-19280.jpg",
-          alt: "Smiling guest",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/aerial-top-view-beautiful-landscape_23-2148346119.jpg",
-          alt: "Happy tourist",
-        },
-      ]}
-      avatarText="Join 10,000+ satisfied explorers"
-      marqueeItems={[
-        {
-          type: "text",
-          text: "Stunning Rift Valley Views",
-        },
-        {
-          type: "text",
-          text: "Traditional Ethiopian Hospitality",
-        },
-        {
-          type: "text",
-          text: "Near Nechisar National Park",
-        },
-        {
-          type: "text",
-          text: "Serene Lakefront Setting",
-        },
-        {
-          type: "text",
-          text: "Legendary Heritage Since 1968",
-        },
-      ]}
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroSplitDoubleCarousel
+            background={{ variant: "gradient-bars" }}
+            title="Experience the Gateway to the Rift Valley."
+            description="Authentic Ethiopian hospitality nestled between Lake Chamo and Lake Abaya. Discover the legendary legacy of Bekele Mola in the heart of Arba Minch."
+            leftCarouselItems={[{ imageSrc: "asset://hero-bg", imageAlt: "Hotel view" }, { imageSrc: "asset://hero-bg__2", imageAlt: "Garden terrace" }, { imageSrc: "asset://hero-bg__3", imageAlt: "Landscape" }, { imageSrc: "asset://hero-bg__4", imageAlt: "Lakes" }, { imageSrc: "asset://hero-bg__5", imageAlt: "Hotel entrance" }]}
+            rightCarouselItems={[{ imageSrc: "asset://hero-bg__7", imageAlt: "Panoramic view" }, { imageSrc: "asset://hero-bg__8", imageAlt: "Sunset terrace" }, { imageSrc: "asset://hero-bg__9", imageAlt: "Local nature" }, { imageSrc: "asset://hero-bg__10", imageAlt: "Pool side" }, { imageSrc: "asset://hero-bg__11", imageAlt: "Lush scenery" }]}
+            buttons={[{ text: "Book Your Stay", href: "#contact" }]}
+            avatars={[{ src: "asset://gen-stock-rsv-0", alt: "Happy guest" }, { src: "asset://gen-stock-rsv-1", alt: "Satisfied visitor" }, { src: "asset://gen-stock-rsv-2", alt: "Relaxed traveler" }, { src: "asset://gen-stock-rsv-3", alt: "Smiling guest" }, { src: "asset://gen-stock-rsv-48", alt: "Happy tourist" }]}
+            avatarText="Join 10,000+ satisfied explorers"
+            marqueeItems={[{ type: "text", text: "Stunning Rift Valley Views" }, { type: "text", text: "Traditional Ethiopian Hospitality" }, { type: "text", text: "Near Nechisar National Park" }, { type: "text", text: "Serene Lakefront Setting" }, { type: "text", text: "Legendary Heritage Since 1968" }]}
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <AboutMetric
-      useInvertedBackground={false}
-      title="A Legacy of Hospitality"
-      metrics={[
-        {
-          icon: MapPin,
-          label: "Location",
-          value: "Shecha, Arba Minch",
-        },
-        {
-          icon: Clock,
-          label: "History",
-          value: "Pioneering Spirit",
-        },
-        {
-          icon: Sun,
-          label: "Views",
-          value: "Two Lakes",
-        },
-      ]}
-      metricsAnimation="slide-up"
-    />
-  </div>
+        <div id="about" data-section="about">
+          <AboutMetric
+            useInvertedBackground={false}
+            title="A Legacy of Hospitality"
+            metrics={[{ icon: MapPin, label: "Location", value: "Shecha, Arba Minch" }, { icon: Clock, label: "History", value: "Pioneering Spirit" }, { icon: Sun, label: "Views", value: "Two Lakes" }]}
+            metricsAnimation="slide-up"
+          />
+        </div>
 
-  <div id="rooms" data-section="rooms">
-      <ProductCardTwo
-      animationType="slide-up"
-      textboxLayout="split"
-      gridVariant="uniform-all-items-equal"
-      useInvertedBackground={false}
-      products={[
-        {
-          id: "std",
-          brand: "Standard",
-          name: "Standard Twin",
-          price: "Contact for rate",
-          rating: 4,
-          reviewCount: "12",
-          imageSrc: "http://img.b2bpic.net/free-photo/indoor-design-luxury-resort_23-2150497258.jpg",
-        },
-        {
-          id: "dlx",
-          brand: "Deluxe",
-          name: "Deluxe Queen",
-          price: "Contact for rate",
-          rating: 5,
-          reviewCount: "24",
-          imageSrc: "http://img.b2bpic.net/free-photo/view-romantic-castle-bedroom_23-2150844387.jpg",
-        },
-        {
-          id: "fam",
-          brand: "Suite",
-          name: "Family Suite",
-          price: "Contact for rate",
-          rating: 5,
-          reviewCount: "18",
-          imageSrc: "asset://room-3",
-        },
-      ]}
-      title="Our Accommodations"
-      description="Choose from a selection of rooms designed for comfort and relaxation."
-    />
-  </div>
+        <div id="rooms" data-section="rooms">
+          <ProductCardTwo
+            animationType="slide-up"
+            textboxLayout="split"
+            gridVariant="uniform-all-items-equal"
+            useInvertedBackground={false}
+            products={[
+              { id: "std", brand: "Standard", name: "Standard Twin", price: "Contact for rate", rating: 4, reviewCount: "12", imageSrc: "asset://room-1" },
+              { id: "dlx", brand: "Deluxe", name: "Deluxe Queen", price: "Contact for rate", rating: 5, reviewCount: "24", imageSrc: "asset://room-2" },
+              { id: "fam", brand: "Suite", name: "Family Suite", price: "Contact for rate", rating: 5, reviewCount: "18", imageSrc: "asset://room-3" }
+            ]}
+            title="Our Accommodations"
+            description="Choose from a selection of rooms designed for comfort and relaxation."
+          />
+        </div>
 
-  <div id="amenities" data-section="amenities">
-      <FeatureCardSixteen
-      textboxLayout="default"
-      useInvertedBackground={false}
-      negativeCard={{
-        items: [
-          "No loud noises",
-          "No urban traffic",
-          "No stress",
-          "No humidity",
-          "No crowds",
-        ],
-      }}
-      positiveCard={{
-        items: [
-          "Free High-Speed Wi-Fi",
-          "Swimming Pool",
-          "Garden Restaurant",
-          "Fitness Center",
-          "Free Secure Parking",
-        ],
-      }}
-      title="Hotel Amenities"
-      description="Everything you need for a comfortable stay in Arba Minch."
-    />
-  </div>
+        <div id="amenities" data-section="amenities">
+          <FeatureCardSixteen
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            negativeCard={{ items: ["No loud noises", "No urban traffic", "No stress", "No humidity", "No crowds"] }}
+            positiveCard={{ items: ["Free High-Speed Wi-Fi", "Swimming Pool", "Garden Restaurant", "Fitness Center", "Free Secure Parking"] }}
+            title="Hotel Amenities"
+            description="Everything you need for a comfortable stay in Arba Minch."
+          />
+        </div>
 
-  <div id="attractions" data-section="attractions">
-      <MetricCardTwo
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="uniform-all-items-equal"
-      useInvertedBackground={false}
-      metrics={[
-        {
-          id: "m1",
-          value: "17 min",
-          description: "Nechisar National Park",
-        },
-        {
-          id: "m2",
-          value: "Boat",
-          description: "Lake Chamo / Crocodile Market",
-        },
-        {
-          id: "m3",
-          value: "Natural",
-          description: "Forty Springs Experience",
-        },
-        {
-          id: "m4",
-          value: "Culture",
-          description: "Dorze Village Craftsmanship",
-        },
-      ]}
-      title="Local Attractions"
-      description="Discover the wonders of the Gamo Highlands and Nechisar."
-    />
-  </div>
+        <div id="attractions" data-section="attractions">
+          <MetricCardTwo
+            animationType="slide-up"
+            textboxLayout="default"
+            gridVariant="uniform-all-items-equal"
+            useInvertedBackground={false}
+            metrics={[
+              { id: "m1", value: "17 min", description: "Nechisar National Park" },
+              { id: "m2", value: "Boat", description: "Lake Chamo / Crocodile Market" },
+              { id: "m3", value: "Natural", description: "Forty Springs Experience" },
+              { id: "m4", value: "Culture", description: "Dorze Village Craftsmanship" }
+            ]}
+            title="Local Attractions"
+            description="Discover the wonders of the Gamo Highlands and Nechisar."
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardFive
-      textboxLayout="default"
-      useInvertedBackground={false}
-      testimonials={[
-        {
-          id: "1",
-          name: "Tripadvisor Guest",
-          date: "2024",
-          title: "Great View",
-          quote: "The view of the two lakes from the terrace is the best in town.",
-          tag: "Verified",
-          avatarSrc: "http://img.b2bpic.net/free-photo/casually-dressed-attractive-dark-skinned-backpacker-travelling-european-city-going-back-from-viewing-platform_273609-794.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-taking-photos_23-2148966589.jpg",
-        },
-        {
-          id: "2",
-          name: "Local Explorer",
-          date: "2024",
-          title: "Authentic",
-          quote: "A true piece of Ethiopian history, lovely gardens and quiet rooms.",
-          tag: "Verified",
-          avatarSrc: "http://img.b2bpic.net/free-photo/mom-son-resting-by-lake_158595-6.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/cute-lovely-couple-beach_1328-1308.jpg",
-        },
-        {
-          id: "3",
-          name: "Adventure Seeker",
-          date: "2024",
-          title: "Perfect Location",
-          quote: "Excellent for trips to the national park, very convenient.",
-          tag: "Verified",
-          avatarSrc: "http://img.b2bpic.net/free-photo/close-up-shot-cheerful-woman-tourist-dressed-orange-jumper-strolls-near-small-stream-green-forest_273609-27389.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-with-hat-sunglasses_23-2148442109.jpg",
-        },
-        {
-          id: "4",
-          name: "Business Traveler",
-          date: "2024",
-          title: "Comfortable",
-          quote: "Reliable Wi-Fi and quiet atmosphere, perfect for working.",
-          tag: "Verified",
-          avatarSrc: "http://img.b2bpic.net/free-photo/smiley-mature-man-holding-laptop-bed-with-copy-space_23-2148404445.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-businessman-using-laptop-while-having-coffee-break-cafe_637285-7438.jpg",
-        },
-        {
-          id: "5",
-          name: "World Traveler",
-          date: "2024",
-          title: "Recommended",
-          quote: "Beautiful architecture and top-tier hospitality.",
-          tag: "Verified",
-          avatarSrc: "http://img.b2bpic.net/free-photo/young-wedding-couple-sailing-boat_7502-4947.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman_1328-1295.jpg",
-        },
-      ]}
-      title="Guest Voices"
-      description="What our guests say about their stay at Bekele Mola."
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardFive
+            textboxLayout="default"
+            useInvertedBackground={false}
+            testimonials={[
+              { id: "1", name: "Tripadvisor Guest", date: "2024", title: "Great View", quote: "The view of the two lakes from the terrace is the best in town.", tag: "Verified", avatarSrc: "asset://test-1", imageSrc: "asset://test-1__2" },
+              { id: "2", name: "Local Explorer", date: "2024", title: "Authentic", quote: "A true piece of Ethiopian history, lovely gardens and quiet rooms.", tag: "Verified", avatarSrc: "asset://test-2", imageSrc: "asset://test-2__2" },
+              { id: "3", name: "Adventure Seeker", date: "2024", title: "Perfect Location", quote: "Excellent for trips to the national park, very convenient.", tag: "Verified", avatarSrc: "asset://test-3", imageSrc: "asset://test-3__2" },
+              { id: "4", name: "Business Traveler", date: "2024", title: "Comfortable", quote: "Reliable Wi-Fi and quiet atmosphere, perfect for working.", tag: "Verified", avatarSrc: "asset://test-4", imageSrc: "asset://test-4__2" },
+              { id: "5", name: "World Traveler", date: "2024", title: "Recommended", quote: "Beautiful architecture and top-tier hospitality.", tag: "Verified", avatarSrc: "asset://test-5", imageSrc: "asset://test-5__2" }
+            ]}
+            title="Guest Voices"
+            description="What our guests say about their stay at Bekele Mola."
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactCTA
-      useInvertedBackground={true}
-      background={{
-        variant: "plain",
-      }}
-      tag="Booking"
-      title="Ready to Visit Arba Minch?"
-      description="Contact us directly to reserve your stay at the legendary Bekele Mola Hotel."
-      buttons={[
-        {
-          text: "Call Now: +251 46 881 0046",
-          href: "tel:+251468810046",
-        },
-        {
-          text: "Email Reservations",
-          href: "mailto:reservations@bekelemola-arbaminch.com",
-        },
-      ]}
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactCTA
+            useInvertedBackground={true}
+            background={{ variant: "plain" }}
+            tag="Booking"
+            title="Ready to Visit Arba Minch?"
+            description="Contact us directly to reserve your stay at the legendary Bekele Mola Hotel."
+            buttons={[
+              { text: "Call Now: +251 46 881 0046", href: "tel:+251468810046" },
+              { text: "Email Reservations", href: "mailto:reservations@bekelemola-arbaminch.com" }
+            ]}
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterBase
-      columns={[
-        {
-          title: "Hotel",
-          items: [
-            {
-              label: "Rooms",
-              href: "#rooms",
-            },
-            {
-              label: "Dining",
-              href: "#amenities",
-            },
-            {
-              label: "Contact Us",
-              href: "#contact",
-            },
-          ],
-        },
-        {
-          title: "Local",
-          items: [
-            {
-              label: "Nechisar Park",
-              href: "#attractions",
-            },
-            {
-              label: "Lake Boat Trips",
-              href: "#attractions",
-            },
-            {
-              label: "Forty Springs",
-              href: "#attractions",
-            },
-          ],
-        },
-        {
-          title: "Support",
-          items: [
-            {
-              label: "Privacy Policy",
-              href: "#",
-            },
-            {
-              label: "Terms of Service",
-              href: "#",
-            },
-          ],
-        },
-      ]}
-      logoText="Bekele Mola Hotel"
-      copyrightText="© 2025 Bekele Mola Hotel. All rights reserved."
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterBase
+            columns={[
+              { title: "Hotel", items: [{ label: "Rooms", href: "#rooms" }, { label: "Dining", href: "#amenities" }, { label: "Contact Us", href: "#contact" }] },
+              { title: "Local", items: [{ label: "Nechisar Park", href: "#attractions" }, { label: "Lake Boat Trips", href: "#attractions" }, { label: "Forty Springs", href: "#attractions" }] },
+              { title: "Support", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] }
+            ]}
+            logoText="Bekele Mola Hotel"
+            copyrightText="© 2025 Bekele Mola Hotel. All rights reserved."
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-- 
2.49.1