From 10440a2b3b850a34facfbfc545f69e3e26882fbf Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Mon, 30 Mar 2026 13:23:03 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 411 ++++++++++++++---------------------------------
 1 file changed, 118 insertions(+), 293 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index f30b8b6..506ed03 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -27,306 +27,131 @@ export default function LandingPage() {
         headingFontWeight="extrabold"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarStyleFullscreen
-      navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "Story",
-          id: "about",
-        },
-        {
-          name: "Services",
-          id: "services",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
-      ]}
-      brandName="Serenity Touch"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarStyleFullscreen
+            navItems={[
+              { name: "Home", id: "hero" },
+              { name: "Story", id: "about" },
+              { name: "Services", id: "services" },
+              { name: "Contact", id: "contact" },
+            ]}
+            brandName="Serenity Touch"
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroBillboard
-      background="gradient-bars"
-      title="Awaken Your Senses"
-      description="Indulge in a world of refined relaxation where timeless luxury meets restorative wellness."
-      buttons={[
-        {
-          text: "Book Your Escape",
-          href: "#contact",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/spa-treatment-dark-wall_176420-11893.jpg"
-      mediaAnimation="blur-reveal"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/female-young-clear-youth-care_1301-1524.jpg",
-          alt: "Client 1",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/medium-shot-man-with-freckles-side-view_23-2149359575.jpg",
-          alt: "Client 2",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/expressive-young-woman-posing_176474-99872.jpg",
-          alt: "Client 3",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/half-face-portrait-beautiful-spanish-man-casual-blue-t-shirt-with-trendy-hair-beard-showing-his-profile-looking-left-copy-space_176420-10334.jpg",
-          alt: "Client 4",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/female-young-clear-youth-care_1301-1524.jpg",
-          alt: "Client 5",
-        },
-      ]}
-      marqueeItems={[
-        {
-          type: "text",
-          text: "Rejuvenating",
-        },
-        {
-          type: "text",
-          text: "Organic",
-        },
-        {
-          type: "text",
-          text: "Exquisite",
-        },
-        {
-          type: "text",
-          text: "Serenity",
-        },
-        {
-          type: "text",
-          text: "Blissful",
-        },
-      ]}
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroBillboard
+            background={{ variant: "gradient-bars" }}
+            title="Awaken Your Senses"
+            description="Indulge in a world of refined relaxation where timeless luxury meets restorative wellness."
+            buttons={[{ text: "Book Your Escape", href: "#contact" }]}
+            imageSrc="http://img.b2bpic.net/free-photo/spa-treatment-dark-wall_176420-11893.jpg"
+            mediaAnimation="blur-reveal"
+            avatars={[
+              { src: "http://img.b2bpic.net/free-photo/female-young-clear-youth-care_1301-1524.jpg", alt: "Client 1" },
+              { src: "http://img.b2bpic.net/free-photo/medium-shot-man-with-freckles-side-view_23-2149359575.jpg", alt: "Client 2" },
+              { src: "http://img.b2bpic.net/free-photo/expressive-young-woman-posing_176474-99872.jpg", alt: "Client 3" },
+              { src: "http://img.b2bpic.net/free-photo/half-face-portrait-beautiful-spanish-man-casual-blue-t-shirt-with-trendy-hair-beard-showing-his-profile-looking-left-copy-space_176420-10334.jpg", alt: "Client 4" },
+              { src: "http://img.b2bpic.net/free-photo/female-young-clear-youth-care_1301-1524.jpg", alt: "Client 5" }
+            ]}
+            marqueeItems={[
+              { type: "text", text: "Rejuvenating" },
+              { type: "text", text: "Organic" },
+              { type: "text", text: "Exquisite" },
+              { type: "text", text: "Serenity" },
+              { type: "text", text: "Blissful" }
+            ]}
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <TestimonialAboutCard
-      useInvertedBackground={false}
-      tag="Our Essence"
-      title="A Sanctuary of Serenity"
-      description="At Serenity Touch, we believe luxury is found in the smallest details."
-      subdescription="Our curated treatments are designed to harmonize body and spirit in a haven of absolute quiet."
-      icon={Sparkles}
-      imageSrc="http://img.b2bpic.net/free-photo/still-life-flowers-with-decorative-objects-living-room_169016-2024.jpg?_wi=1"
-      mediaAnimation="slide-up"
-    />
-  </div>
+        <div id="about" data-section="about">
+          <TestimonialAboutCard
+            useInvertedBackground={false}
+            tag="Our Essence"
+            title="A Sanctuary of Serenity"
+            description="At Serenity Touch, we believe luxury is found in the smallest details."
+            subdescription="Our curated treatments are designed to harmonize body and spirit in a haven of absolute quiet."
+            icon={Sparkles}
+            imageSrc="http://img.b2bpic.net/free-photo/still-life-flowers-with-decorative-objects-living-room_169016-2024.jpg"
+            mediaAnimation="slide-up"
+          />
+        </div>
 
-  <div id="services" data-section="services">
-      <FeatureHoverPattern
-      animationType="slide-up"
-      textboxLayout="split"
-      useInvertedBackground={false}
-      features={[
-        {
-          icon: Waves,
-          title: "Hydrating Facial",
-          description: "Deep nourishment for glowing skin.",
-        },
-        {
-          icon: Leaf,
-          title: "Botanical Massage",
-          description: "Soothing techniques with organic oils.",
-        },
-        {
-          icon: Diamond,
-          title: "Gold Radiance Wrap",
-          description: "Ultimate luxury skin revitalizing treatment.",
-        },
-        {
-          icon: Droplets,
-          title: "Mineral Soak",
-          description: "Revitalize muscles with mineral-rich waters.",
-        },
-        {
-          icon: Droplet,
-          title: "Aromatherapy Session",
-          description: "Pure essence oils for mental clarity.",
-        },
-      ]}
-      title="Curated Treatments"
-      description="Select from our expert-led services designed for total restoration."
-    />
-  </div>
+        <div id="services" data-section="services">
+          <FeatureHoverPattern
+            animationType="slide-up"
+            textboxLayout="split"
+            useInvertedBackground={false}
+            features={[
+              { icon: Waves, title: "Hydrating Facial", description: "Deep nourishment for glowing skin." },
+              { icon: Leaf, title: "Botanical Massage", description: "Soothing techniques with organic oils." },
+              { icon: Diamond, title: "Gold Radiance Wrap", description: "Ultimate luxury skin revitalizing treatment." },
+              { icon: Droplets, title: "Mineral Soak", description: "Revitalize muscles with mineral-rich waters." },
+              { icon: Droplet, title: "Aromatherapy Session", description: "Pure essence oils for mental clarity." }
+            ]}
+            title="Curated Treatments"
+            description="Select from our expert-led services designed for total restoration."
+          />
+        </div>
 
-  <div id="metrics" data-section="metrics">
-      <MetricCardFourteen
-      useInvertedBackground={false}
-      title="Trusted Excellence"
-      tag="Our Track Record"
-      metrics={[
-        {
-          id: "m1",
-          value: "15+",
-          description: "Years of Expertise",
-        },
-        {
-          id: "m2",
-          value: "4.9★",
-          description: "Client Rating",
-        },
-        {
-          id: "m3",
-          value: "2k+",
-          description: "Happy Guests",
-        },
-        {
-          id: "m4",
-          value: "50+",
-          description: "Unique Treatments",
-        },
-      ]}
-      metricsAnimation="slide-up"
-    />
-  </div>
+        <div id="metrics" data-section="metrics">
+          <MetricCardFourteen
+            useInvertedBackground={false}
+            title="Trusted Excellence"
+            tag="Our Track Record"
+            metrics={[
+              { id: "m1", value: "15+", description: "Years of Expertise" },
+              { id: "m2", value: "4.9★", description: "Client Rating" },
+              { id: "m3", value: "2k+", description: "Happy Guests" },
+              { id: "m4", value: "50+", description: "Unique Treatments" }
+            ]}
+            metricsAnimation="slide-up"
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardFive
-      textboxLayout="split"
-      useInvertedBackground={false}
-      testimonials={[
-        {
-          id: "t1",
-          name: "Elena R.",
-          date: "Oct 2024",
-          title: "Rejuvenating",
-          quote: "The gold wrap was an otherworldly experience.",
-          tag: "Signature",
-          avatarSrc: "http://img.b2bpic.net/free-photo/female-young-clear-youth-care_1301-1524.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-composition-spa-objects_23-2148099254.jpg?_wi=1",
-        },
-        {
-          id: "t2",
-          name: "Marcus W.",
-          date: "Sep 2024",
-          title: "Expert Service",
-          quote: "The massage technique is absolutely unrivaled.",
-          tag: "Expert",
-          avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-with-freckles-side-view_23-2149359575.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/candles-towel-flower_23-2147645860.jpg",
-        },
-        {
-          id: "t3",
-          name: "Sarah J.",
-          date: "Aug 2024",
-          title: "Pure Bliss",
-          quote: "A true sanctuary in the city.",
-          tag: "Classic",
-          avatarSrc: "http://img.b2bpic.net/free-photo/expressive-young-woman-posing_176474-99872.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/vacation-tourism-leisure-concept-happy-relaxed-attractive-tanned-brunette-woman-glasses-lying-hotel-lounge-zone-cafe-terrace-put-feet-coffee-table-smiling-feeling-paradise_197531-30314.jpg",
-        },
-        {
-          id: "t4",
-          name: "David K.",
-          date: "Jul 2024",
-          title: "Highly Recommended",
-          quote: "Exquisite service and atmosphere.",
-          tag: "Service",
-          avatarSrc: "http://img.b2bpic.net/free-photo/half-face-portrait-beautiful-spanish-man-casual-blue-t-shirt-with-trendy-hair-beard-showing-his-profile-looking-left-copy-space_176420-10334.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/modern-young-caucasian-brunette-woman-glasses-loose-clothes-looks-away-standing-outdoors-morning-holiday-concept_197531-32644.jpg",
-        },
-        {
-          id: "t5",
-          name: "Sophie L.",
-          date: "Jun 2024",
-          title: "Amazing",
-          quote: "Every detail was perfect, I felt so renewed.",
-          tag: "Luxury",
-          avatarSrc: "http://img.b2bpic.net/free-photo/female-young-clear-youth-care_1301-1524.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-composition-spa-objects_23-2148099254.jpg?_wi=2",
-        },
-      ]}
-      title="Words from Our Guests"
-      description="Your journey to peace starts with a single touch."
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardFive
+            textboxLayout="split"
+            useInvertedBackground={false}
+            testimonials={[
+              { id: "t1", name: "Elena R.", date: "Oct 2024", title: "Rejuvenating", quote: "The gold wrap was an otherworldly experience.", tag: "Signature", avatarSrc: "http://img.b2bpic.net/free-photo/female-young-clear-youth-care_1301-1524.jpg", imageSrc: "http://img.b2bpic.net/free-photo/top-view-composition-spa-objects_23-2148099254.jpg" },
+              { id: "t2", name: "Marcus W.", date: "Sep 2024", title: "Expert Service", quote: "The massage technique is absolutely unrivaled.", tag: "Expert", avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-with-freckles-side-view_23-2149359575.jpg", imageSrc: "http://img.b2bpic.net/free-photo/candles-towel-flower_23-2147645860.jpg" },
+              { id: "t3", name: "Sarah J.", date: "Aug 2024", title: "Pure Bliss", quote: "A true sanctuary in the city.", tag: "Classic", avatarSrc: "http://img.b2bpic.net/free-photo/expressive-young-woman-posing_176474-99872.jpg", imageSrc: "http://img.b2bpic.net/free-photo/vacation-tourism-leisure-concept-happy-relaxed-attractive-tanned-brunette-woman-glasses-lying-hotel-lounge-zone-cafe-terrace-put-feet-coffee-table-smiling-feeling-paradise_197531-30314.jpg" },
+              { id: "t4", name: "David K.", date: "Jul 2024", title: "Highly Recommended", quote: "Exquisite service and atmosphere.", tag: "Service", avatarSrc: "http://img.b2bpic.net/free-photo/half-face-portrait-beautiful-spanish-man-casual-blue-t-shirt-with-trendy-hair-beard-showing-his-profile-looking-left-copy-space_176420-10334.jpg", imageSrc: "http://img.b2bpic.net/free-photo/modern-young-caucasian-brunette-woman-glasses-loose-clothes-looks-away-standing-outdoors-morning-holiday-concept_197531-32644.jpg" },
+              { id: "t5", name: "Sophie L.", date: "Jun 2024", title: "Amazing", quote: "Every detail was perfect, I felt so renewed.", tag: "Luxury", avatarSrc: "http://img.b2bpic.net/free-photo/female-young-clear-youth-care_1301-1524.jpg", imageSrc: "http://img.b2bpic.net/free-photo/top-view-composition-spa-objects_23-2148099254.jpg" }
+            ]}
+            title="Words from Our Guests"
+            description="Your journey to peace starts with a single touch."
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactSplitForm
-      useInvertedBackground={false}
-      title="Book Your Sanctuary"
-      description="Ready to restore your peace of mind? Send us a message."
-      inputs={[
-        {
-          name: "name",
-          type: "text",
-          placeholder: "Name",
-        },
-        {
-          name: "email",
-          type: "email",
-          placeholder: "Email Address",
-        },
-      ]}
-      textarea={{
-        name: "message",
-        placeholder: "Your message or treatment preference...",
-      }}
-      mediaAnimation="slide-up"
-      imageSrc="http://img.b2bpic.net/free-photo/still-life-flowers-with-decorative-objects-living-room_169016-2024.jpg?_wi=2"
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactSplitForm
+            useInvertedBackground={false}
+            title="Book Your Sanctuary"
+            description="Ready to restore your peace of mind? Send us a message."
+            inputs={[
+              { name: "name", type: "text", placeholder: "Name" },
+              { name: "email", type: "email", placeholder: "Email Address" }
+            ]}
+            textarea={{ name: "message", placeholder: "Your message or treatment preference..." }}
+            mediaAnimation="slide-up"
+            imageSrc="http://img.b2bpic.net/free-photo/still-life-flowers-with-decorative-objects-living-room_169016-2024.jpg"
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterBaseCard
-      logoText="Serenity Touch"
-      columns={[
-        {
-          title: "Navigation",
-          items: [
-            {
-              label: "Home",
-              href: "#hero",
-            },
-            {
-              label: "Story",
-              href: "#about",
-            },
-          ],
-        },
-        {
-          title: "Treatments",
-          items: [
-            {
-              label: "Facials",
-              href: "#services",
-            },
-            {
-              label: "Massage",
-              href: "#services",
-            },
-          ],
-        },
-        {
-          title: "Information",
-          items: [
-            {
-              label: "Contact",
-              href: "#contact",
-            },
-            {
-              label: "Privacy",
-              href: "#",
-            },
-          ],
-        },
-      ]}
-      copyrightText="© 2025 Serenity Touch. All rights reserved."
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterBaseCard
+            logoText="Serenity Touch"
+            columns={[
+              { title: "Navigation", items: [{ label: "Home", href: "#hero" }, { label: "Story", href: "#about" }] },
+              { title: "Treatments", items: [{ label: "Facials", href: "#services" }, { label: "Massage", href: "#services" }] },
+              { title: "Information", items: [{ label: "Contact", href: "#contact" }, { label: "Privacy", href: "#" }] }
+            ]}
+            copyrightText="© 2025 Serenity Touch. All rights reserved."
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file