From 38cb901898e47c036fded25c4f16e6b30e6c333f Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sat, 23 May 2026 05:22:35 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 256 +++++++----------------------------------------
 1 file changed, 35 insertions(+), 221 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 26d0764..8976926 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -32,48 +32,22 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarLayoutFloatingInline
       navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "Rooms",
-          id: "rooms",
-        },
-        {
-          name: "Gallery",
-          id: "gallery",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
+        { name: "Home", id: "hero" },
+        { name: "Rooms", id: "rooms" },
+        { name: "Gallery", id: "gallery" },
+        { name: "Contact", id: "contact" },
       ]}
       brandName="Hotel Surya Sadan"
-      button={{
-        text: "Book Now",
-        href: "#booking",
-      }}
+      button={{ text: "Book Now", href: "#booking" }}
     />
   </div>
 
   <div id="hero" data-section="hero">
       <HeroLogoBillboard
-      background={{
-        variant: "plain",
-      }}
+      background={{ variant: "plain" }}
       logoText="Hotel Surya Sadan"
       description="Affordable luxury stay in Guptkashi with modern amenities and warm hospitality."
-      buttons={[
-        {
-          text: "Book Now",
-          href: "#booking",
-        },
-        {
-          text: "View Rooms",
-          href: "#rooms",
-        },
-      ]}
+      buttons={[{ text: "Book Now", href: "#booking" }, { text: "View Rooms", href: "#rooms" }]}
       imageSrc="http://img.b2bpic.net/free-photo/older-people-talk-about-holiday-plans_482257-76640.jpg"
       mediaAnimation="slide-up"
     />
@@ -83,12 +57,7 @@ export default function LandingPage() {
       <TextAbout
       useInvertedBackground={false}
       title="Welcome to Hotel Surya Sadan, Guptkashi"
-      buttons={[
-        {
-          text: "Learn More",
-          href: "#contact",
-        },
-      ]}
+      buttons={[{ text: "Learn More", href: "#contact" }]}
     />
   </div>
 
@@ -99,42 +68,12 @@ export default function LandingPage() {
       gridVariant="three-columns-all-equal-width"
       useInvertedBackground={false}
       products={[
-        {
-          id: "r1",
-          name: "Deluxe Room",
-          price: "₹4,500/night",
-          imageSrc: "http://img.b2bpic.net/free-photo/white-pillow-bed-decoration-beautiful-luxury-bedroom-interior_74190-7970.jpg",
-        },
-        {
-          id: "r2",
-          name: "Premium Family Room",
-          price: "₹6,800/night",
-          imageSrc: "http://img.b2bpic.net/free-photo/bedroom-with-bed-chair-front-sliding-glass-door_1340-25294.jpg",
-        },
-        {
-          id: "r3",
-          name: "Executive Stay",
-          price: "₹8,900/night",
-          imageSrc: "http://img.b2bpic.net/free-photo/man-looking-outside-modern-room-with-gray-curtains-hanging-lamp_8353-12543.jpg",
-        },
-        {
-          id: "r4",
-          name: "Standard Room",
-          price: "₹3,200/night",
-          imageSrc: "http://img.b2bpic.net/free-photo/interior-design-neoclassical-style-with-furnishings-decor_23-2151199314.jpg",
-        },
-        {
-          id: "r5",
-          name: "Suite Room",
-          price: "₹9,500/night",
-          imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-holding-vibrator_23-2150232147.jpg",
-        },
-        {
-          id: "r6",
-          name: "Mountain View Room",
-          price: "₹5,500/night",
-          imageSrc: "http://img.b2bpic.net/free-photo/bellhop-offering-services-woman-lounge-area-waiting-room-check-seaside-hotel-tourist-sitting-couch-talking-hotel-concierge-summer-clothes-handheld-shot_482257-67916.jpg",
-        },
+        { id: "r1", name: "Deluxe Room", price: "₹4,500/night", imageSrc: "http://img.b2bpic.net/free-photo/white-pillow-bed-decoration-beautiful-luxury-bedroom-interior_74190-7970.jpg" },
+        { id: "r2", name: "Premium Family Room", price: "₹6,800/night", imageSrc: "http://img.b2bpic.net/free-photo/bedroom-with-bed-chair-front-sliding-glass-door_1340-25294.jpg" },
+        { id: "r3", name: "Executive Stay", price: "₹8,900/night", imageSrc: "http://img.b2bpic.net/free-photo/man-looking-outside-modern-room-with-gray-curtains-hanging-lamp_8353-12543.jpg" },
+        { id: "r4", name: "Standard Room", price: "₹3,200/night", imageSrc: "http://img.b2bpic.net/free-photo/interior-design-neoclassical-style-with-furnishings-decor_23-2151199314.jpg" },
+        { id: "r5", name: "Suite Room", price: "₹9,500/night", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-holding-vibrator_23-2150232147.jpg" },
+        { id: "r6", name: "Mountain View Room", price: "₹5,500/night", imageSrc: "http://img.b2bpic.net/free-photo/bellhop-offering-services-woman-lounge-area-waiting-room-check-seaside-hotel-tourist-sitting-couch-talking-hotel-concierge-summer-clothes-handheld-shot_482257-67916.jpg" }
       ]}
       title="Our Luxurious Accommodations"
       description="Thoughtfully designed spaces for every traveler."
@@ -146,22 +85,8 @@ export default function LandingPage() {
       animationType="depth-3d"
       textboxLayout="default"
       useInvertedBackground={false}
-      negativeCard={{
-        items: [
-          "No Hidden Fees",
-          "No Early Checkout Stress",
-          "No Compromise on Quality",
-        ],
-      }}
-      positiveCard={{
-        items: [
-          "Free WiFi",
-          "24/7 Room Service",
-          "Parking Facility",
-          "Airport Pickup",
-          "Terrace Seating",
-        ],
-      }}
+      negativeCard={{ items: ["No Hidden Fees", "No Early Checkout Stress", "No Compromise on Quality"] }}
+      positiveCard={{ items: ["Free WiFi", "24/7 Room Service", "Parking Facility", "Airport Pickup", "Terrace Seating"] }}
       title="Modern Hotel Amenities"
       description="Experience comfort like never before."
     />
@@ -169,39 +94,13 @@ export default function LandingPage() {
 
   <div id="gallery" data-section="gallery">
       <MetricCardSeven
+      animationType="depth-3d"
       textboxLayout="default"
       useInvertedBackground={false}
       metrics={[
-        {
-          id: "m1",
-          value: "20+",
-          title: "Rooms",
-          items: [
-            "Deluxe",
-            "Premium",
-            "Standard",
-          ],
-        },
-        {
-          id: "m2",
-          value: "100%",
-          title: "Service",
-          items: [
-            "Housekeeping",
-            "Room Service",
-            "Support",
-          ],
-        },
-        {
-          id: "m3",
-          value: "5★",
-          title: "Rating",
-          items: [
-            "Hospitality",
-            "Cleanliness",
-            "Location",
-          ],
-        },
+        { id: "m1", value: "20+", title: "Rooms", items: ["Deluxe", "Premium", "Standard"] },
+        { id: "m2", value: "100%", title: "Service", items: ["Housekeeping", "Room Service", "Support"] },
+        { id: "m3", value: "5★", title: "Rating", items: ["Hospitality", "Cleanliness", "Location"] }
       ]}
       title="A Visual Glimpse"
       description="Take a look at the beauty and comfort that awaits."
@@ -215,26 +114,11 @@ export default function LandingPage() {
       rating={5}
       author="Sarah Jenkins"
       avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/cropped-shot-dark-skinned-smiling-young-woman-with-afro-hairstyle-dressed-casual-summer-clothing_273609-3169.jpg",
-          alt: "Guest 1",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/elegant-man-airport-with-suitcase_1157-33706.jpg",
-          alt: "Guest 2",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/horizontal-view-delighted-female-tourist-walks-street_273609-25750.jpg",
-          alt: "Guest 3",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/handsome-tourist-straw-hat-covering-face-from-sun-looking-distance-aside-smiling-pleased-t_1258-173882.jpg",
-          alt: "Guest 4",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/beautiful-african-american-woman-cafe_273609-5294.jpg",
-          alt: "Guest 5",
-        },
+        { src: "http://img.b2bpic.net/free-photo/cropped-shot-dark-skinned-smiling-young-woman-with-afro-hairstyle-dressed-casual-summer-clothing_273609-3169.jpg", alt: "Guest 1" },
+        { src: "http://img.b2bpic.net/free-photo/elegant-man-airport-with-suitcase_1157-33706.jpg", alt: "Guest 2" },
+        { src: "http://img.b2bpic.net/free-photo/horizontal-view-delighted-female-tourist-walks-street_273609-25750.jpg", alt: "Guest 3" },
+        { src: "http://img.b2bpic.net/free-photo/handsome-tourist-straw-hat-covering-face-from-sun-looking-distance-aside-smiling-pleased-t_1258-173882.jpg", alt: "Guest 4" },
+        { src: "http://img.b2bpic.net/free-photo/beautiful-african-american-woman-cafe_273609-5294.jpg", alt: "Guest 5" }
       ]}
       ratingAnimation="slide-up"
       avatarsAnimation="blur-reveal"
@@ -249,36 +133,9 @@ export default function LandingPage() {
       title="Explore Local Attractions"
       description="Discover the richness of Uttarakhand."
       blogs={[
-        {
-          id: "b1",
-          category: "Attraction",
-          title: "Nearby Ancient Temples",
-          excerpt: "Explore spiritual history.",
-          imageSrc: "http://img.b2bpic.net/free-photo/lonely-male-lying-down-sunbathing-meadow-with-mountains_181624-30235.jpg",
-          authorName: "Hotel Staff",
-          authorAvatar: "http://img.b2bpic.net/free-photo/merry-young-adult-enjoying-christmas-conversation-video-call-room-decorated-festivity-celebration-talking-woman-preparing-drink-wine-kitchen-with-joyful-ornaments_482257-28400.jpg",
-          date: "Jan 2025",
-        },
-        {
-          id: "b2",
-          category: "Nature",
-          title: "Himalayan Vistas",
-          excerpt: "Breathtaking mountain views.",
-          imageSrc: "http://img.b2bpic.net/free-photo/gothic-church-with-spire-brick-architecture-historic-temple_169016-68118.jpg",
-          authorName: "Hotel Staff",
-          authorAvatar: "http://img.b2bpic.net/free-photo/cheerful-young-professional-rejoicing-achievement_1262-19112.jpg",
-          date: "Jan 2025",
-        },
-        {
-          id: "b3",
-          category: "Local",
-          title: "Guptkashi Market",
-          excerpt: "Authentic local shopping.",
-          imageSrc: "http://img.b2bpic.net/free-photo/nature-moldova-vale-with-flowing-rivers-lush-trees-along-them-fields-rare-buildings-rocky-hills_1268-15981.jpg",
-          authorName: "Hotel Staff",
-          authorAvatar: "http://img.b2bpic.net/free-photo/smiling-blonde-handsome-man-stretching-out-his-hand_141793-121304.jpg",
-          date: "Jan 2025",
-        },
+        { id: "b1", category: "Attraction", title: "Nearby Ancient Temples", excerpt: "Explore spiritual history.", imageSrc: "http://img.b2bpic.net/free-photo/lonely-male-lying-down-sunbathing-meadow-with-mountains_181624-30235.jpg", authorName: "Hotel Staff", authorAvatar: "http://img.b2bpic.net/free-photo/merry-young-adult-enjoying-christmas-conversation-video-call-room-decorated-festivity-celebration-talking-woman-preparing-drink-wine-kitchen-with-joyful-ornaments_482257-28400.jpg", date: "Jan 2025" },
+        { id: "b2", category: "Nature", title: "Himalayan Vistas", excerpt: "Breathtaking mountain views.", imageSrc: "http://img.b2bpic.net/free-photo/gothic-church-with-spire-brick-architecture-historic-temple_169016-68118.jpg", authorName: "Hotel Staff", authorAvatar: "http://img.b2bpic.net/free-photo/cheerful-young-professional-rejoicing-achievement_1262-19112.jpg", date: "Jan 2025" },
+        { id: "b3", category: "Local", title: "Guptkashi Market", excerpt: "Authentic local shopping.", imageSrc: "http://img.b2bpic.net/free-photo/nature-moldova-vale-with-flowing-rivers-lush-trees-along-them-fields-rare-buildings-rocky-hills_1268-15981.jpg", authorName: "Hotel Staff", authorAvatar: "http://img.b2bpic.net/free-photo/smiling-blonde-handsome-man-stretching-out-his-hand_141793-121304.jpg", date: "Jan 2025" }
       ]}
     />
   </div>
@@ -286,16 +143,9 @@ export default function LandingPage() {
   <div id="booking" data-section="booking">
       <ContactText
       useInvertedBackground={false}
-      background={{
-        variant: "rotated-rays-static",
-      }}
+      background={{ variant: "rotated-rays-static" }}
       text="Book your serene mountain getaway today."
-      buttons={[
-        {
-          text: "Contact Us",
-          href: "tel:+919876543210",
-        },
-      ]}
+      buttons={[{ text: "Contact Us", href: "tel:+919876543210" }]}
     />
   </div>
 
@@ -304,21 +154,9 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={false}
       faqs={[
-        {
-          id: "f1",
-          title: "Do you offer parking?",
-          content: "Yes, secure parking is available for all guests.",
-        },
-        {
-          id: "f2",
-          title: "Is WiFi available?",
-          content: "High-speed WiFi is complimentary in all areas.",
-        },
-        {
-          id: "f3",
-          title: "Do you provide airport pickup?",
-          content: "Yes, we arrange reliable pickup and drop services.",
-        },
+        { id: "f1", title: "Do you offer parking?", content: "Yes, secure parking is available for all guests." },
+        { id: "f2", title: "Is WiFi available?", content: "High-speed WiFi is complimentary in all areas." },
+        { id: "f3", title: "Do you provide airport pickup?", content: "Yes, we arrange reliable pickup and drop services." }
       ]}
       title="Need More Information?"
       description="Find answers to our most common questions."
@@ -329,32 +167,8 @@ export default function LandingPage() {
   <div id="footer" data-section="footer">
       <FooterBase
       columns={[
-        {
-          title: "Navigation",
-          items: [
-            {
-              label: "Rooms",
-              href: "#rooms",
-            },
-            {
-              label: "About",
-              href: "#about",
-            },
-          ],
-        },
-        {
-          title: "Support",
-          items: [
-            {
-              label: "Contact",
-              href: "#contact",
-            },
-            {
-              label: "FAQs",
-              href: "#faq",
-            },
-          ],
-        },
+        { title: "Navigation", items: [{ label: "Rooms", href: "#rooms" }, { label: "About", href: "#about" }] },
+        { title: "Support", items: [{ label: "Contact", href: "#contact" }, { label: "FAQs", href: "#faq" }] }
       ]}
       logoText="Hotel Surya Sadan"
     />
-- 
2.49.1