From 5aa352cf037160457de01a737feaa9498dde1566 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Fri, 24 Apr 2026 18:42:15 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 238 ++++++++---------------------------------------
 1 file changed, 37 insertions(+), 201 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 46f2a36..df8ec42 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -8,7 +8,7 @@ import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
 import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
 import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
 import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
-import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
+import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
 import TeamCardTen from '@/components/sections/team/TeamCardTen';
 import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
 import TextAbout from '@/components/sections/about/TextAbout';
@@ -29,24 +29,12 @@ export default function LandingPage() {
     >
       <ReactLenis root>
   <div id="nav" data-section="nav">
-      <NavbarStyleCentered
+      <NavbarStyleFullscreen
       navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "Services",
-          id: "features",
-        },
-        {
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
+        { name: "Home", id: "hero" },
+        { name: "Services", id: "features" },
+        { name: "About", id: "about" },
+        { name: "Contact", id: "contact" },
       ]}
       brandName="Professional Spa & Massage"
     />
@@ -55,41 +43,19 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroBillboardGallery
       background={{
-        variant: "plain",
-      }}
+        variant: "plain"}}
       title="Professional Spa & Massage Services Available 24/7"
       description="Experience total relaxation and rejuvenation at any hour. Our professional team provides premium spa and massage services designed to melt away stress and restore your well-being."
       buttons={[
-        {
-          text: "Book Your Appointment",
-          href: "#contact",
-        },
+        { 
+          text: "Book Your Appointment", 
+          href: "#contact" 
+        }
       ]}
       mediaItems={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/spa-still-life_23-2147821076.jpg",
-          imageAlt: "Luxurious spa interior",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/spa-still-life-with-fresh-coconut-body-care-products_169016-3598.jpg",
-          imageAlt: "Massage oil and towels",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/massage-concept-with-woman_23-2147816960.jpg",
-          imageAlt: "Zen stones arrangement",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/robe-wooden-wall-near-sauna-warm-spa-interior_169016-69073.jpg",
-          imageAlt: "Luxurious spa interior",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/spa-flat-lay-composition-with-bath-accessories-health-beauty-products-with-fresh-flowers_169016-11882.jpg",
-          imageAlt: "Massage oil and towels",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/pale-halloween-arrangement_23-2147680559.jpg",
-          imageAlt: "Zen stones arrangement",
-        },
+        { imageSrc: "http://img.b2bpic.net/free-photo/spa-still-life_23-2147821076.jpg", imageAlt: "Luxurious spa interior" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/spa-still-life-with-fresh-coconut-body-care-products_169016-3598.jpg", imageAlt: "Massage oil and towels" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/massage-concept-with-woman_23-2147816960.jpg", imageAlt: "Zen stones arrangement" },
       ]}
       mediaAnimation="slide-up"
     />
@@ -100,10 +66,7 @@ export default function LandingPage() {
       useInvertedBackground={false}
       title="Dedicated to Your Wellness Journey"
       buttons={[
-        {
-          text: "Learn More",
-          href: "#features",
-        },
+        { text: "Learn More", href: "#features" }
       ]}
     />
   </div>
@@ -116,23 +79,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       features={[
         {
-          title: "Deep Tissue Massage",
-          description: "Focused relief for muscle tension and chronic discomfort.",
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-spending-time-spa-getting-exfoliation-massage_23-2149871938.jpg",
-          imageAlt: "Deep Tissue Therapy",
-        },
+          title: "Deep Tissue Massage",          description: "Focused relief for muscle tension and chronic discomfort.",          imageSrc: "http://img.b2bpic.net/free-photo/woman-spending-time-spa-getting-exfoliation-massage_23-2149871938.jpg",          imageAlt: "Deep Tissue Therapy"},
         {
-          title: "Aromatherapy",
-          description: "Enhance your mental and physical well-being with pure essential oils.",
-          imageSrc: "http://img.b2bpic.net/free-photo/side-view-people-getting-massage_23-2151178213.jpg",
-          imageAlt: "Aromatherapy Session",
-        },
+          title: "Aromatherapy",          description: "Enhance your mental and physical well-being with pure essential oils.",          imageSrc: "http://img.b2bpic.net/free-photo/side-view-people-getting-massage_23-2151178213.jpg",          imageAlt: "Aromatherapy Session"},
         {
-          title: "Reflexology",
-          description: "Targeted pressure point therapy to improve circulation and reduce stress.",
-          imageSrc: "http://img.b2bpic.net/free-photo/closeup-female-masseuse-giving-foot-massage-one-her-clients-health-beauty-spa_662251-1935.jpg",
-          imageAlt: "Reflexology Therapy",
-        },
+          title: "Reflexology",          description: "Targeted pressure point therapy to improve circulation and reduce stress.",          imageSrc: "http://img.b2bpic.net/free-photo/closeup-female-masseuse-giving-foot-massage-one-her-clients-health-beauty-spa_662251-1935.jpg",          imageAlt: "Reflexology Therapy"},
       ]}
       title="Our Professional Services"
       description="Comprehensive care tailored to your specific needs, provided by certified professionals in a serene environment."
@@ -145,27 +96,9 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={false}
       metrics={[
-        {
-          id: "m1",
-          value: "24/7",
-          title: "Availability",
-          description: "Always here when you need us.",
-          imageSrc: "http://img.b2bpic.net/free-photo/masseur-taking-care-her-clinic_23-2149273868.jpg",
-        },
-        {
-          id: "m2",
-          value: "100%",
-          title: "Professional Care",
-          description: "Certified and highly trained therapists.",
-          imageSrc: "http://img.b2bpic.net/free-photo/illuminated-candles-dried-citrus-slices-la-stone-honey-essential-oil-bottles-pot-plant-desk-against-wall_23-2148087717.jpg",
-        },
-        {
-          id: "m3",
-          value: "1000+",
-          title: "Satisfied Clients",
-          description: "Trusted by our local community.",
-          imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-getting-professional-massage_23-2150649753.jpg",
-        },
+        { id: "m1", value: "24/7", title: "Availability", description: "Always here when you need us.", imageSrc: "http://img.b2bpic.net/free-photo/masseur-taking-care-her-clinic_23-2149273868.jpg" },
+        { id: "m2", value: "100%", title: "Professional Care", description: "Certified and highly trained therapists.", imageSrc: "http://img.b2bpic.net/free-photo/illuminated-candles-dried-citrus-slices-la-stone-honey-essential-oil-bottles-pot-plant-desk-against-wall_23-2148087717.jpg" },
+        { id: "m3", value: "1000+", title: "Satisfied Clients", description: "Trusted by our local community.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-getting-professional-massage_23-2150649753.jpg" },
       ]}
       title="Wellness Results That Matter"
       description="Our commitment to quality ensures you leave feeling refreshed and balanced."
@@ -179,24 +112,9 @@ export default function LandingPage() {
       tag="Meet the Experts"
       membersAnimation="slide-up"
       members={[
-        {
-          id: "t1",
-          name: "Sarah Miller",
-          imageSrc: "http://img.b2bpic.net/free-photo/side-view-people-relaxing-together_23-2151178266.jpg",
-          imageAlt: "Sarah Miller Therapist",
-        },
-        {
-          id: "t2",
-          name: "David Chen",
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-doctor-posing_23-2148497196.jpg",
-          imageAlt: "David Chen Therapist",
-        },
-        {
-          id: "t3",
-          name: "Elena Rodriguez",
-          imageSrc: "http://img.b2bpic.net/free-photo/female-graphic-designer-using-digital-tablet_1170-999.jpg",
-          imageAlt: "Elena Rodriguez Therapist",
-        },
+        { id: "t1", name: "Sarah Miller", imageSrc: "http://img.b2bpic.net/free-photo/side-view-people-relaxing-together_23-2151178266.jpg", imageAlt: "Sarah Miller Therapist" },
+        { id: "t2", name: "David Chen", imageSrc: "http://img.b2bpic.net/free-photo/front-view-doctor-posing_23-2148497196.jpg", imageAlt: "David Chen Therapist" },
+        { id: "t3", name: "Elena Rodriguez", imageSrc: "http://img.b2bpic.net/free-photo/female-graphic-designer-using-digital-tablet_1170-999.jpg", imageAlt: "Elena Rodriguez Therapist" },
       ]}
       memberVariant="card"
     />
@@ -208,60 +126,14 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={false}
       testimonials={[
-        {
-          id: "1",
-          name: "Alice Johnson",
-          role: "Client",
-          company: "Local Resident",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/smiling-senior-woman-bathrobe_329181-7824.jpg",
-        },
-        {
-          id: "2",
-          name: "Mark Wilson",
-          role: "Client",
-          company: "Local Resident",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/women-making-preparations-wedding_23-2149184347.jpg",
-        },
-        {
-          id: "3",
-          name: "Jessica Lee",
-          role: "Client",
-          company: "Local Resident",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/young-happy-woman-having-back-massage-while-spending-day-beauty-spa_637285-7424.jpg",
-        },
-        {
-          id: "4",
-          name: "Brian Smith",
-          role: "Client",
-          company: "Local Resident",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/nail-hygiene-care-happy-client_23-2148766586.jpg",
-        },
-        {
-          id: "5",
-          name: "Emily Davis",
-          role: "Client",
-          company: "Local Resident",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-beautiful-blonde-woman-wearing-white-shirt-standing-co-working-space-leaning-desk_74855-15151.jpg",
-        },
+        { id: "1", name: "Alice Johnson", role: "Client", company: "Local Resident", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-senior-woman-bathrobe_329181-7824.jpg" },
+        { id: "2", name: "Mark Wilson", role: "Client", company: "Local Resident", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/women-making-preparations-wedding_23-2149184347.jpg" },
+        { id: "3", name: "Jessica Lee", role: "Client", company: "Local Resident", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-happy-woman-having-back-massage-while-spending-day-beauty-spa_637285-7424.jpg" },
       ]}
       kpiItems={[
-        {
-          value: "4.9/5",
-          label: "Average Rating",
-        },
-        {
-          value: "24/7",
-          label: "Service Availability",
-        },
-        {
-          value: "100%",
-          label: "Client Satisfaction",
-        },
+        { value: "4.9/5", label: "Average Rating" },
+        { value: "24/7", label: "Service Availability" },
+        { value: "100%", label: "Client Satisfaction" },
       ]}
       title="Client Success Stories"
       description="Read what our valued clients say about their experience with our spa and massage services."
@@ -272,21 +144,9 @@ export default function LandingPage() {
       <FaqSplitText
       useInvertedBackground={false}
       faqs={[
-        {
-          id: "f1",
-          title: "Are you really open 24/7?",
-          content: "Yes, our services are available round the clock to fit your schedule.",
-        },
-        {
-          id: "f2",
-          title: "Do I need an appointment?",
-          content: "Booking in advance is recommended, but walk-ins are welcome if available.",
-        },
-        {
-          id: "f3",
-          title: "What payment methods do you accept?",
-          content: "We accept all major credit cards and digital payments.",
-        },
+        { id: "f1", title: "Are you really open 24/7?", content: "Yes, our services are available round the clock to fit your schedule." },
+        { id: "f2", title: "Do I need an appointment?", content: "Booking in advance is recommended, but walk-ins are welcome if available." },
+        { id: "f3", title: "What payment methods do you accept?", content: "We accept all major credit cards and digital payments." },
       ]}
       sideTitle="Common Questions"
       faqsAnimation="slide-up"
@@ -296,9 +156,7 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactCenter
       useInvertedBackground={false}
-      background={{
-        variant: "plain",
-      }}
+      background={{ variant: "plain" }}
       tag="Contact Us"
       title="Ready to Relax?"
       description="Reach out today to book your session or inquire about our services."
@@ -308,30 +166,8 @@ export default function LandingPage() {
   <div id="footer" data-section="footer">
       <FooterLogoEmphasis
       columns={[
-        {
-          items: [
-            {
-              label: "Services",
-              href: "#features",
-            },
-            {
-              label: "About",
-              href: "#about",
-            },
-          ],
-        },
-        {
-          items: [
-            {
-              label: "Contact",
-              href: "#contact",
-            },
-            {
-              label: "Privacy Policy",
-              href: "#",
-            },
-          ],
-        },
+        { items: [{ label: "Services", href: "#features" }, { label: "About", href: "#about" }] },
+        { items: [{ label: "Contact", href: "#contact" }, { label: "Privacy Policy", href: "#" }] },
       ]}
       logoText="Professional Spa & Massage"
     />
@@ -339,4 +175,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file
-- 
2.49.1