From 008257b8066071bb5b3b28ca9eb5443f21936064 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sat, 11 Apr 2026 21:46:50 +0000
Subject: [PATCH] Update src/app/page.tsx

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

diff --git a/src/app/page.tsx b/src/app/page.tsx
index e4a8924..41aadf8 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -28,316 +28,147 @@ export default function LandingPage() {
         headingFontWeight="light"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarStyleCentered
-      navItems={[
-        {
-          name: "Rooms",
-          id: "#rooms",
-        },
-        {
-          name: "Location",
-          id: "#location",
-        },
-        {
-          name: "Gallery",
-          id: "#gallery",
-        },
-      ]}
-      brandName="Iloilo Stay"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarStyleCentered
+            navItems={[
+              { name: "Hero", id: "hero" },
+              { name: "Value", id: "value" },
+              { name: "Rooms", id: "rooms" },
+              { name: "Gallery", id: "gallery" },
+              { name: "Location", id: "location" },
+              { name: "Amenities", id: "amenities" },
+              { name: "Contact", id: "contact" }
+            ]}
+            brandName="Iloilo Stay"
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroCarouselLogo
-      logoText="Iloilo Stay"
-      description="Affordable comfort in the heart of Iloilo City—minutes from everything that matters."
-      buttons={[
-        {
-          text: "Check Availability",
-          href: "#contact",
-        },
-        {
-          text: "View Rooms",
-          href: "#rooms",
-        },
-      ]}
-      slides={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/modern-clean-interior-design_23-2151929394.jpg",
-          imageAlt: "luxury boutique hotel room minimal",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/modern-reception-counter-with-classy-interior-design_482257-101081.jpg",
-          imageAlt: "boutique hotel reception lobby",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/square-vintage-building_1359-804.jpg",
-          imageAlt: "modern cafe interior nearby",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/analog-city-landscape-with-buildings-daylight_23-2149661425.jpg",
-          imageAlt: "hotel restaurant buffet setting",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/luxury-interior-decor-with-natural-lighting-ambiance-generated-by-ai_188544-28046.jpg",
-          imageAlt: "luxury hotel interior detail",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/young-people-skateboarding-japan_23-2149331752.jpg",
-          imageAlt: "nearby street scene urban",
-        },
-      ]}
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroCarouselLogo
+            logoText="Iloilo Stay"
+            description="Affordable comfort in the heart of Iloilo City—minutes from everything that matters."
+            buttons={[{ text: "Check Availability", href: "#contact" }, { text: "View Rooms", href: "#rooms" }]}
+            slides={[
+              { imageSrc: "http://img.b2bpic.net/free-photo/modern-clean-interior-design_23-2151929394.jpg", imageAlt: "luxury boutique hotel room minimal" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/modern-reception-counter-with-classy-interior-design_482257-101081.jpg", imageAlt: "boutique hotel reception lobby" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/square-vintage-building_1359-804.jpg", imageAlt: "modern cafe interior nearby" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/analog-city-landscape-with-buildings-daylight_23-2149661425.jpg", imageAlt: "hotel restaurant buffet setting" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/luxury-interior-decor-with-natural-lighting-ambiance-generated-by-ai_188544-28046.jpg", imageAlt: "luxury hotel interior detail" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/young-people-skateboarding-japan_23-2149331752.jpg", imageAlt: "nearby street scene urban" }
+            ]}
+          />
+        </div>
 
-  <div id="value" data-section="value">
-      <FeatureCardSeven
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      features={[
-        {
-          title: "Comfort-First Rooms",
-          description: "Air-conditioned, clean, and designed for real rest.",
-          imageSrc: "http://img.b2bpic.net/free-photo/cozy-bedroom-with-pink-accents-modern-artwork_23-2152001379.jpg",
-          imageAlt: "minimalist hotel room twin",
-        },
-        {
-          title: "Prime Location",
-          description: "Near Jaro Cathedral, Museo Iloilo & city hotspots.",
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-city_1127-3331.jpg",
-          imageAlt: "modern cafe interior nearby",
-        },
-        {
-          title: "Smart Pricing",
-          description: "Premium experience starting at budget-friendly rates.",
-          imageSrc: "http://img.b2bpic.net/free-photo/older-guest-arriving-vacation_482257-76543.jpg",
-          imageAlt: "hotel concierge reception desk",
-        },
-      ]}
-      title="Luxury Feel Without the Luxury Price"
-      description="Experience urban comfort designed for the smart traveler."
-    />
-  </div>
+        <div id="value" data-section="value">
+          <FeatureCardSeven
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            features={[
+              { title: "Comfort-First Rooms", description: "Air-conditioned, clean, and designed for real rest.", imageSrc: "http://img.b2bpic.net/free-photo/cozy-bedroom-with-pink-accents-modern-artwork_23-2152001379.jpg", imageAlt: "minimalist hotel room twin" },
+              { title: "Prime Location", description: "Near Jaro Cathedral, Museo Iloilo & city hotspots.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-city_1127-3331.jpg", imageAlt: "modern cafe interior nearby" },
+              { title: "Smart Pricing", description: "Premium experience starting at budget-friendly rates.", imageSrc: "http://img.b2bpic.net/free-photo/older-guest-arriving-vacation_482257-76543.jpg", imageAlt: "hotel concierge reception desk" }
+            ]}
+            title="Luxury Feel Without the Luxury Price"
+            description="Experience urban comfort designed for the smart traveler."
+          />
+        </div>
 
-  <div id="rooms" data-section="rooms">
-      <PricingCardNine
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      plans={[
-        {
-          id: "twin",
-          title: "Standard Twin Room",
-          price: "₱900+",
-          period: "/night",
-          features: [
-            "Perfect for solo travelers",
-            "Clean & efficient",
-            "Air-conditioned",
-          ],
-          button: {
-            text: "Book Now",
-            href: "#contact",
-          },
-          imageSrc: "http://img.b2bpic.net/free-photo/hotel-room-with-open-balcony-soft-light-through-curtains-cozy-bedroom_169016-70022.jpg",
-        },
-        {
-          id: "double",
-          title: "Double Room",
-          price: "₱1,000+",
-          period: "/night",
-          features: [
-            "Ideal for couples",
-            "Quiet & cozy",
-            "Modern design",
-          ],
-          button: {
-            text: "Book Now",
-            href: "#contact",
-          },
-          imageSrc: "http://img.b2bpic.net/free-photo/still-life-blue-tones-with-wooden-inscription-home-decorative-elements-living-room_169016-3982.jpg",
-        },
-      ]}
-      title="Designed for Rest."
-      description="Choose your stay today."
-    />
-  </div>
+        <div id="rooms" data-section="rooms">
+          <PricingCardNine
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            plans={[
+              { id: "twin", title: "Standard Twin Room", price: "₱900+", period: "/night", features: ["Perfect for solo travelers", "Clean & efficient", "Air-conditioned"], button: { text: "Book Now", href: "#contact" }, imageSrc: "http://img.b2bpic.net/free-photo/hotel-room-with-open-balcony-soft-light-through-curtains-cozy-bedroom_169016-70022.jpg" },
+              { id: "double", title: "Double Room", price: "₱1,000+", period: "/night", features: ["Ideal for couples", "Quiet & cozy", "Modern design"], button: { text: "Book Now", href: "#contact" }, imageSrc: "http://img.b2bpic.net/free-photo/still-life-blue-tones-with-wooden-inscription-home-decorative-elements-living-room_169016-3982.jpg" }
+            ]}
+            title="Designed for Rest."
+            description="Choose your stay today."
+          />
+        </div>
 
-  <div id="gallery" data-section="gallery">
-      <MediaAbout
-      useInvertedBackground={false}
-      title="Visual Trust Builder"
-      description="What you see is what you get—clean, simple, reliable comfort. Our boutique hotel space is designed to make you feel right at home."
-      imageSrc="http://img.b2bpic.net/free-photo/skyscraper-modern-office-buildings-city_23-2148836816.jpg"
-      imageAlt="boutique hotel reception lobby"
-    />
-  </div>
+        <div id="gallery" data-section="gallery">
+          <MediaAbout
+            useInvertedBackground={false}
+            title="Visual Trust Builder"
+            description="What you see is what you get—clean, simple, reliable comfort. Our boutique hotel space is designed to make you feel right at home."
+            imageSrc="http://img.b2bpic.net/free-photo/skyscraper-modern-office-buildings-city_23-2148836816.jpg"
+            imageAlt="boutique hotel reception lobby"
+          />
+        </div>
 
-  <div id="location" data-section="location">
-      <FaqSplitMedia
-      textboxLayout="default"
-      useInvertedBackground={false}
-      faqs={[
-        {
-          id: "l1",
-          title: "Jaro Cathedral",
-          content: "Just a short ride from our location.",
-        },
-        {
-          id: "l2",
-          title: "Museo Iloilo",
-          content: "Explore city history just minutes away.",
-        },
-        {
-          id: "l3",
-          title: "Nelly's Garden",
-          content: "Experience the classic Iloilo architecture.",
-        },
-        {
-          id: "l4",
-          title: "Esplanade",
-          content: "Enjoy a scenic sunset walk along the river.",
-        },
-        {
-          id: "l5",
-          title: "La Paz Market",
-          content: "Taste the famous La Paz Batchoy nearby.",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/close-up-man-using-smartphone_23-2148383467.jpg"
-      mediaAnimation="slide-up"
-      title="Right Where You Need to Be"
-      description="Located in La Paz, Iloilo City, you're just minutes away from key landmarks."
-      faqsAnimation="slide-up"
-      imageAlt="modern hotel information desk"
-    />
-  </div>
+        <div id="location" data-section="location">
+          <FaqSplitMedia
+            textboxLayout="default"
+            useInvertedBackground={false}
+            faqs={[
+              { id: "l1", title: "Jaro Cathedral", content: "Just a short ride from our location." },
+              { id: "l2", title: "Museo Iloilo", content: "Explore city history just minutes away." },
+              { id: "l3", title: "Nelly's Garden", content: "Experience the classic Iloilo architecture." },
+              { id: "l4", title: "Esplanade", content: "Enjoy a scenic sunset walk along the river." },
+              { id: "l5", title: "La Paz Market", content: "Taste the famous La Paz Batchoy nearby." }
+            ]}
+            imageSrc="http://img.b2bpic.net/free-photo/close-up-man-using-smartphone_23-2148383467.jpg"
+            faqsAnimation="slide-up"
+            title="Right Where You Need to Be"
+            description="Located in La Paz, Iloilo City, you're just minutes away from key landmarks."
+            mediaAnimation="slide-up"
+            imageAlt="modern hotel information desk"
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardTwelve
-      useInvertedBackground={false}
-      testimonials={[
-        {
-          id: "t1",
-          name: "Sarah Johnson",
-          imageSrc: "http://img.b2bpic.net/free-photo/senior-people-receive-room-key-card_482257-81604.jpg",
-        },
-        {
-          id: "t2",
-          name: "Michael Chen",
-          imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-central-park-manhattan-new-york-city-surrounded-by-skyscrapers_181624-52364.jpg",
-        },
-        {
-          id: "t3",
-          name: "Emily Rodriguez",
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-architecture-building-tokyo-cityscape_74190-7538.jpg",
-        },
-        {
-          id: "t4",
-          name: "David Kim",
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-white-bridal-shoes-standing-table-room_1157-13269.jpg",
-        },
-        {
-          id: "t5",
-          name: "Jessica Lee",
-          imageSrc: "http://img.b2bpic.net/free-photo/menu-board-french-restaurant_1147-449.jpg",
-        },
-      ]}
-      cardTitle="Trusted by Guests"
-      cardAnimation="slide-up"
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardTwelve
+            useInvertedBackground={false}
+            testimonials={[
+              { id: "t1", name: "Sarah Johnson", imageSrc: "http://img.b2bpic.net/free-photo/senior-people-receive-room-key-card_482257-81604.jpg" },
+              { id: "t2", name: "Michael Chen", imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-central-park-manhattan-new-york-city-surrounded-by-skyscrapers_181624-52364.jpg" },
+              { id: "t3", name: "Emily Rodriguez", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-architecture-building-tokyo-cityscape_74190-7538.jpg" },
+              { id: "t4", name: "David Kim", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-white-bridal-shoes-standing-table-room_1157-13269.jpg" },
+              { id: "t5", name: "Jessica Lee", imageSrc: "http://img.b2bpic.net/free-photo/menu-board-french-restaurant_1147-449.jpg" }
+            ]}
+            cardTitle="Trusted by Guests"
+            cardTag="Reviews"
+            cardAnimation="slide-up"
+          />
+        </div>
 
-  <div id="amenities" data-section="amenities">
-      <MetricCardSeven
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      metrics={[
-        {
-          id: "a1",
-          value: "✓",
-          title: "Free Wi-Fi",
-          items: [
-            "High speed",
-            "Unlimited",
-          ],
-        },
-        {
-          id: "a2",
-          value: "✓",
-          title: "AC Rooms",
-          items: [
-            "Climate control",
-            "Quiet",
-          ],
-        },
-        {
-          id: "a3",
-          value: "✓",
-          title: "Parking",
-          items: [
-            "Free",
-            "Safe",
-          ],
-        },
-        {
-          id: "a4",
-          value: "✓",
-          title: "Breakfast",
-          items: [
-            "Fresh",
-            "Daily",
-          ],
-        },
-        {
-          id: "a5",
-          value: "✓",
-          title: "Concierge",
-          items: [
-            "Friendly",
-            "Local tips",
-          ],
-        },
-      ]}
-      title="Everything You Need"
-      description="Nothing you don't."
-    />
-  </div>
+        <div id="amenities" data-section="amenities">
+          <MetricCardSeven
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            metrics={[
+              { id: "a1", value: "✓", title: "Free Wi-Fi", items: ["High speed", "Unlimited"] },
+              { id: "a2", value: "✓", title: "AC Rooms", items: ["Climate control", "Quiet"] },
+              { id: "a3", value: "✓", title: "Parking", items: ["Free", "Safe"] },
+              { id: "a4", value: "✓", title: "Breakfast", items: ["Fresh", "Daily"] },
+              { id: "a5", value: "✓", title: "Concierge", items: ["Friendly", "Local tips"] }
+            ]}
+            title="Everything You Need"
+            description="Nothing you don't."
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactCTA
-      useInvertedBackground={true}
-      background={{
-        variant: "plain",
-      }}
-      tag="Booking Inquiry"
-      title="Reserve Your Stay Now"
-      description="Rooms fill fast. Contact us via 0917 320 8996 or use the form below to check current availability."
-      buttons={[
-        {
-          text: "Check Availability",
-          href: "#",
-        },
-      ]}
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactCTA
+            useInvertedBackground={true}
+            background={{ variant: "plain" }}
+            tag="Booking Inquiry"
+            title="Reserve Your Stay Now"
+            description="Rooms fill fast. Contact us via 0917 320 8996 or use the form below to check current availability."
+            buttons={[{ text: "Check Availability", href: "#" }]}
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterLogoReveal
-      logoText="Iloilo Stay"
-      leftLink={{
-        text: "Privacy Policy",
-        href: "#",
-      }}
-      rightLink={{
-        text: "Contact Us",
-        href: "tel:09173208996",
-      }}
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterLogoReveal
+            logoText="Iloilo Stay"
+            leftLink={{ text: "Privacy Policy", href: "#" }}
+            rightLink={{ text: "Contact Us", href: "tel:09173208996" }}
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-- 
2.49.1