From 1474191934ab18bd0de8c2cab32310a14fdb249e Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Fri, 22 May 2026 21:41:15 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 274 ++++++++++++-----------------------------------
 1 file changed, 66 insertions(+), 208 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 47ea816..0149ba9 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -33,29 +33,17 @@ export default function LandingPage() {
       <NavbarStyleApple
       navItems={[
         {
-          name: "Home",
-          id: "hero",
-        },
+          name: "Home",          id: "hero"},
         {
-          name: "About",
-          id: "about",
-        },
+          name: "About",          id: "about"},
         {
-          name: "Treatments",
-          id: "features",
-        },
+          name: "Treatments",          id: "features"},
         {
-          name: "Pricing",
-          id: "pricing",
-        },
+          name: "Pricing",          id: "pricing"},
         {
-          name: "Testimonials",
-          id: "testimonials",
-        },
+          name: "Testimonials",          id: "testimonials"},
         {
-          name: "Contact",
-          id: "contact",
-        },
+          name: "Contact",          id: "contact"},
       ]}
       brandName="Lumière MedSpa"
     />
@@ -64,97 +52,54 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroBillboardTestimonial
       background={{
-        variant: "sparkles-gradient",
-      }}
+        variant: "sparkles-gradient"}}
       title="Unveil Your Natural Radiance"
       description="Experience personalized skin rejuvenation and advanced aesthetic treatments in our tranquil sanctuary designed for your ultimate confidence."
       testimonials={[
         {
-          name: "Amanda K.",
-          handle: "@amandak",
-          testimonial: "The most professional experience I've ever had at a spa. My skin has never looked better.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-posing-outdoors_23-2148618908.jpg",
-        },
+          name: "Amanda K.",          handle: "@amandak",          testimonial: "The most professional experience I've ever had at a spa. My skin has never looked better.",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-posing-outdoors_23-2148618908.jpg"},
         {
-          name: "David W.",
-          handle: "@dw",
-          testimonial: "Truly tailored treatment plans. The results were subtle yet transformative.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-beauty-portrait-handsome-bearded-man_171337-2899.jpg",
-        },
+          name: "David W.",          handle: "@dw",          testimonial: "Truly tailored treatment plans. The results were subtle yet transformative.",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/close-up-beauty-portrait-handsome-bearded-man_171337-2899.jpg"},
         {
-          name: "Sarah P.",
-          handle: "@sarahp",
-          testimonial: "Clean, luxurious, and highly knowledgeable staff. Highly recommended.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-young-woman_23-2147823623.jpg",
-        },
+          name: "Sarah P.",          handle: "@sarahp",          testimonial: "Clean, luxurious, and highly knowledgeable staff. Highly recommended.",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-young-woman_23-2147823623.jpg"},
         {
-          name: "Marcus L.",
-          handle: "@mlux",
-          testimonial: "An incredible sanctuary. Worth every penny.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-beautiful-young-male_23-2148272577.jpg",
-        },
+          name: "Marcus L.",          handle: "@mlux",          testimonial: "An incredible sanctuary. Worth every penny.",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/front-view-beautiful-young-male_23-2148272577.jpg"},
         {
-          name: "Elena R.",
-          handle: "@elenar",
-          testimonial: "My skin feels completely renewed after just one session.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/joyful-long-haired-woman-looking-shoulder_1187-5046.jpg",
-        },
+          name: "Elena R.",          handle: "@elenar",          testimonial: "My skin feels completely renewed after just one session.",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/joyful-long-haired-woman-looking-shoulder_1187-5046.jpg"},
       ]}
       buttons={[
         {
-          text: "Book Consultation",
-          href: "#contact",
-        },
+          text: "Book Consultation",          href: "#contact"},
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/pretty-entrepreneur-working-from-home_1098-15111.jpg"
       avatars={[
         {
-          src: "http://img.b2bpic.net/free-photo/joyful-business-woman-with-coffee-cup_23-2148095746.jpg",
-          alt: "Client 1",
-        },
+          src: "http://img.b2bpic.net/free-photo/joyful-business-woman-with-coffee-cup_23-2148095746.jpg",          alt: "Client 1"},
         {
-          src: "http://img.b2bpic.net/free-photo/expressive-woman-posing-outdoor_344912-3065.jpg",
-          alt: "Client 2",
-        },
+          src: "http://img.b2bpic.net/free-photo/expressive-woman-posing-outdoor_344912-3065.jpg",          alt: "Client 2"},
         {
-          src: "http://img.b2bpic.net/free-photo/cropped-image-handsome-bearded-man_171337-2897.jpg",
-          alt: "Client 3",
-        },
+          src: "http://img.b2bpic.net/free-photo/cropped-image-handsome-bearded-man_171337-2897.jpg",          alt: "Client 3"},
         {
-          src: "http://img.b2bpic.net/free-photo/smiling-joyful-woman-looking-shoulder_1187-5049.jpg",
-          alt: "Client 4",
-        },
+          src: "http://img.b2bpic.net/free-photo/smiling-joyful-woman-looking-shoulder_1187-5049.jpg",          alt: "Client 4"},
         {
-          src: "http://img.b2bpic.net/free-photo/side-view-woman-with-blond-hair_23-2148648146.jpg",
-          alt: "Client 5",
-        },
+          src: "http://img.b2bpic.net/free-photo/side-view-woman-with-blond-hair_23-2148648146.jpg",          alt: "Client 5"},
       ]}
       marqueeItems={[
         {
-          type: "text",
-          text: "Medical Grade",
-        },
+          type: "text",          text: "Medical Grade"},
         {
-          type: "text",
-          text: "Clinically Proven",
-        },
+          type: "text",          text: "Clinically Proven"},
         {
-          type: "text",
-          text: "Expert Care",
-        },
+          type: "text",          text: "Expert Care"},
         {
-          type: "text",
-          text: "Natural Results",
-        },
+          type: "text",          text: "Natural Results"},
         {
-          type: "text",
-          text: "Personalized Plans",
-        },
+          type: "text",          text: "Personalized Plans"},
       ]}
     />
   </div>
@@ -164,38 +109,28 @@ export default function LandingPage() {
       useInvertedBackground={false}
       heading={[
         {
-          type: "text",
-          content: "Our Philosophy of Care",
-        },
+          type: "text",          content: "Our Philosophy of Care"},
         {
-          type: "image",
-          src: "http://img.b2bpic.net/free-vector/golden-elegant-logo-flat-style_52683-14904.jpg",
-          alt: "Clinic logo icon",
-        },
+          type: "image",          src: "http://img.b2bpic.net/free-vector/golden-elegant-logo-flat-style_52683-14904.jpg",          alt: "Clinic logo icon"},
       ]}
     />
   </div>
 
   <div id="features" data-section="features">
       <FeatureHoverPattern
+      animationType="slide-up"
       textboxLayout="split"
       useInvertedBackground={true}
       features={[
         {
           icon: Sparkles,
-          title: "Laser Resurfacing",
-          description: "Revitalize your skin's texture and tone with advanced laser technology.",
-        },
+          title: "Laser Resurfacing",          description: "Revitalize your skin's texture and tone with advanced laser technology."},
         {
           icon: Shield,
-          title: "Medical Facials",
-          description: "Customized treatments to address specific skin concerns and promote deep healing.",
-        },
+          title: "Medical Facials",          description: "Customized treatments to address specific skin concerns and promote deep healing."},
         {
           icon: Zap,
-          title: "Injectables",
-          description: "Expertly administered neurotoxins and fillers for natural, youthful rejuvenation.",
-        },
+          title: "Injectables",          description: "Expertly administered neurotoxins and fillers for natural, youthful rejuvenation."},
       ]}
       title="Advanced Aesthetic Treatments"
       description="State-of-the-art procedures delivered with clinical precision and artistic care."
@@ -209,51 +144,27 @@ export default function LandingPage() {
       useInvertedBackground={false}
       plans={[
         {
-          id: "basic",
-          badge: "Essential",
-          price: "$150",
-          subtitle: "Monthly Glow Up",
-          features: [
-            "Consultation",
-            "Express Facial",
-            "Skin Analysis",
-          ],
+          id: "basic",          badge: "Essential",          price: "$150",          subtitle: "Monthly Glow Up",          features: [
+            "Consultation",            "Express Facial",            "Skin Analysis"],
           buttons: [
             {
-              text: "Start Plan",
-            },
+              text: "Start Plan"},
           ],
         },
         {
-          id: "advanced",
-          badge: "Recommended",
-          price: "$450",
-          subtitle: "Aesthetic Renewal",
-          features: [
-            "Injectable Session",
-            "Premium Facial",
-            "Post-care kit",
-          ],
+          id: "advanced",          badge: "Recommended",          price: "$450",          subtitle: "Aesthetic Renewal",          features: [
+            "Injectable Session",            "Premium Facial",            "Post-care kit"],
           buttons: [
             {
-              text: "Select Plan",
-            },
+              text: "Select Plan"},
           ],
         },
         {
-          id: "expert",
-          badge: "Ultimate",
-          price: "$850",
-          subtitle: "Full Restoration",
-          features: [
-            "Full Laser Session",
-            "Fillers",
-            "VIP Membership",
-          ],
+          id: "expert",          badge: "Ultimate",          price: "$850",          subtitle: "Full Restoration",          features: [
+            "Full Laser Session",            "Fillers",            "VIP Membership"],
           buttons: [
             {
-              text: "Start Renewal",
-            },
+              text: "Start Renewal"},
           ],
         },
       ]}
@@ -264,49 +175,25 @@ export default function LandingPage() {
 
   <div id="testimonials" data-section="testimonials">
       <TestimonialCardThirteen
+      animationType="slide-up"
       textboxLayout="default"
       useInvertedBackground={true}
       testimonials={[
         {
-          id: "t1",
-          name: "Jessica L.",
-          handle: "@jessl",
-          testimonial: "A sanctuary for skincare.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-cute-girl-looking-away_23-2148436134.jpg",
-        },
+          id: "t1",          name: "Jessica L.",          handle: "@jessl",          testimonial: "A sanctuary for skincare.",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/front-view-cute-girl-looking-away_23-2148436134.jpg"},
         {
-          id: "t2",
-          name: "Michael R.",
-          handle: "@mikero",
-          testimonial: "Professional results every time.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-half-naked-man_171337-3024.jpg",
-        },
+          id: "t2",          name: "Michael R.",          handle: "@mikero",          testimonial: "Professional results every time.",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-half-naked-man_171337-3024.jpg"},
         {
-          id: "t3",
-          name: "Elena V.",
-          handle: "@elenav",
-          testimonial: "The best clinic in the city.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/laughing-woman-speaking-phone_23-2147779739.jpg",
-        },
+          id: "t3",          name: "Elena V.",          handle: "@elenav",          testimonial: "The best clinic in the city.",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/laughing-woman-speaking-phone_23-2147779739.jpg"},
         {
-          id: "t4",
-          name: "Tom H.",
-          handle: "@tomh",
-          testimonial: "Exceptional care and attention.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-posing-with-peony-flower-mirror-grass-outdoors_23-2149445044.jpg",
-        },
+          id: "t4",          name: "Tom H.",          handle: "@tomh",          testimonial: "Exceptional care and attention.",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-posing-with-peony-flower-mirror-grass-outdoors_23-2149445044.jpg"},
         {
-          id: "t5",
-          name: "Sophia G.",
-          handle: "@sophiag",
-          testimonial: "My go-to place for aesthetic health.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/lesbian-couple-wearing-white-their-wedding_23-2150835701.jpg",
-        },
+          id: "t5",          name: "Sophia G.",          handle: "@sophiag",          testimonial: "My go-to place for aesthetic health.",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/lesbian-couple-wearing-white-their-wedding_23-2150835701.jpg"},
       ]}
       showRating={true}
       title="Client Journeys"
@@ -319,14 +206,7 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       names={[
-        "Allergan",
-        "SkinCeuticals",
-        "HydraFacial",
-        "Lumenis",
-        "Galderma",
-        "ZO Skin Health",
-        "Merz Aesthetics",
-      ]}
+        "Allergan",        "SkinCeuticals",        "HydraFacial",        "Lumenis",        "Galderma",        "ZO Skin Health",        "Merz Aesthetics"]}
       title="Trusted Partnerships"
       description="Working with world-class aesthetic brands."
     />
@@ -338,20 +218,11 @@ export default function LandingPage() {
       useInvertedBackground={true}
       faqs={[
         {
-          id: "f1",
-          title: "Is there downtime?",
-          content: "Downtime depends on your specific treatment; we provide full recovery guides.",
-        },
+          id: "f1",          title: "Is there downtime?",          content: "Downtime depends on your specific treatment; we provide full recovery guides."},
         {
-          id: "f2",
-          title: "Can I book online?",
-          content: "Yes, our online booking portal is available 24/7.",
-        },
+          id: "f2",          title: "Can I book online?",          content: "Yes, our online booking portal is available 24/7."},
         {
-          id: "f3",
-          title: "Do I need a consult?",
-          content: "A consultation is required for all injectable and laser services.",
-        },
+          id: "f3",          title: "Do I need a consult?",          content: "A consultation is required for all injectable and laser services."},
       ]}
       title="Frequently Asked Questions"
       description="Addressing your concerns before you visit."
@@ -363,16 +234,13 @@ export default function LandingPage() {
       <ContactCTA
       useInvertedBackground={false}
       background={{
-        variant: "plain",
-      }}
+        variant: "plain"}}
       tag="Get in touch"
       title="Ready to renew?"
       description="Our experts are here to build your personalized aesthetic journey."
       buttons={[
         {
-          text: "Schedule Today",
-          href: "#",
-        },
+          text: "Schedule Today",          href: "#"},
       ]}
     />
   </div>
@@ -382,29 +250,19 @@ export default function LandingPage() {
       logoText="Lumière MedSpa"
       columns={[
         {
-          title: "Company",
-          items: [
+          title: "Company",          items: [
             {
-              label: "About",
-              href: "#about",
-            },
+              label: "About",              href: "#about"},
             {
-              label: "Careers",
-              href: "#",
-            },
+              label: "Careers",              href: "#"},
           ],
         },
         {
-          title: "Support",
-          items: [
+          title: "Support",          items: [
             {
-              label: "Contact",
-              href: "#contact",
-            },
+              label: "Contact",              href: "#contact"},
             {
-              label: "Privacy",
-              href: "#",
-            },
+              label: "Privacy",              href: "#"},
           ],
         },
       ]}
-- 
2.49.1