From c95d7b90af94869bd01b374886a72c3951fb2d19 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Mon, 20 Apr 2026 04:46:52 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 465 +++++++++++------------------------------------
 1 file changed, 108 insertions(+), 357 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 6577a0e..0a277bf 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -4,14 +4,14 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
 import FaqDouble from '@/components/sections/faq/FaqDouble';
-import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
-import FooterBase from '@/components/sections/footer/FooterBase';
-import HeroCentered from '@/components/sections/hero/HeroCentered';
-import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
-import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
-import ProductCardThree from '@/components/sections/product/ProductCardThree';
-import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
-import { Award, Leaf, Shield, Sparkles, Waves } from "lucide-react";
+import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
+import FooterCard from '@/components/sections/footer/FooterCard';
+import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
+import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
+import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo';
+import ProductCardFour from '@/components/sections/product/ProductCardFour';
+import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
+import { Shield, Sparkles, Award, Leaf, Waves, Star } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -28,363 +28,114 @@ export default function LandingPage() {
         headingFontWeight="semibold"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingOverlay
-      navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "Services",
-          id: "services",
-        },
-        {
-          name: "Pricing",
-          id: "pricing",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
-      ]}
-      brandName="Aerocity Spa"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarStyleFullscreen
+            navItems={[
+              { name: "Home", id: "hero" },
+              { name: "Treatments", id: "services" },
+              { name: "Packages", id: "pricing" },
+              { name: "Contact", id: "contact" },
+            ]}
+            brandName="Aerocity Wellness"
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroCentered
-      background={{
-        variant: "sparkles-gradient",
-      }}
-      title="Rejuvenate Your Senses in Aerocity"
-      description="Indulge in professional massage therapy and luxury spa treatments. Escape the city buzz and find your inner peace with our tailored wellness experiences."
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/after-bath_1098-14737.jpg",
-          alt: "Happy client portrait spa",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/nail-hygiene-care-client_23-2148766585.jpg",
-          alt: "Professional man portrait relaxed",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/young-woman-holding-tea-cup-relaxing-spa-salon_176420-7551.jpg",
-          alt: "Calm woman portrait spa",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/young-woman-warm-white-hoodie-home-kitchen-starts-her-day-with-cup-coffee_343596-7220.jpg",
-          alt: "Relaxed person spa client",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/woman-wearing-bathrobe-hotel-room_23-2148095362.jpg",
-          alt: "Woman wearing bathrobe in hotel room",
-        },
-      ]}
-      buttons={[
-        {
-          text: "Book Your Session",
-          href: "#contact",
-        },
-      ]}
-      marqueeItems={[
-        {
-          type: "text",
-          text: "Open Daily 10 AM - 9 PM",
-        },
-        {
-          type: "text",
-          text: "Luxury Wellness Experience",
-        },
-        {
-          type: "text",
-          text: "Aerocity, Delhi",
-        },
-        {
-          type: "text",
-          text: "Expert Therapists",
-        },
-        {
-          type: "text",
-          text: "Serene Atmosphere",
-        },
-      ]}
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroSplitKpi
+            title="Inner Peace in the Heart of Aerocity"
+            description="Discover a sanctuary of relaxation. Our expert therapists offer bespoke treatments designed to harmonize mind, body, and spirit."
+            background={{ variant: "sparkles-gradient" }}
+            mediaAnimation="slide-up"
+            imageSrc="http://img.b2bpic.net/free-photo/young-woman-holding-tea-cup-relaxing-spa-salon_176420-7551.jpg"
+            kpis={[
+              { value: "10+", label: "Years of Care" },
+              { value: "5k+", label: "Happy Guests" },
+              { value: "4.9", label: "Rating" }
+            ]}
+            buttons={[{ text: "Book Consultation", href: "#contact" }]}
+          />
+        </div>
 
-  <div id="features" data-section="features">
-      <FeatureBorderGlow
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      features={[
-        {
-          icon: Shield,
-          title: "Expert Therapists",
-          description: "Highly trained professionals dedicated to your comfort.",
-        },
-        {
-          icon: Sparkles,
-          title: "Premium Oils",
-          description: "High-quality, organic ingredients for a soothing experience.",
-        },
-        {
-          icon: Award,
-          title: "Sanctuary Environment",
-          description: "Peaceful, quiet space in the heart of Aerocity.",
-        },
-        {
-          icon: Leaf,
-          title: "Holistic Healing",
-          description: "Focusing on mind, body, and soul balance.",
-        },
-        {
-          icon: Waves,
-          title: "Customized Care",
-          description: "Treatments tailored to your unique needs.",
-        },
-      ]}
-      title="Why Choose Our Spa?"
-      description="We blend traditional techniques with modern luxury to ensure you leave feeling completely refreshed."
-    />
-  </div>
+        <div id="features" data-section="features">
+          <FeatureCardSeven
+            title="Our Wellness Philosophy"
+            description="We believe in a holistic approach to beauty and wellness, utilizing ancient techniques tailored for the modern individual."
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            features={[
+              { title: "Expert Therapists", description: "Certified professionals dedicated to your restoration.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-physiotherapist-massaging-man-s-arm_23-2148784698.jpg" },
+              { title: "Premium Organic Oils", description: "High-grade botanical blends for skin and soul.", imageSrc: "http://img.b2bpic.net/free-photo/unrecognizable-therapist-pouring-oil-her-hands-before-massage-treatment-wellness-center_637285-2057.jpg" }
+            ]}
+          />
+        </div>
 
-  <div id="services" data-section="services">
-      <ProductCardThree
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="uniform-all-items-equal"
-      useInvertedBackground={true}
-      products={[
-        {
-          id: "p1",
-          name: "Swedish Massage",
-          price: "₹2,500",
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-spending-time-spa-with-face-mask-treatment_23-2149871947.jpg",
-        },
-        {
-          id: "p2",
-          name: "Deep Tissue",
-          price: "₹3,200",
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-physiotherapist-massaging-man-s-arm_23-2148784698.jpg",
-        },
-        {
-          id: "p3",
-          name: "Hot Stone",
-          price: "₹3,800",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-girl-getting-spa-treatment-with-stones_23-2148345667.jpg",
-        },
-        {
-          id: "p4",
-          name: "Aromatherapy",
-          price: "₹2,800",
-          imageSrc: "http://img.b2bpic.net/free-photo/unrecognizable-therapist-pouring-oil-her-hands-before-massage-treatment-wellness-center_637285-2057.jpg",
-        },
-        {
-          id: "p5",
-          name: "Reflexology",
-          price: "₹2,200",
-          imageSrc: "http://img.b2bpic.net/free-photo/leg-massage-spa-salon-body-harmony-relaxing-foot-massage_169016-69107.jpg",
-        },
-        {
-          id: "p6",
-          name: "Scalp Massage",
-          price: "₹1,500",
-          imageSrc: "http://img.b2bpic.net/free-photo/female-osteopathist-treating-kid_23-2148776223.jpg",
-        },
-      ]}
-      title="Our Signature Massages"
-      description="Choose from our range of therapeutic treatments designed for total body rejuvenation."
-    />
-  </div>
+        <div id="services" data-section="services">
+          <ProductCardFour
+            title="Signature Treatments"
+            description="From deep tissue therapy to soothing aromatic rituals, find your perfect escape."
+            animationType="slide-up"
+            gridVariant="asymmetric-60-wide-40-narrow"
+            useInvertedBackground={true}
+            products={[
+              { id: "s1", name: "Signature Swedish", price: "₹2,500", variant: "Classic", imageSrc: "http://img.b2bpic.net/free-photo/woman-spending-time-spa-with-face-mask-treatment_23-2149871947.jpg" },
+              { id: "s2", name: "Hot Stone Ritual", price: "₹3,800", variant: "Healing", imageSrc: "http://img.b2bpic.net/free-photo/close-up-girl-getting-spa-treatment-with-stones_23-2148345667.jpg" }
+            ]}
+          />
+        </div>
 
-  <div id="pricing" data-section="pricing">
-      <PricingCardOne
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      plans={[
-        {
-          id: "basic",
-          badge: "Essential",
-          price: "₹2,500",
-          subtitle: "Perfect for a quick refresh",
-          features: [
-            "Swedish Massage",
-            "60 min session",
-          ],
-        },
-        {
-          id: "pro",
-          badge: "Rejuvenate",
-          price: "₹5,000",
-          subtitle: "Our most popular choice",
-          features: [
-            "Deep Tissue",
-            "Full body exfoliation",
-            "90 min session",
-          ],
-        },
-        {
-          id: "premium",
-          badge: "Luxury",
-          price: "₹8,500",
-          subtitle: "Ultimate spa indulgence",
-          features: [
-            "Hot Stone Therapy",
-            "Aromatherapy",
-            "Full body ritual",
-            "120 min session",
-          ],
-        },
-      ]}
-      title="Treatment Packages"
-      description="Flexible plans tailored to your wellness needs."
-    />
-  </div>
+        <div id="pricing" data-section="pricing">
+          <PricingCardTwo
+            title="Wellness Memberships"
+            description="Invest in your health with our carefully curated spa packages."
+            animationType="slide-up"
+            useInvertedBackground={false}
+            plans={[
+              { id: "p1", badge: "Essential", price: "₹2,500", subtitle: "Quick Recharge", buttons: [{ text: "Select" }], features: ["60 min massage", "Complimentary tea"] },
+              { id: "p2", badge: "Premium", price: "₹8,500", subtitle: "Ultimate Indulgence", buttons: [{ text: "Book Now" }], features: ["120 min ritual", "Full access to facilities"] }
+            ]}
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardOne
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="uniform-all-items-equal"
-      useInvertedBackground={true}
-      testimonials={[
-        {
-          id: "t1",
-          name: "Sarah Khan",
-          role: "Traveler",
-          company: "Global Corp",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-smiling-hispanic-woman-sitting-rattan-armchair-hotel-patio_197531-22784.jpg",
-        },
-        {
-          id: "t2",
-          name: "Vikram Singh",
-          role: "Executive",
-          company: "Deloitte",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-cute-couple-wearing-linen-clothing_23-2150695729.jpg",
-        },
-        {
-          id: "t3",
-          name: "Ananya Sharma",
-          role: "Wellness Coach",
-          company: "Self Employed",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-after-shower-with-towel-profile-green-bathroom-dewy-skin-skincare_169016-69376.jpg",
-        },
-        {
-          id: "t4",
-          name: "Rohit Verma",
-          role: "Business Owner",
-          company: "Delhi Startup",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-applying-cream_23-2148389885.jpg",
-        },
-        {
-          id: "t5",
-          name: "Priya Kapoor",
-          role: "Artist",
-          company: "Studio Delhi",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-relaxing-spa-hotel-outdoors_23-2149037120.jpg",
-        },
-      ]}
-      title="What Our Clients Say"
-      description="Trusted by guests for our commitment to relaxation."
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardFifteen
+            testimonial="The most serene experience in Delhi. Aerocity Wellness truly knows how to make one feel brand new."
+            author="Sarah K., Corporate Executive"
+            rating={5}
+            ratingAnimation="slide-up"
+            avatarsAnimation="slide-up"
+            avatars={[{ src: "http://img.b2bpic.net/free-photo/happy-smiling-hispanic-woman-sitting-rattan-armchair-hotel-patio_197531-22784.jpg", alt: "Sarah" }]}
+          />
+        </div>
 
-  <div id="faq" data-section="faq">
-      <FaqDouble
-      textboxLayout="default"
-      useInvertedBackground={false}
-      faqs={[
-        {
-          id: "f1",
-          title: "Do I need to book an appointment?",
-          content: "Yes, we recommend booking in advance to ensure your preferred time slot.",
-        },
-        {
-          id: "f2",
-          title: "What should I bring?",
-          content: "We provide all necessary amenities, including robes and slippers. Just bring your comfortable self.",
-        },
-        {
-          id: "f3",
-          title: "Is parking available?",
-          content: "Yes, ample parking is available within the Aerocity complex for our guests.",
-        },
-      ]}
-      title="Common Questions"
-      description="Get answers to everything you need to know about your spa experience."
-      faqsAnimation="slide-up"
-    />
-  </div>
+        <div id="faq" data-section="faq">
+          <FaqDouble
+            title="Wellness Guidance"
+            description="Find all the information you need before your first visit."
+            faqs={[
+              { id: "q1", title: "How early should I arrive?", content: "Please arrive 15 minutes prior to your treatment for a stress-free transition." },
+              { id: "q2", title: "Is there parking?", content: "Yes, complimentary guest parking is available in the Aerocity complex." }
+            ]}
+            faqsAnimation="slide-up"
+            textboxLayout="default"
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactSplitForm
-      useInvertedBackground={true}
-      title="Schedule Your Visit"
-      description="Ready to rejuvenate? Book your appointment today and let us take care of you."
-      inputs={[
-        {
-          name: "name",
-          type: "text",
-          placeholder: "Name",
-          required: true,
-        },
-        {
-          name: "email",
-          type: "email",
-          placeholder: "Email",
-          required: true,
-        },
-      ]}
-      textarea={{
-        name: "message",
-        placeholder: "Any special requirements?",
-        rows: 4,
-        required: false,
-      }}
-      imageSrc="http://img.b2bpic.net/free-photo/side-view-woman-looking-out-window_23-2149622868.jpg"
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactSplitForm
+            title="Begin Your Wellness Journey"
+            description="Drop us a message and our team will get back to you immediately to confirm your appointment."
+            inputs={[{ name: "name", type: "text", placeholder: "Full Name" }, { name: "email", type: "email", placeholder: "Email Address" }]}
+            imageSrc="http://img.b2bpic.net/free-photo/side-view-woman-looking-out-window_23-2149622868.jpg"
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterBase
-      columns={[
-        {
-          title: "Company",
-          items: [
-            {
-              label: "About Us",
-              href: "#about",
-            },
-            {
-              label: "Services",
-              href: "#services",
-            },
-          ],
-        },
-        {
-          title: "Legal",
-          items: [
-            {
-              label: "Privacy Policy",
-              href: "#",
-            },
-            {
-              label: "Terms of Service",
-              href: "#",
-            },
-          ],
-        },
-      ]}
-      logoText="Aerocity Spa"
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterCard
+            logoText="Aerocity Wellness"
+            copyrightText="© 2025 Aerocity Wellness. All rights reserved."
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-- 
2.49.1