From e80b1e7d1402759cc986fc3e5c04e7095a4b68d4 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Tue, 19 May 2026 16:44:56 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 458 +++++++++++++----------------------------------
 1 file changed, 126 insertions(+), 332 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 1fba203..2b15e63 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -28,346 +28,140 @@ export default function LandingPage() {
         headingFontWeight="bold"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingOverlay
-      navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "Rituals",
-          id: "rituals",
-        },
-        {
-          name: "Experience",
-          id: "experience",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
-      ]}
-      brandName="Dua Spa"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingOverlay
+            navItems={[
+              { name: "Home", id: "hero" },
+              { name: "Rituals", id: "rituals" },
+              { name: "Experience", id: "experience" },
+              { name: "Contact", id: "contact" }
+            ]}
+            brandName="Dua Spa"
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroCentered
-      background={{
-        variant: "gradient-bars",
-      }}
-      title="Where Miami slows down."
-      description="A luxury wellness sanctuary designed to restore body, mind, and spirit."
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/young-girlfriends-relaxing-white-bathrobes-drinking-healthy-spa-cocktails-outside-resort-hotel-while-talking-furniture-with-hotel-landscaping-background_657921-1174.jpg",
-          alt: "Guest",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/close-up-man-relaxing-sauna_23-2149283622.jpg",
-          alt: "Guest",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/medium-shot-women-enjoying-blue-matcha-home_23-2150687587.jpg",
-          alt: "Guest",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/side-view-people-relaxing-together_23-2151178266.jpg",
-          alt: "Guest",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/woman-relaxing-spa_23-2148000556.jpg",
-          alt: "Guest",
-        },
-      ]}
-      buttons={[
-        {
-          text: "Book Your Experience",
-          href: "#contact",
-        },
-        {
-          text: "Explore Rituals",
-          href: "#rituals",
-        },
-      ]}
-      buttonAnimation="slide-up"
-      marqueeItems={[
-        {
-          type: "text",
-          text: "Luxury Wellness",
-        },
-        {
-          type: "text",
-          text: "Emotional Restoration",
-        },
-        {
-          type: "text",
-          text: "Sensory Calm",
-        },
-        {
-          type: "text",
-          text: "Personalized Rituals",
-        },
-        {
-          type: "text",
-          text: "Autograph Collection",
-        },
-      ]}
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroCentered
+            background={{ variant: "gradient-bars" }}
+            title="Where Miami slows down."
+            description="A luxury wellness sanctuary designed to restore body, mind, and spirit."
+            avatars={[
+              { src: "http://img.b2bpic.net/free-photo/young-girlfriends-relaxing-white-bathrobes-drinking-healthy-spa-cocktails-outside-resort-hotel-while-talking-furniture-with-hotel-landscaping-background_657921-1174.jpg", alt: "Guest" },
+              { src: "http://img.b2bpic.net/free-photo/close-up-man-relaxing-sauna_23-2149283622.jpg", alt: "Guest" },
+              { src: "http://img.b2bpic.net/free-photo/medium-shot-women-enjoying-blue-matcha-home_23-2150687587.jpg", alt: "Guest" },
+              { src: "http://img.b2bpic.net/free-photo/side-view-people-relaxing-together_23-2151178266.jpg", alt: "Guest" },
+              { src: "http://img.b2bpic.net/free-photo/woman-relaxing-spa_23-2148000556.jpg", alt: "Guest" }
+            ]}
+            buttons={[{ text: "Book Your Experience", href: "#contact" }, { text: "Explore Rituals", href: "#rituals" }]}
+            buttonAnimation="slide-up"
+            marqueeItems={[
+              { type: "text", text: "Luxury Wellness" },
+              { type: "text", text: "Emotional Restoration" },
+              { type: "text", text: "Sensory Calm" },
+              { type: "text", text: "Personalized Rituals" },
+              { type: "text", text: "Autograph Collection" }
+            ]}
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <SplitAbout
-      textboxLayout="split"
-      useInvertedBackground={true}
-      title="An emotional reset experience."
-      description="Dua Spa is not just a spa. It is a sanctuary where stress disappears and guests reconnect with calm, beauty, touch, and presence. Designed with organic architecture and soft warm lighting to transport you far beyond the city noise."
-      bulletPoints={[
-        {
-          title: "Intentional Touch",
-          description: "Personalized treatments designed to dissolve tension.",
-        },
-        {
-          title: "Sensory Rituals",
-          description: "Soft aromas, warm textures, and meditative atmospheres.",
-        },
-        {
-          title: "Luxury Hospitality",
-          description: "Deeply personal service in the heart of Brickell.",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/attractive-young-woman-is-relaxing-spa-complex-with-sauna_169016-22729.jpg?_wi=1"
-      mediaAnimation="blur-reveal"
-    />
-  </div>
+        <div id="about" data-section="about">
+          <SplitAbout
+            textboxLayout="split"
+            useInvertedBackground={true}
+            title="An emotional reset experience."
+            description="Dua Spa is not just a spa. It is a sanctuary where stress disappears and guests reconnect with calm, beauty, touch, and presence."
+            bulletPoints={[
+              { title: "Intentional Touch", description: "Personalized treatments designed to dissolve tension." },
+              { title: "Sensory Rituals", description: "Soft aromas, warm textures, and meditative atmospheres." },
+              { title: "Luxury Hospitality", description: "Deeply personal service in the heart of Brickell." }
+            ]}
+            imageSrc="http://img.b2bpic.net/free-photo/attractive-young-woman-is-relaxing-spa-complex-with-sauna_169016-22729.jpg"
+            mediaAnimation="blur-reveal"
+          />
+        </div>
 
-  <div id="rituals" data-section="rituals">
-      <FeatureBento
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      features={[
-        {
-          title: "Couples Connection",
-          description: "Unforgettable shared experiences with champagne and intimacy.",
-          bentoComponent: {
-            bentoComponent: "media-stack",
-            items: [
-              {
-                imageSrc: "http://img.b2bpic.net/free-photo/couple-performing-yoga-safari-vacation_107420-9668.jpg",
-                imageAlt: "Couple",
-              },
-              {
-                imageSrc: "http://img.b2bpic.net/free-photo/full-shot-couple-training-outdoors_23-2150433219.jpg",
-                imageAlt: "Couple",
-              },
-              {
-                imageSrc: "http://img.b2bpic.net/free-photo/couple-relaxing-hot-tub_23-2148378764.jpg",
-                imageAlt: "Couple",
-              },
-            ],
-          },
-          imageSrc: "http://img.b2bpic.net/free-photo/duck-swimming-water_181624-3190.jpg",
-          imageAlt: "romantic luxury couples spa experience",
-        },
-        {
-          title: "Therapeutic Touch",
-          description: "Deep tissue and holistic restoration for deep healing.",
-          bentoComponent: {
-            bentoComponent: "reveal-icon",
-            icon: Sparkles,
-          },
-          imageSrc: "http://img.b2bpic.net/free-photo/attractive-young-woman-is-relaxing-spa-complex-with-sauna_169016-22729.jpg?_wi=2",
-          imageAlt: "romantic luxury couples spa experience",
-        },
-        {
-          title: "Facial Rituals",
-          description: "Gentle, intentional skin nourishment.",
-          bentoComponent: {
-            bentoComponent: "reveal-icon",
-            icon: Leaf,
-          },
-          imageSrc: "http://img.b2bpic.net/free-photo/gua-sha-face-roller-red-flower-high-angle_23-2149357114.jpg",
-          imageAlt: "romantic luxury couples spa experience",
-        },
-      ]}
-      title="Signature Rituals"
-      description="Designed to dissolve tension and reconnect you with stillness."
-    />
-  </div>
+        <div id="rituals" data-section="rituals">
+          <FeatureBento
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            title="Signature Rituals"
+            description="Designed to dissolve tension and reconnect you with stillness."
+            features={[
+              { title: "Couples Connection", description: "Unforgettable shared experiences.", bentoComponent: { bentoComponent: "media-stack", items: [{ imageSrc: "http://img.b2bpic.net/free-photo/couple-performing-yoga-safari-vacation_107420-9668.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/full-shot-couple-training-outdoors_23-2150433219.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/couple-relaxing-hot-tub_23-2148378764.jpg" }] } },
+              { title: "Therapeutic Touch", description: "Deep restoration.", bentoComponent: { bentoComponent: "reveal-icon", icon: Sparkles } },
+              { title: "Facial Rituals", description: "Gentle nourishment.", bentoComponent: { bentoComponent: "reveal-icon", icon: Leaf } }
+            ]}
+          />
+        </div>
 
-  <div id="experience" data-section="experience">
-      <ProductCardOne
-      textboxLayout="default"
-      gridVariant="four-items-2x2-equal-grid"
-      useInvertedBackground={true}
-      products={[
-        {
-          id: "1",
-          name: "Couples Massage",
-          price: "$450+",
-          imageSrc: "http://img.b2bpic.net/free-photo/gua-sha-green-leaf-arrangement-top-view_23-2149357135.jpg",
-        },
-        {
-          id: "2",
-          name: "Deep Tissue",
-          price: "$220",
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-spa-concept-with-lavender_23-2148290988.jpg",
-        },
-        {
-          id: "3",
-          name: "Facial Ritual",
-          price: "$195",
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-nuts-cutboard_23-2148431101.jpg",
-        },
-        {
-          id: "4",
-          name: "Reflexology",
-          price: "$150",
-          imageSrc: "http://img.b2bpic.net/free-photo/gua-sha-face-roller-plate-arrangement-high-angle_23-2149357122.jpg",
-        },
-      ]}
-      title="Curated Wellness"
-      description="Premium treatments crafted for your unique needs."
-    />
-  </div>
+        <div id="experience" data-section="experience">
+          <ProductCardOne
+            textboxLayout="default"
+            gridVariant="four-items-2x2-equal-grid"
+            animationType="slide-up"
+            useInvertedBackground={true}
+            title="Curated Wellness"
+            description="Premium treatments crafted for your unique needs."
+            products={[
+              { id: "1", name: "Couples Massage", price: "$450+", imageSrc: "http://img.b2bpic.net/free-photo/gua-sha-green-leaf-arrangement-top-view_23-2149357135.jpg" },
+              { id: "2", name: "Deep Tissue", price: "$220", imageSrc: "http://img.b2bpic.net/free-photo/top-view-spa-concept-with-lavender_23-2148290988.jpg" },
+              { id: "3", name: "Facial Ritual", price: "$195", imageSrc: "http://img.b2bpic.net/free-photo/front-view-nuts-cutboard_23-2148431101.jpg" },
+              { id: "4", name: "Reflexology", price: "$150", imageSrc: "http://img.b2bpic.net/free-photo/gua-sha-face-roller-plate-arrangement-high-angle_23-2149357122.jpg" }
+            ]}
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardTwo
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      testimonials={[
-        {
-          id: "1",
-          name: "Sarah J.",
-          role: "Visitor",
-          testimonial: "The best massage I’ve ever had. Truly healing.",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-holding-tea-cup-relaxing-spa-salon_176420-7542.jpg",
-        },
-        {
-          id: "2",
-          name: "Michael C.",
-          role: "Local",
-          testimonial: "The atmosphere feels like another universe.",
-          imageSrc: "http://img.b2bpic.net/free-photo/couple-sitting-bed-room_1157-30790.jpg",
-        },
-        {
-          id: "3",
-          name: "Emily R.",
-          role: "Visitor",
-          testimonial: "From the moment you walk in, the chaos disappears.",
-          imageSrc: "http://img.b2bpic.net/free-photo/closeup-beautiful-young-brunette-laying-massage-bed-beauty-clinic-spa-making-eye-contact_662251-1900.jpg",
-        },
-        {
-          id: "4",
-          name: "David K.",
-          role: "Local",
-          testimonial: "Exceptional service and beautiful energy.",
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-practicing-selfcare_23-2150396233.jpg",
-        },
-        {
-          id: "5",
-          name: "Jessica L.",
-          role: "Visitor",
-          testimonial: "An unforgettable couples experience.",
-          imageSrc: "http://img.b2bpic.net/free-photo/couple-being-quarantined-home_23-2148857423.jpg",
-        },
-      ]}
-      title="Guest Reflections"
-      description="What our guests say about their sanctuary."
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardTwo
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            title="Guest Reflections"
+            description="What our guests say."
+            testimonials={[
+              { id: "1", name: "Sarah J.", role: "Visitor", testimonial: "The best massage I’ve ever had.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-holding-tea-cup-relaxing-spa-salon_176420-7542.jpg" },
+              { id: "2", name: "Michael C.", role: "Local", testimonial: "The atmosphere feels like another universe.", imageSrc: "http://img.b2bpic.net/free-photo/couple-sitting-bed-room_1157-30790.jpg" },
+              { id: "3", name: "Emily R.", role: "Visitor", testimonial: "From the moment you walk in, the chaos disappears.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-beautiful-young-brunette-laying-massage-bed-beauty-clinic-spa-making-eye-contact_662251-1900.jpg" },
+              { id: "4", name: "David K.", role: "Local", testimonial: "Exceptional service and beautiful energy.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-practicing-selfcare_23-2150396233.jpg" },
+              { id: "5", name: "Jessica L.", role: "Visitor", testimonial: "An unforgettable experience.", imageSrc: "http://img.b2bpic.net/free-photo/couple-being-quarantined-home_23-2148857423.jpg" }
+            ]}
+          />
+        </div>
 
-  <div id="faq" data-section="faq">
-      <FaqSplitText
-      useInvertedBackground={true}
-      faqs={[
-        {
-          id: "1",
-          title: "Where are you located?",
-          content: "Located inside Dua Miami, Autograph Collection, 1300 S Miami Ave, Miami, FL.",
-        },
-        {
-          id: "2",
-          title: "How do I book?",
-          content: "You can book directly through our website or call us at +1 305-239-1340.",
-        },
-        {
-          id: "3",
-          title: "Is parking available?",
-          content: "Valet parking is available at the Autograph Collection main entrance.",
-        },
-      ]}
-      sideTitle="Plan Your Visit"
-      faqsAnimation="blur-reveal"
-    />
-  </div>
+        <div id="faq" data-section="faq">
+          <FaqSplitText
+            useInvertedBackground={true}
+            faqsAnimation="blur-reveal"
+            sideTitle="Plan Your Visit"
+            faqs={[
+              { id: "1", title: "Where are you located?", content: "Located inside Dua Miami." },
+              { id: "2", title: "How do I book?", content: "Book online or call us." },
+              { id: "3", title: "Is parking available?", content: "Valet parking is available." }
+            ]}
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactText
-      useInvertedBackground={false}
-      background={{
-        variant: "sparkles-gradient",
-      }}
-      text="Step away from the noise. Return to yourself. Your body already knows it needs this."
-      buttons={[
-        {
-          text: "Reserve Your Escape",
-          href: "#contact",
-        },
-      ]}
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactText
+            useInvertedBackground={false}
+            background={{ variant: "sparkles-gradient" }}
+            text="Step away from the noise. Return to yourself."
+            buttons={[{ text: "Reserve Your Escape", href: "#contact" }]}
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterBaseCard
-      logoText="Dua Spa"
-      columns={[
-        {
-          title: "Company",
-          items: [
-            {
-              label: "About",
-              href: "#",
-            },
-            {
-              label: "Philosophy",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Services",
-          items: [
-            {
-              label: "Rituals",
-              href: "#",
-            },
-            {
-              label: "Booking",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Contact",
-          items: [
-            {
-              label: "1300 S Miami Ave",
-              href: "#",
-            },
-            {
-              label: "+1 305-239-1340",
-              href: "tel:+13052391340",
-            },
-          ],
-        },
-      ]}
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterBaseCard
+            logoText="Dua Spa"
+            columns={[
+              { title: "Company", items: [{ label: "About", href: "#" }, { label: "Philosophy", href: "#" }] },
+              { title: "Services", items: [{ label: "Rituals", href: "#" }, { label: "Booking", href: "#" }] },
+              { title: "Contact", items: [{ label: "1300 S Miami Ave", href: "#" }, { label: "+1 305-239-1340", href: "tel:+13052391340" }] }
+            ]}
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file
-- 
2.49.1