From c4292dc0fea50e4fe0631fee8f11fc5dfc52200a Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sat, 18 Apr 2026 21:18:57 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 536 +++++++++++++----------------------------------
 1 file changed, 149 insertions(+), 387 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index a732bb5..5b5a4fe 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -29,402 +29,164 @@ export default function LandingPage() {
         headingFontWeight="normal"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingOverlay
-      navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Services",
-          id: "features",
-        },
-        {
-          name: "Pricing",
-          id: "pricing",
-        },
-        {
-          name: "Team",
-          id: "team",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
-      ]}
-      brandName="Lush Beauty Lounge"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingOverlay
+            navItems={[
+              { name: "Home", id: "hero" },
+              { name: "About", id: "about" },
+              { name: "Services", id: "features" },
+              { name: "Pricing", id: "pricing" },
+              { name: "Team", id: "team" },
+              { name: "Contact", id: "contact" },
+            ]}
+            brandName="Lush Beauty Lounge"
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroSplit
-      background={{
-        variant: "gradient-bars",
-      }}
-      title="Where beauty meets artistry"
-      description="Discover Amman’s most luxurious salon experience. Expert hair, nail, and beauty treatments tailored to you."
-      buttons={[
-        {
-          text: "Book an Appointment",
-          href: "#contact",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/side-view-woman-hair-salon_23-2150668420.jpg?_wi=1"
-      mediaAnimation="slide-up"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/make-up-artist-getting-model-ready-photoshootin_23-2149305144.jpg",
-          alt: "Stylist portrait",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/woman-getting-her-hair-dyed-beauty-salon_23-2149167364.jpg",
-          alt: "Client beauty",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/hairdresser-with-woman-client_657883-572.jpg",
-          alt: "Salon staff",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/hairdresser-taking-care-client-s-hair-indoors_23-2148940876.jpg",
-          alt: "Beauty expert",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/close-up-restful-woman_1098-3168.jpg",
-          alt: "Satisfied client",
-        },
-      ]}
-      avatarText="Trusted by 500+ clients"
-      marqueeItems={[
-        {
-          type: "text",
-          text: "Luxury Hair",
-        },
-        {
-          type: "text",
-          text: "Expert Nails",
-        },
-        {
-          type: "text",
-          text: "Bridal Styling",
-        },
-        {
-          type: "text",
-          text: "Premium Spa",
-        },
-        {
-          type: "text",
-          text: "Personalized Care",
-        },
-      ]}
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroSplit
+            background={{ variant: "gradient-bars" }}
+            title="Where beauty meets artistry"
+            description="Discover Amman’s most luxurious salon experience. Expert hair, nail, and beauty treatments tailored to you."
+            buttons={[{ text: "Book an Appointment", href: "#contact" }]}
+            imageSrc="http://img.b2bpic.net/free-photo/side-view-woman-hair-salon_23-2150668420.jpg"
+            mediaAnimation="slide-up"
+            avatars={[
+              { src: "http://img.b2bpic.net/free-photo/make-up-artist-getting-model-ready-photoshootin_23-2149305144.jpg", alt: "Stylist portrait" },
+              { src: "http://img.b2bpic.net/free-photo/woman-getting-her-hair-dyed-beauty-salon_23-2149167364.jpg", alt: "Client beauty" },
+              { src: "http://img.b2bpic.net/free-photo/hairdresser-with-woman-client_657883-572.jpg", alt: "Salon staff" },
+              { src: "http://img.b2bpic.net/free-photo/hairdresser-taking-care-client-s-hair-indoors_23-2148940876.jpg", alt: "Beauty expert" },
+              { src: "http://img.b2bpic.net/free-photo/close-up-restful-woman_1098-3168.jpg", alt: "Satisfied client" },
+            ]}
+            avatarText="Trusted by 500+ clients"
+            marqueeItems={[
+              { type: "text", text: "Luxury Hair" },
+              { type: "text", text: "Expert Nails" },
+              { type: "text", text: "Bridal Styling" },
+              { type: "text", text: "Premium Spa" },
+              { type: "text", text: "Personalized Care" },
+            ]}
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <SplitAbout
-      textboxLayout="split"
-      useInvertedBackground={true}
-      title="More than a salon — a beauty sanctuary"
-      description="At Lush Beauty Lounge, every detail is designed around you. We combine global techniques with Jordanian hospitality."
-      bulletPoints={[
-        {
-          title: "Clean Products",
-          description: "We only use premium, safe products.",
-        },
-        {
-          title: "Skilled Artistry",
-          description: "Our stylists are internationally trained.",
-        },
-        {
-          title: "Exceptional Care",
-          description: "Personalized service for every guest.",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/young-woman-lying-massage-table-smiling_1098-2710.jpg?_wi=1"
-      mediaAnimation="slide-up"
-    />
-  </div>
+        <div id="about" data-section="about">
+          <SplitAbout
+            textboxLayout="split"
+            useInvertedBackground={true}
+            title="More than a salon — a beauty sanctuary"
+            description="At Lush Beauty Lounge, every detail is designed around you. We combine global techniques with Jordanian hospitality."
+            bulletPoints={[
+              { title: "Clean Products", description: "We only use premium, safe products." },
+              { title: "Skilled Artistry", description: "Our stylists are internationally trained." },
+              { title: "Exceptional Care", description: "Personalized service for every guest." },
+            ]}
+            imageSrc="http://img.b2bpic.net/free-photo/young-woman-lying-massage-table-smiling_1098-2710.jpg"
+            mediaAnimation="slide-up"
+          />
+        </div>
 
-  <div id="features" data-section="features">
-      <FeatureBento
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      features={[
-        {
-          title: "Precision Hair",
-          description: "Coloring, balayage, and cuts.",
-          bentoComponent: "reveal-icon",
-          icon: Scissors,
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-female-with-mascara_23-2148553439.jpg",
-          imageAlt: "professional hair coloring tool",
-        },
-        {
-          title: "Nail Bar",
-          description: "Gel nails and luxury extensions.",
-          bentoComponent: "reveal-icon",
-          icon: Sparkles,
-          imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-hair-salon_23-2150668420.jpg?_wi=2",
-          imageAlt: "professional hair coloring tool",
-        },
-        {
-          title: "Occasion Styling",
-          description: "Makeup, bridal, and blowouts.",
-          bentoComponent: "reveal-icon",
-          icon: Feather,
-          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-lying-massage-table-smiling_1098-2710.jpg?_wi=2",
-          imageAlt: "professional hair coloring tool",
-        },
-      ]}
-      title="Signature Services"
-      description="Expert treatments designed to elevate your natural beauty."
-    />
-  </div>
+        <div id="features" data-section="features">
+          <FeatureBento
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            features={[
+              { title: "Precision Hair", description: "Coloring, balayage, and cuts.", bentoComponent: "reveal-icon", icon: Scissors },
+              { title: "Nail Bar", description: "Gel nails and luxury extensions.", bentoComponent: "reveal-icon", icon: Sparkles },
+              { title: "Occasion Styling", description: "Makeup, bridal, and blowouts.", bentoComponent: "reveal-icon", icon: Feather },
+            ]}
+            title="Signature Services"
+            description="Expert treatments designed to elevate your natural beauty."
+          />
+        </div>
 
-  <div id="pricing" data-section="pricing">
-      <PricingCardEight
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={true}
-      plans={[
-        {
-          id: "p1",
-          badge: "Essential",
-          price: "Starting from 25 JOD",
-          subtitle: "Blowouts & Maintenance",
-          features: [
-            "Consultation",
-            "Expert Wash",
-            "Blowout Style",
-          ],
-          buttons: [
-            {
-              text: "Book Now",
-              href: "#contact",
-            },
-          ],
-        },
-        {
-          id: "p2",
-          badge: "Popular",
-          price: "Starting from 65 JOD",
-          subtitle: "Hair Color & Treatments",
-          features: [
-            "Consultation",
-            "Balayage",
-            "Gloss Treatment",
-          ],
-          buttons: [
-            {
-              text: "Book Now",
-              href: "#contact",
-            },
-          ],
-        },
-        {
-          id: "p3",
-          badge: "Luxury",
-          price: "Starting from 40 JOD",
-          subtitle: "Full Nail Service",
-          features: [
-            "Gel Extensions",
-            "Nail Art",
-            "Manicure",
-          ],
-          buttons: [
-            {
-              text: "Book Now",
-              href: "#contact",
-            },
-          ],
-        },
-      ]}
-      title="Service Packages"
-      description="Elegant care for every need."
-    />
-  </div>
+        <div id="pricing" data-section="pricing">
+          <PricingCardEight
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={true}
+            plans={[
+              { id: "p1", badge: "Essential", price: "Starting from 25 JOD", subtitle: "Blowouts & Maintenance", features: ["Consultation", "Expert Wash", "Blowout Style"], buttons: [{ text: "Book Now", href: "#contact" }] },
+              { id: "p2", badge: "Popular", price: "Starting from 65 JOD", subtitle: "Hair Color & Treatments", features: ["Consultation", "Balayage", "Gloss Treatment"], buttons: [{ text: "Book Now", href: "#contact" }] },
+              { id: "p3", badge: "Luxury", price: "Starting from 40 JOD", subtitle: "Full Nail Service", features: ["Gel Extensions", "Nail Art", "Manicure"], buttons: [{ text: "Book Now", href: "#contact" }] },
+            ]}
+            title="Service Packages"
+            description="Elegant care for every need."
+          />
+        </div>
 
-  <div id="team" data-section="team">
-      <TeamCardEleven
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      groups={[
-        {
-          id: "g1",
-          groupTitle: "Stylists",
-          members: [
-            {
-              id: "m1",
-              title: "Fawzi",
-              subtitle: "Creative Stylist",
-              detail: "Master of precision cuts.",
-              imageSrc: "http://img.b2bpic.net/free-photo/pleased-young-female-barber-wearing-uniform-glasses-headband-looking-camera-showing-thumb-up-isolated-red-background_141793-137078.jpg",
-            },
-            {
-              id: "m2",
-              title: "Dareen",
-              subtitle: "Color Expert",
-              detail: "Specializing in dimensional balayage.",
-              imageSrc: "http://img.b2bpic.net/free-photo/young-female-holding-few-makeup-brushes-table_23-2148113077.jpg",
-            },
-            {
-              id: "m3",
-              title: "Ehab",
-              subtitle: "Senior Hairdresser",
-              detail: "Expert in elegant bridal styling.",
-              imageSrc: "http://img.b2bpic.net/free-photo/glamorous-model-make-up-studio_23-2148328753.jpg",
-            },
-            {
-              id: "m4",
-              title: "Asem",
-              subtitle: "Nail Artist",
-              detail: "Detail-oriented nail perfectionist.",
-              imageSrc: "http://img.b2bpic.net/free-photo/designer-working-3d-model_23-2149371901.jpg",
-            },
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-hair-salon_23-2150668420.jpg?_wi=3",
-          imageAlt: "smiling beauty stylist portrait",
-        },
-      ]}
-      title="Meet Our Artists"
-      description="The talent behind your most beautiful look."
-    />
-  </div>
+        <div id="team" data-section="team">
+          <TeamCardEleven
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            groups={[
+              {
+                id: "g1",                groupTitle: "Stylists",                members: [
+                  { id: "m1", title: "Fawzi", subtitle: "Creative Stylist", detail: "Master of precision cuts.", imageSrc: "http://img.b2bpic.net/free-photo/pleased-young-female-barber-wearing-uniform-glasses-headband-looking-camera-showing-thumb-up-isolated-red-background_141793-137078.jpg" },
+                  { id: "m2", title: "Dareen", subtitle: "Color Expert", detail: "Specializing in dimensional balayage.", imageSrc: "http://img.b2bpic.net/free-photo/young-female-holding-few-makeup-brushes-table_23-2148113077.jpg" },
+                  { id: "m3", title: "Ehab", subtitle: "Senior Hairdresser", detail: "Expert in elegant bridal styling.", imageSrc: "http://img.b2bpic.net/free-photo/glamorous-model-make-up-studio_23-2148328753.jpg" },
+                  { id: "m4", title: "Asem", subtitle: "Nail Artist", detail: "Detail-oriented nail perfectionist.", imageSrc: "http://img.b2bpic.net/free-photo/designer-working-3d-model_23-2149371901.jpg" },
+                ]
+              }
+            ]}
+            title="Meet Our Artists"
+            description="The talent behind your most beautiful look."
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardTwo
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={true}
-      testimonials={[
-        {
-          id: "t1",
-          name: "Jasmine",
-          role: "Client",
-          testimonial: "Extremely happy with my hair.",
-          imageSrc: "http://img.b2bpic.net/free-photo/pretty-woman-smiling-white-background_1187-3894.jpg",
-        },
-        {
-          id: "t2",
-          name: "Tania",
-          role: "Client",
-          testimonial: "So professional and warm.",
-          imageSrc: "http://img.b2bpic.net/free-photo/bride-getting-hair-done-side-view_23-2149860771.jpg",
-        },
-        {
-          id: "t3",
-          name: "Sarah",
-          role: "Client",
-          testimonial: "The best blowout in Amman.",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-relaxing-spa-salon_176420-7525.jpg",
-        },
-        {
-          id: "t4",
-          name: "Leila",
-          role: "Client",
-          testimonial: "Fawzi is a genius.",
-          imageSrc: "http://img.b2bpic.net/free-photo/natural-beauty-girl-with-red-hair-freckles-touch-her-head-smiling-happy-gazing-camera-confident-cheerful-face-expression-posing-white-studio-against-background_176420-45729.jpg",
-        },
-        {
-          id: "t5",
-          name: "Nadia",
-          role: "Client",
-          testimonial: "A true beauty sanctuary.",
-          imageSrc: "http://img.b2bpic.net/free-photo/attractive-woman-with-bright-lipstick-happy-smile-posing-christmas-garlands-portrait-girl-with-curly-hair_197531-8272.jpg",
-        },
-      ]}
-      title="Voices of Lush"
-      description="Trusted by hundreds across Jordan."
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardTwo
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={true}
+            testimonials={[
+              { id: "t1", name: "Jasmine", role: "Client", testimonial: "Extremely happy with my hair.", imageSrc: "http://img.b2bpic.net/free-photo/pretty-woman-smiling-white-background_1187-3894.jpg" },
+              { id: "t2", name: "Tania", role: "Client", testimonial: "So professional and warm.", imageSrc: "http://img.b2bpic.net/free-photo/bride-getting-hair-done-side-view_23-2149860771.jpg" },
+              { id: "t3", name: "Sarah", role: "Client", testimonial: "The best blowout in Amman.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-relaxing-spa-salon_176420-7525.jpg" },
+              { id: "t4", name: "Leila", role: "Client", testimonial: "Fawzi is a genius.", imageSrc: "http://img.b2bpic.net/free-photo/natural-beauty-girl-with-red-hair-freckles-touch-her-head-smiling-happy-gazing-camera-confident-cheerful-face-expression-posing-white-studio-against-background_176420-45729.jpg" },
+              { id: "t5", name: "Nadia", role: "Client", testimonial: "A true beauty sanctuary.", imageSrc: "http://img.b2bpic.net/free-photo/attractive-woman-with-bright-lipstick-happy-smile-posing-christmas-garlands-portrait-girl-with-curly-hair_197531-8272.jpg" },
+            ]}
+            title="Voices of Lush"
+            description="Trusted by hundreds across Jordan."
+          />
+        </div>
 
-  <div id="faq" data-section="faq">
-      <FaqDouble
-      textboxLayout="default"
-      useInvertedBackground={false}
-      faqs={[
-        {
-          id: "f1",
-          title: "Do you offer bridal consultations?",
-          content: "Yes, we offer custom bridal styling consultations.",
-        },
-        {
-          id: "f2",
-          title: "Is there a private section?",
-          content: "We offer a private area for hijabi clients to ensure comfort.",
-        },
-        {
-          id: "f3",
-          title: "How do I book?",
-          content: "Use our WhatsApp link or call us during business hours.",
-        },
-      ]}
-      title="Beauty FAQs"
-      description="Common questions about your visit."
-      faqsAnimation="slide-up"
-    />
-  </div>
+        <div id="faq" data-section="faq">
+          <FaqDouble
+            textboxLayout="default"
+            useInvertedBackground={false}
+            faqs={[
+              { id: "f1", title: "Do you offer bridal consultations?", content: "Yes, we offer custom bridal styling consultations." },
+              { id: "f2", title: "Is there a private section?", content: "We offer a private area for hijabi clients to ensure comfort." },
+              { id: "f3", title: "How do I book?", content: "Use our WhatsApp link or call us during business hours." },
+            ]}
+            title="Beauty FAQs"
+            description="Common questions about your visit."
+            faqsAnimation="slide-up"
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactText
-      useInvertedBackground={true}
-      background={{
-        variant: "gradient-bars",
-      }}
-      text="Experience luxury that lasts. Book your visit at Lush Beauty Lounge today."
-      buttons={[
-        {
-          text: "WhatsApp Booking",
-          href: "https://wa.me/9627XXXXXXXX",
-        },
-      ]}
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactText
+            useInvertedBackground={true}
+            background={{ variant: "gradient-bars" }}
+            text="Experience luxury that lasts. Book your visit at Lush Beauty Lounge today."
+            buttons={[{ text: "WhatsApp Booking", href: "https://wa.me/9627XXXXXXXX" }]}
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterSimple
-      columns={[
-        {
-          title: "Location",
-          items: [
-            {
-              label: "Abdoun, Amman, Jordan",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Hours",
-          items: [
-            {
-              label: "Mon–Sat: 10 AM – 8 PM",
-              href: "#",
-            },
-            {
-              label: "Sun: Closed",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Contact",
-          items: [
-            {
-              label: "hello@lushbeautylounge.com",
-              href: "mailto:hello@lushbeautylounge.com",
-            },
-          ],
-        },
-      ]}
-      bottomLeftText="© 2024 Lush Beauty Lounge"
-      bottomRightText="Crafted with care."
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterSimple
+            columns={[
+              { title: "Location", items: [{ label: "Abdoun, Amman, Jordan", href: "#" }] },
+              { title: "Hours", items: [{ label: "Mon–Sat: 10 AM – 8 PM", href: "#" }, { label: "Sun: Closed", href: "#" }] },
+              { title: "Contact", items: [{ label: "hello@lushbeautylounge.com", href: "mailto:hello@lushbeautylounge.com" }] },
+            ]}
+            bottomLeftText="© 2024 Lush Beauty Lounge"
+            bottomRightText="Crafted with care."
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );