From 7ec88b511139de63f424a2738d9f04be89a14b5e Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Thu, 21 May 2026 21:11:49 +0000
Subject: [PATCH] Update src/app/page.tsx

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

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 8154870..c79c95c 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -29,448 +29,173 @@ export default function LandingPage() {
         headingFontWeight="medium"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingOverlay
-      navItems={[
-        {
-          name: "Home",
-          id: "#hero",
-        },
-        {
-          name: "Rooms",
-          id: "#rooms",
-        },
-        {
-          name: "Pricing",
-          id: "#pricing",
-        },
-        {
-          name: "FAQ",
-          id: "#faq",
-        },
-      ]}
-      brandName="RED HOUSE"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingOverlay
+            navItems={[
+              { name: "Home", id: "#hero" },
+              { name: "Rooms", id: "#rooms" },
+              { name: "Pricing", id: "#pricing" },
+              { name: "FAQ", id: "#faq" }
+            ]}
+            brandName="RED HOUSE"
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroSplitKpi
-      background={{
-        variant: "glowing-orb",
-      }}
-      title="Enter the Realm of Red House"
-      description="An exclusive, high-end sanctuary designed for the discerning individual. Experience ultimate privacy and sophistication."
-      kpis={[
-        {
-          value: "24/7",
-          label: "Discreet Support",
-        },
-        {
-          value: "6",
-          label: "Global Cities",
-        },
-        {
-          value: "100%",
-          label: "Privacy Guaranteed",
-        },
-      ]}
-      enableKpiAnimation={true}
-      buttons={[
-        {
-          text: "Book Now",
-          href: "#contact",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/vintage-light-lamp_1203-3090.jpg"
-      mediaAnimation="blur-reveal"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/medium-shot-woman-sitting-table_23-2148773522.jpg",
-          alt: "Guest profile 1",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/empty-therapist-office-with-modern-furniture-decorations_482257-108008.jpg",
-          alt: "Guest profile 2",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/bowl-popcorn-table-empty-neon-lit-cozy-residential-interior_482257-124565.jpg",
-          alt: "Guest profile 3",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/view-futuristic-light-lamp-design_23-2151037583.jpg",
-          alt: "Guest profile 4",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/modern-fashionable-red-leather-couch-with-cushions-cropped-christmas-tree-brick-wall-loft-design_132075-6153.jpg",
-          alt: "Guest profile 5",
-        },
-      ]}
-      avatarText="Join our elite circle"
-      marqueeItems={[
-        {
-          type: "text-icon",
-          text: "Absolute Discretion",
-          icon: Shield,
-        },
-        {
-          type: "text-icon",
-          text: "Bespoke Service",
-          icon: Star,
-        },
-        {
-          type: "text-icon",
-          text: "World-Class Security",
-          icon: Lock,
-        },
-        {
-          type: "text-icon",
-          text: "Premium Amenities",
-          icon: Sparkles,
-        },
-        {
-          type: "text-icon",
-          text: "Global Access",
-          icon: Globe,
-        },
-      ]}
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroSplitKpi
+            background={{ variant: "glowing-orb" }}
+            title="Enter the Realm of Red House"
+            description="An exclusive, high-end sanctuary designed for the discerning individual. Experience ultimate privacy and sophistication."
+            kpis={[
+              { value: "24/7", label: "Discreet Support" },
+              { value: "6", label: "Global Cities" },
+              { value: "100%", label: "Privacy Guaranteed" }
+            ]}
+            enableKpiAnimation={true}
+            buttons={[{ text: "Book Now", href: "#contact" }]}
+            imageSrc="http://img.b2bpic.net/free-photo/vintage-light-lamp_1203-3090.jpg"
+            mediaAnimation="blur-reveal"
+            avatars={[
+              { src: "http://img.b2bpic.net/free-photo/medium-shot-woman-sitting-table_23-2148773522.jpg", alt: "Guest profile 1" },
+              { src: "http://img.b2bpic.net/free-photo/empty-therapist-office-with-modern-furniture-decorations_482257-108008.jpg", alt: "Guest profile 2" },
+              { src: "http://img.b2bpic.net/free-photo/bowl-popcorn-table-empty-neon-lit-cozy-residential-interior_482257-124565.jpg", alt: "Guest profile 3" },
+              { src: "http://img.b2bpic.net/free-photo/view-futuristic-light-lamp-design_23-2151037583.jpg", alt: "Guest profile 4" },
+              { src: "http://img.b2bpic.net/free-photo/modern-fashionable-red-leather-couch-with-cushions-cropped-christmas-tree-brick-wall-loft-design_132075-6153.jpg", alt: "Guest profile 5" }
+            ]}
+            avatarText="Join our elite circle"
+            marqueeItems={[
+              { type: "text-icon", text: "Absolute Discretion", icon: Shield },
+              { type: "text-icon", text: "Bespoke Service", icon: Star },
+              { type: "text-icon", text: "World-Class Security", icon: Lock },
+              { type: "text-icon", text: "Premium Amenities", icon: Sparkles },
+              { type: "text-icon", text: "Global Access", icon: Globe }
+            ]}
+          />
+        </div>
 
-  <div id="features" data-section="features">
-      <FeatureCardTwentyEight
-      textboxLayout="default"
-      useInvertedBackground={true}
-      features={[
-        {
-          id: "f1",
-          title: "Absolute Privacy",
-          subtitle: "Discreet entry and staff.",
-          category: "Security",
-          value: "100%",
-        },
-        {
-          id: "f2",
-          title: "Luxurious Design",
-          subtitle: "Bespoke furnishings and décor.",
-          category: "Comfort",
-          value: "Elite",
-        },
-        {
-          id: "f3",
-          title: "24/7 Concierge",
-          subtitle: "Dedicated service at your command.",
-          category: "Service",
-          value: "Always",
-        },
-      ]}
-      title="Why Choose Red House"
-      description="Unmatched amenities and standards set us apart in the private hospitality industry."
-    />
-  </div>
+        <div id="features" data-section="features">
+          <FeatureCardTwentyEight
+            textboxLayout="default"
+            useInvertedBackground={true}
+            animationType="slide-up"
+            features={[
+              { id: "f1", title: "Absolute Privacy", subtitle: "Discreet entry and staff.", category: "Security", value: "100%" },
+              { id: "f2", title: "Luxurious Design", subtitle: "Bespoke furnishings and décor.", category: "Comfort", value: "Elite" },
+              { id: "f3", title: "24/7 Concierge", subtitle: "Dedicated service at your command.", category: "Service", value: "Always" }
+            ]}
+            title="Why Choose Red House"
+            description="Unmatched amenities and standards set us apart in the private hospitality industry."
+          />
+        </div>
 
-  <div id="rooms" data-section="rooms">
-      <ProductCardTwo
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="three-columns-all-equal-width"
-      useInvertedBackground={false}
-      products={[
-        {
-          id: "p1",
-          brand: "Room",
-          name: "The Crimson Suite",
-          price: "$400/hr",
-          rating: 5,
-          reviewCount: "12",
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-sitting-bar-stool-with-valentines-day-red-roses-living-room-filled-with-luxury-presents-wide-shot-beautiful-elegant-blonde-girl-black-dress-with-expensive-gifts_482257-51719.jpg",
-        },
-        {
-          id: "p2",
-          brand: "Room",
-          name: "The Obsidian Vault",
-          price: "$550/hr",
-          rating: 5,
-          reviewCount: "8",
-          imageSrc: "http://img.b2bpic.net/free-photo/neoclassical-style-interior-design-with-decor-furnishings_23-2151199385.jpg",
-        },
-        {
-          id: "p3",
-          brand: "Room",
-          name: "The Velvet Chamber",
-          price: "$350/hr",
-          rating: 4,
-          reviewCount: "20",
-          imageSrc: "http://img.b2bpic.net/free-photo/room-with-green-leather-sofa_140725-6419.jpg",
-        },
-        {
-          id: "p4",
-          brand: "Room",
-          name: "The Dungeon Prime",
-          price: "$700/hr",
-          rating: 5,
-          reviewCount: "5",
-          imageSrc: "http://img.b2bpic.net/free-photo/home-cozy-still-life-with-black-sofa-decor-living-room_169016-6439.jpg",
-        },
-        {
-          id: "p5",
-          brand: "Room",
-          name: "The Gilded Cage",
-          price: "$500/hr",
-          rating: 5,
-          reviewCount: "15",
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-luxury-comfortable-white-pillow-bed-decoration-bedroom_74190-8673.jpg",
-        },
-        {
-          id: "p6",
-          brand: "Room",
-          name: "The Sanctum",
-          price: "$600/hr",
-          rating: 5,
-          reviewCount: "9",
-          imageSrc: "http://img.b2bpic.net/free-photo/luxury-bedroom-with-modern-design-elegance-generated-by-ai_188544-33409.jpg",
-        },
-      ]}
-      title="Our Exclusive Rooms"
-      description="Explore our uniquely themed dungeon environments."
-    />
-  </div>
+        <div id="rooms" data-section="rooms">
+          <ProductCardTwo
+            animationType="slide-up"
+            textboxLayout="default"
+            gridVariant="three-columns-all-equal-width"
+            useInvertedBackground={false}
+            products={[
+              { id: "p1", brand: "Room", name: "The Crimson Suite", price: "$400/hr", rating: 5, reviewCount: "12", imageSrc: "http://img.b2bpic.net/free-photo/woman-sitting-bar-stool-with-valentines-day-red-roses-living-room-filled-with-luxury-presents-wide-shot-beautiful-elegant-blonde-girl-black-dress-with-expensive-gifts_482257-51719.jpg" },
+              { id: "p2", brand: "Room", name: "The Obsidian Vault", price: "$550/hr", rating: 5, reviewCount: "8", imageSrc: "http://img.b2bpic.net/free-photo/neoclassical-style-interior-design-with-decor-furnishings_23-2151199385.jpg" },
+              { id: "p3", brand: "Room", name: "The Velvet Chamber", price: "$350/hr", rating: 4, reviewCount: "20", imageSrc: "http://img.b2bpic.net/free-photo/room-with-green-leather-sofa_140725-6419.jpg" },
+              { id: "p4", brand: "Room", name: "The Dungeon Prime", price: "$700/hr", rating: 5, reviewCount: "5", imageSrc: "http://img.b2bpic.net/free-photo/home-cozy-still-life-with-black-sofa-decor-living-room_169016-6439.jpg" },
+              { id: "p5", brand: "Room", name: "The Gilded Cage", price: "$500/hr", rating: 5, reviewCount: "15", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-luxury-comfortable-white-pillow-bed-decoration-bedroom_74190-8673.jpg" },
+              { id: "p6", brand: "Room", name: "The Sanctum", price: "$600/hr", rating: 5, reviewCount: "9", imageSrc: "http://img.b2bpic.net/free-photo/luxury-bedroom-with-modern-design-elegance-generated-by-ai_188544-33409.jpg" }
+            ]}
+            title="Our Exclusive Rooms"
+            description="Explore our uniquely themed dungeon environments."
+          />
+        </div>
 
-  <div id="pricing" data-section="pricing">
-      <PricingCardTwo
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={true}
-      plans={[
-        {
-          id: "basic",
-          badge: "Entry",
-          price: "$1,000",
-          subtitle: "Access to standard suites",
-          buttons: [
-            {
-              text: "Select",
-              href: "#",
-            },
-          ],
-          features: [
-            "1 hour free credit",
-            "24/7 Support",
-          ],
-        },
-        {
-          id: "pro",
-          badge: "Elite",
-          price: "$3,500",
-          subtitle: "Priority booking access",
-          buttons: [
-            {
-              text: "Select",
-              href: "#",
-            },
-          ],
-          features: [
-            "3 hours free credit",
-            "Dedicated host",
-            "Priority availability",
-          ],
-        },
-        {
-          id: "vip",
-          badge: "Infinite",
-          price: "$10,000",
-          subtitle: "Total venue access",
-          buttons: [
-            {
-              text: "Select",
-              href: "#",
-            },
-          ],
-          features: [
-            "Unlimited access",
-            "Personal concierge",
-            "Guest invitations",
-          ],
-        },
-      ]}
-      title="Membership Options"
-      description="Select the level of access that suits your requirements."
-    />
-  </div>
+        <div id="pricing" data-section="pricing">
+          <PricingCardTwo
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={true}
+            plans={[
+              { id: "basic", badge: "Entry", price: "$1,000", subtitle: "Access to standard suites", buttons: [{ text: "Select", href: "#" }], features: ["1 hour free credit", "24/7 Support"] },
+              { id: "pro", badge: "Elite", price: "$3,500", subtitle: "Priority booking access", buttons: [{ text: "Select", href: "#" }], features: ["3 hours free credit", "Dedicated host", "Priority availability"] },
+              { id: "vip", badge: "Infinite", price: "$10,000", subtitle: "Total venue access", buttons: [{ text: "Select", href: "#" }], features: ["Unlimited access", "Personal concierge", "Guest invitations"] }
+            ]}
+            title="Membership Options"
+            description="Select the level of access that suits your requirements."
+          />
+        </div>
 
-  <div id="metrics" data-section="metrics">
-      <MetricCardThree
-      animationType="depth-3d"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      metrics={[
-        {
-          id: "m1",
-          icon: Globe,
-          title: "Total Locations",
-          value: "6",
-        },
-        {
-          id: "m2",
-          icon: Users,
-          title: "Active Members",
-          value: "1200+",
-        },
-        {
-          id: "m3",
-          icon: Award,
-          title: "Awards Won",
-          value: "15",
-        },
-      ]}
-      title="Global Presence"
-      description="We are proud to serve our exclusive clientele across major international hubs."
-    />
-  </div>
+        <div id="metrics" data-section="metrics">
+          <MetricCardThree
+            animationType="depth-3d"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            metrics={[
+              { id: "m1", icon: Globe, title: "Total Locations", value: "6" },
+              { id: "m2", icon: Users, title: "Active Members", value: "1200+" },
+              { id: "m3", icon: Award, title: "Awards Won", value: "15" }
+            ]}
+            title="Global Presence"
+            description="We are proud to serve our exclusive clientele across major international hubs."
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardOne
-      textboxLayout="default"
-      gridVariant="three-columns-all-equal-width"
-      useInvertedBackground={true}
-      testimonials={[
-        {
-          id: "t1",
-          name: "A.R.",
-          role: "Member",
-          company: "UK",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-businessman-with-folded-arms-looking-camera_23-2147955314.jpg",
-        },
-        {
-          id: "t2",
-          name: "M.S.",
-          role: "Member",
-          company: "USA",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-serious-bearded-male-wearing-elegant-suit-dark-background_613910-11332.jpg",
-        },
-        {
-          id: "t3",
-          name: "J.K.",
-          role: "Member",
-          company: "CAN",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-unknown-woman-posing_23-2149417556.jpg",
-        },
-        {
-          id: "t4",
-          name: "K.L.",
-          role: "Member",
-          company: "AUS",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/confident-stylish-bearded-man-with-hairstyle-glasses-elegant-retro-gray-suit-bow-tie-posing-studio-isolated-gray-background_613910-20005.jpg",
-        },
-        {
-          id: "t5",
-          name: "D.P.",
-          role: "Member",
-          company: "NLD",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/confident-middle-aged-businesswoman-looking-camera_74855-4120.jpg",
-        },
-      ]}
-      title="Client Experience"
-      description="What our exclusive guests are saying."
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardOne
+            textboxLayout="default"
+            gridVariant="three-columns-all-equal-width"
+            useInvertedBackground={true}
+            animationType="depth-3d"
+            testimonials={[
+              { id: "t1", name: "A.R.", role: "Member", company: "UK", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-businessman-with-folded-arms-looking-camera_23-2147955314.jpg" },
+              { id: "t2", name: "M.S.", role: "Member", company: "USA", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-serious-bearded-male-wearing-elegant-suit-dark-background_613910-11332.jpg" },
+              { id: "t3", name: "J.K.", role: "Member", company: "CAN", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-unknown-woman-posing_23-2149417556.jpg" },
+              { id: "t4", name: "K.L.", role: "Member", company: "AUS", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/confident-stylish-bearded-man-with-hairstyle-glasses-elegant-retro-gray-suit-bow-tie-posing-studio-isolated-gray-background_613910-20005.jpg" },
+              { id: "t5", name: "D.P.", role: "Member", company: "NLD", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/confident-middle-aged-businesswoman-looking-camera_74855-4120.jpg" }
+            ]}
+            title="Client Experience"
+            description="What our exclusive guests are saying."
+          />
+        </div>
 
-  <div id="faq" data-section="faq">
-      <FaqSplitMedia
-      textboxLayout="split"
-      useInvertedBackground={false}
-      faqs={[
-        {
-          id: "q1",
-          title: "Is privacy guaranteed?",
-          content: "Yes, our discreet entrance and staff ensure total confidentiality.",
-        },
-        {
-          id: "q2",
-          title: "Are there safety protocols?",
-          content: "Our staff are trained in modern aftercare and safety protocols.",
-        },
-        {
-          id: "q3",
-          title: "How to book?",
-          content: "Booking is done via our calendar or direct concierge support.",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/red-wool-sweater_1122-555.jpg"
-      mediaAnimation="slide-up"
-      title="Frequently Asked"
-      description="Information regarding privacy and safety standards."
-      faqsAnimation="blur-reveal"
-    />
-  </div>
+        <div id="faq" data-section="faq">
+          <FaqSplitMedia
+            textboxLayout="split"
+            useInvertedBackground={false}
+            faqs={[
+              { id: "q1", title: "Is privacy guaranteed?", content: "Yes, our discreet entrance and staff ensure total confidentiality." },
+              { id: "q2", title: "Are there safety protocols?", content: "Our staff are trained in modern aftercare and safety protocols." },
+              { id: "q3", title: "How to book?", content: "Booking is done via our calendar or direct concierge support." }
+            ]}
+            imageSrc="http://img.b2bpic.net/free-photo/red-wool-sweater_1122-555.jpg"
+            mediaAnimation="slide-up"
+            title="Frequently Asked"
+            description="Information regarding privacy and safety standards."
+            faqsAnimation="blur-reveal"
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactSplitForm
-      useInvertedBackground={true}
-      title="Contact Concierge"
-      description="Reach out for private bookings, questions, or consultations."
-      inputs={[
-        {
-          name: "name",
-          type: "text",
-          placeholder: "Your Name",
-          required: true,
-        },
-        {
-          name: "email",
-          type: "email",
-          placeholder: "Email Address",
-          required: true,
-        },
-      ]}
-      textarea={{
-        name: "message",
-        placeholder: "Your Inquiry",
-        rows: 4,
-        required: true,
-      }}
-      imageSrc="http://img.b2bpic.net/free-photo/christmas-decor-house_23-2151207114.jpg"
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactSplitForm
+            useInvertedBackground={true}
+            title="Contact Concierge"
+            description="Reach out for private bookings, questions, or consultations."
+            inputs={[
+              { name: "name", type: "text", placeholder: "Your Name", required: true },
+              { name: "email", type: "email", placeholder: "Email Address", required: true }
+            ]}
+            textarea={{ name: "message", placeholder: "Your Inquiry", rows: 4, required: true }}
+            imageSrc="http://img.b2bpic.net/free-photo/christmas-decor-house_23-2151207114.jpg"
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterMedia
-      imageSrc="http://img.b2bpic.net/free-photo/liquid-marbling-paint-texture-background-fluid-painting-abstract-texture-intensive-color-mix-wallpaper_1258-102960.jpg"
-      logoText="RED HOUSE"
-      columns={[
-        {
-          title: "Venue",
-          items: [
-            {
-              label: "Rooms",
-              href: "#rooms",
-            },
-            {
-              label: "Pricing",
-              href: "#pricing",
-            },
-          ],
-        },
-        {
-          title: "Legal",
-          items: [
-            {
-              label: "Safety",
-              href: "#faq",
-            },
-            {
-              label: "Privacy",
-              href: "#",
-            },
-          ],
-        },
-      ]}
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterMedia
+            imageSrc="http://img.b2bpic.net/free-photo/liquid-marbling-paint-texture-background-fluid-painting-abstract-texture-intensive-color-mix-wallpaper_1258-102960.jpg"
+            logoText="RED HOUSE"
+            columns={[
+              { title: "Venue", items: [{ label: "Rooms", href: "#rooms" }, { label: "Pricing", href: "#pricing" }] },
+              { title: "Legal", items: [{ label: "Safety", href: "#faq" }, { label: "Privacy", href: "#" }] }
+            ]}
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-- 
2.49.1