From f896bc8c249ced47e18a7911032e481e84ce9445 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sat, 9 May 2026 01:39:37 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 283 ++++++++++-------------------------------------
 1 file changed, 60 insertions(+), 223 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index f632a98..e231226 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -32,120 +32,67 @@ export default function LandingPage() {
       <NavbarLayoutFloatingInline
       navItems={[
         {
-          name: "Home",
-          id: "hero",
-        },
+          name: "Home",          id: "hero"},
         {
-          name: "Services",
-          id: "features",
-        },
+          name: "Services",          id: "features"},
         {
-          name: "About",
-          id: "about",
-        },
+          name: "About",          id: "about"},
         {
-          name: "Contact",
-          id: "contact",
-        },
+          name: "Contact",          id: "contact"},
       ]}
       brandName="Iconica Beauty"
+      button={{ text: "Book Now", href: "#contact" }}
     />
   </div>
 
   <div id="hero" data-section="hero">
       <HeroSplitTestimonial
       background={{
-        variant: "plain",
-      }}
+        variant: "plain"}}
       title="Elevate Your Beauty at Iconica"
       description="Experience professional care in a serene, luxurious environment designed for your comfort and style."
       testimonials={[
         {
-          name: "Anna S.",
-          handle: "@annasbeauty",
-          testimonial: "The best experience I've had at a salon. Highly recommend!",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-spa-massage-wellness-hotel-suite-with-bathtub_105762-2027.jpg?_wi=1",
-          imageAlt: "elegant salon interior design",
-        },
+          name: "Anna S.",          handle: "@annasbeauty",          testimonial: "The best experience I've had at a salon. Highly recommend!",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-spa-massage-wellness-hotel-suite-with-bathtub_105762-2027.jpg",          imageAlt: "elegant salon interior design"},
         {
-          name: "Mark D.",
-          handle: "@markstyle",
-          testimonial: "Professional services and great atmosphere.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/pink-orchids-vase-windowsill-with-white-chairs_181624-10971.jpg",
-          imageAlt: "elegant salon interior design",
-        },
+          name: "Mark D.",          handle: "@markstyle",          testimonial: "Professional services and great atmosphere.",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/pink-orchids-vase-windowsill-with-white-chairs_181624-10971.jpg",          imageAlt: "elegant salon interior design"},
         {
-          name: "Chloe R.",
-          handle: "@chloer",
-          testimonial: "So relaxed, my skin has never felt better.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/man-barbershop_1303-5405.jpg?_wi=1",
-          imageAlt: "elegant salon interior design",
-        },
+          name: "Chloe R.",          handle: "@chloer",          testimonial: "So relaxed, my skin has never felt better.",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/man-barbershop_1303-5405.jpg",          imageAlt: "elegant salon interior design"},
         {
-          name: "David W.",
-          handle: "@dwbeauty",
-          testimonial: "Great haircut and super clean environment.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-spending-time-spa-with-face-mask-treatment_23-2149871951.jpg?_wi=1",
-          imageAlt: "elegant salon interior design",
-        },
+          name: "David W.",          handle: "@dwbeauty",          testimonial: "Great haircut and super clean environment.",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/woman-spending-time-spa-with-face-mask-treatment_23-2149871951.jpg",          imageAlt: "elegant salon interior design"},
         {
-          name: "Sarah P.",
-          handle: "@sarahp",
-          testimonial: "Friendly staff and excellent service.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/manicure-process-closeup_1385-3123.jpg?_wi=1",
-          imageAlt: "elegant salon interior design",
-        },
+          name: "Sarah P.",          handle: "@sarahp",          testimonial: "Friendly staff and excellent service.",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/manicure-process-closeup_1385-3123.jpg",          imageAlt: "elegant salon interior design"},
       ]}
-      imageSrc="http://img.b2bpic.net/free-photo/3d-rendering-spa-massage-wellness-hotel-suite-with-bathtub_105762-2027.jpg?_wi=2"
+      imageSrc="http://img.b2bpic.net/free-photo/3d-rendering-spa-massage-wellness-hotel-suite-with-bathtub_105762-2027.jpg"
       mediaAnimation="slide-up"
       avatars={[
         {
-          src: "http://img.b2bpic.net/free-photo/young-caucasian-girl-gives-sniff-facial-serum-adult-woman-sitting-front-her-table-indoors-home-spa-facial-concept_197531-31460.jpg",
-          alt: "Portrait of client one",
-        },
+          src: "http://img.b2bpic.net/free-photo/young-caucasian-girl-gives-sniff-facial-serum-adult-woman-sitting-front-her-table-indoors-home-spa-facial-concept_197531-31460.jpg",          alt: "Portrait of client one"},
         {
-          src: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-with-friends_23-2149152887.jpg",
-          alt: "Portrait of client two",
-        },
+          src: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-with-friends_23-2149152887.jpg",          alt: "Portrait of client two"},
         {
-          src: "http://img.b2bpic.net/free-photo/front-view-smiley-bride-before-event_23-2149860780.jpg",
-          alt: "Portrait of client three",
-        },
+          src: "http://img.b2bpic.net/free-photo/front-view-smiley-bride-before-event_23-2149860780.jpg",          alt: "Portrait of client three"},
         {
-          src: "http://img.b2bpic.net/free-photo/smiley-bride-getting-ready-front-view_23-2149721977.jpg",
-          alt: "Portrait of client four",
-        },
+          src: "http://img.b2bpic.net/free-photo/smiley-bride-getting-ready-front-view_23-2149721977.jpg",          alt: "Portrait of client four"},
         {
-          src: "http://img.b2bpic.net/free-photo/young-woman-pink-sweater-looking-camera-posing-high-quality-photo_114579-31514.jpg",
-          alt: "Portrait of client five",
-        },
+          src: "http://img.b2bpic.net/free-photo/young-woman-pink-sweater-looking-camera-posing-high-quality-photo_114579-31514.jpg",          alt: "Portrait of client five"},
       ]}
       marqueeItems={[
         {
-          type: "text",
-          text: "Luxury Experience",
-        },
+          type: "text",          text: "Luxury Experience"},
         {
-          type: "text",
-          text: "Professional Styling",
-        },
+          type: "text",          text: "Professional Styling"},
         {
-          type: "text",
-          text: "Advanced Skincare",
-        },
+          type: "text",          text: "Advanced Skincare"},
         {
-          type: "text",
-          text: "Premium Nail Care",
-        },
+          type: "text",          text: "Premium Nail Care"},
         {
-          type: "text",
-          text: "Expert Treatments",
-        },
+          type: "text",          text: "Expert Treatments"},
       ]}
     />
   </div>
@@ -155,9 +102,7 @@ export default function LandingPage() {
       useInvertedBackground={false}
       title="Our Passion for Perfection"
       description={[
-        "Iconica Beauty is committed to providing top-tier beauty and grooming services.",
-        "Our professional team ensures every client leaves feeling refreshed and confident.",
-      ]}
+        "Iconica Beauty is committed to providing top-tier beauty and grooming services.",        "Our professional team ensures every client leaves feeling refreshed and confident."]}
     />
   </div>
 
@@ -169,20 +114,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       features={[
         {
-          title: "Hair Design",
-          description: "Precision haircuts, coloring, and styling.",
-          imageSrc: "http://img.b2bpic.net/free-photo/man-barbershop_1303-5405.jpg?_wi=2",
-        },
+          title: "Hair Design",          description: "Precision haircuts, coloring, and styling.",          imageSrc: "http://img.b2bpic.net/free-photo/man-barbershop_1303-5405.jpg"},
         {
-          title: "Skincare Treatments",
-          description: "Professional facials and advanced skin therapy.",
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-spending-time-spa-with-face-mask-treatment_23-2149871951.jpg?_wi=2",
-        },
+          title: "Skincare Treatments",          description: "Professional facials and advanced skin therapy.",          imageSrc: "http://img.b2bpic.net/free-photo/woman-spending-time-spa-with-face-mask-treatment_23-2149871951.jpg"},
         {
-          title: "Nail Care",
-          description: "Manicures and pedicures with high-quality polish.",
-          imageSrc: "http://img.b2bpic.net/free-photo/manicure-process-closeup_1385-3123.jpg?_wi=2",
-        },
+          title: "Nail Care",          description: "Manicures and pedicures with high-quality polish.",          imageSrc: "http://img.b2bpic.net/free-photo/manicure-process-closeup_1385-3123.jpg"},
       ]}
       title="Our Expert Services"
       description="Comprehensive beauty care tailored to your individual needs."
@@ -196,40 +132,15 @@ export default function LandingPage() {
       useInvertedBackground={false}
       testimonials={[
         {
-          id: "1",
-          name: "Sophia L.",
-          role: "Client",
-          testimonial: "Absolute perfection, loved my haircut!",
-          imageSrc: "http://img.b2bpic.net/free-photo/lesbian-couple-wearing-white-their-wedding_23-2150835701.jpg",
-        },
+          id: "1",          name: "Sophia L.",          role: "Client",          testimonial: "Absolute perfection, loved my haircut!",          imageSrc: "http://img.b2bpic.net/free-photo/lesbian-couple-wearing-white-their-wedding_23-2150835701.jpg"},
         {
-          id: "2",
-          name: "James R.",
-          role: "Client",
-          testimonial: "Professional and very relaxing.",
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-trying-listening-some-sound_1187-3768.jpg",
-        },
+          id: "2",          name: "James R.",          role: "Client",          testimonial: "Professional and very relaxing.",          imageSrc: "http://img.b2bpic.net/free-photo/woman-trying-listening-some-sound_1187-3768.jpg"},
         {
-          id: "3",
-          name: "Emily P.",
-          role: "Client",
-          testimonial: "Highly skilled stylists, great experience.",
-          imageSrc: "http://img.b2bpic.net/free-photo/friends-helping-each-other-with-make-up-bed_23-2148708892.jpg",
-        },
+          id: "3",          name: "Emily P.",          role: "Client",          testimonial: "Highly skilled stylists, great experience.",          imageSrc: "http://img.b2bpic.net/free-photo/friends-helping-each-other-with-make-up-bed_23-2148708892.jpg"},
         {
-          id: "4",
-          name: "Chris B.",
-          role: "Client",
-          testimonial: "Consistent, quality service every time.",
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-fair-skinned-women-use-moisturizing-day-cream-sensitive-skin-light-room-self-care-health-day-concept_197531-31471.jpg",
-        },
+          id: "4",          name: "Chris B.",          role: "Client",          testimonial: "Consistent, quality service every time.",          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-fair-skinned-women-use-moisturizing-day-cream-sensitive-skin-light-room-self-care-health-day-concept_197531-31471.jpg"},
         {
-          id: "5",
-          name: "Sarah H.",
-          role: "Client",
-          testimonial: "Iconica is my favorite beauty destination.",
-          imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-home-getting-ready-haircut_23-2148817221.jpg",
-        },
+          id: "5",          name: "Sarah H.",          role: "Client",          testimonial: "Iconica is my favorite beauty destination.",          imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-home-getting-ready-haircut_23-2148817221.jpg"},
       ]}
       title="What Our Clients Say"
       description="Real experiences from satisfied customers at Iconica Beauty."
@@ -243,34 +154,20 @@ export default function LandingPage() {
       useInvertedBackground={false}
       plans={[
         {
-          id: "basic",
-          badge: "Essential",
-          price: "$60",
-          subtitle: "Basic Grooming",
-          buttons: [
+          id: "basic",          badge: "Essential",          price: "$60",          subtitle: "Basic Grooming",          buttons: [
             {
-              text: "Book Now",
-            },
+              text: "Book Now"},
           ],
           features: [
-            "Quick Cut",
-            "Style Refresh",
-          ],
+            "Quick Cut",            "Style Refresh"],
         },
         {
-          id: "pro",
-          badge: "Popular",
-          price: "$120",
-          subtitle: "Full Treatment",
-          buttons: [
+          id: "pro",          badge: "Popular",          price: "$120",          subtitle: "Full Treatment",          buttons: [
             {
-              text: "Book Now",
-            },
+              text: "Book Now"},
           ],
           features: [
-            "Full Cut & Color",
-            "Deep Conditioning",
-          ],
+            "Full Cut & Color",            "Deep Conditioning"],
         },
       ]}
       title="Transparent Pricing"
@@ -285,23 +182,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       team={[
         {
-          id: "t1",
-          name: "Elena V.",
-          role: "Master Stylist",
-          imageSrc: "http://img.b2bpic.net/free-photo/angry-young-female-barber-wearing-uniform-glasses-headband-holding-straight-razor-shaving-razor-looking-camera-shouting-out-loudly-isolated-red-background_141793-137010.jpg",
-        },
+          id: "t1",          name: "Elena V.",          role: "Master Stylist",          imageSrc: "http://img.b2bpic.net/free-photo/angry-young-female-barber-wearing-uniform-glasses-headband-holding-straight-razor-shaving-razor-looking-camera-shouting-out-loudly-isolated-red-background_141793-137010.jpg"},
         {
-          id: "t2",
-          name: "Marcus T.",
-          role: "Skin Therapist",
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-beautiful-caucasian-woman-black-medical-uniform-standing-studio-competent-female-cosmetologist-holding-arms-crossed-grey-background_7502-9241.jpg",
-        },
+          id: "t2",          name: "Marcus T.",          role: "Skin Therapist",          imageSrc: "http://img.b2bpic.net/free-photo/front-view-beautiful-caucasian-woman-black-medical-uniform-standing-studio-competent-female-cosmetologist-holding-arms-crossed-grey-background_7502-9241.jpg"},
         {
-          id: "t3",
-          name: "Julia M.",
-          role: "Salon Manager",
-          imageSrc: "http://img.b2bpic.net/free-photo/portriat-beautiful-business-woman-standing_23-2148317282.jpg",
-        },
+          id: "t3",          name: "Julia M.",          role: "Salon Manager",          imageSrc: "http://img.b2bpic.net/free-photo/portriat-beautiful-business-woman-standing_23-2148317282.jpg"},
       ]}
       title="Our Stylist Team"
       description="Our professionals are dedicated to your style evolution."
@@ -316,47 +201,17 @@ export default function LandingPage() {
       useInvertedBackground={false}
       products={[
         {
-          id: "g1",
-          name: "Salon View",
-          price: "Featured",
-          variant: "Space",
-          imageSrc: "http://img.b2bpic.net/free-photo/girl-africa-woman-making-eyebrows-girls-beauty-salon_1157-48328.jpg",
-        },
+          id: "g1",          name: "Salon View",          price: "Featured",          variant: "Space",          imageSrc: "http://img.b2bpic.net/free-photo/girl-africa-woman-making-eyebrows-girls-beauty-salon_1157-48328.jpg"},
         {
-          id: "g2",
-          name: "Hair Studio",
-          price: "Featured",
-          variant: "Space",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-lying-massage-table-smiling_1098-2710.jpg",
-        },
+          id: "g2",          name: "Hair Studio",          price: "Featured",          variant: "Space",          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-lying-massage-table-smiling_1098-2710.jpg"},
         {
-          id: "g3",
-          name: "Nail Station",
-          price: "Featured",
-          variant: "Space",
-          imageSrc: "http://img.b2bpic.net/free-photo/nail-care-manicure-process_23-2149130313.jpg",
-        },
+          id: "g3",          name: "Nail Station",          price: "Featured",          variant: "Space",          imageSrc: "http://img.b2bpic.net/free-photo/nail-care-manicure-process_23-2149130313.jpg"},
         {
-          id: "g4",
-          name: "Waiting Area",
-          price: "Featured",
-          variant: "Space",
-          imageSrc: "http://img.b2bpic.net/free-photo/surprised-young-beautiful-female-barber-uniform-holding-barber-tools-isolated-pink-background_141793-119285.jpg",
-        },
+          id: "g4",          name: "Waiting Area",          price: "Featured",          variant: "Space",          imageSrc: "http://img.b2bpic.net/free-photo/surprised-young-beautiful-female-barber-uniform-holding-barber-tools-isolated-pink-background_141793-119285.jpg"},
         {
-          id: "g5",
-          name: "Reception",
-          price: "Featured",
-          variant: "Space",
-          imageSrc: "http://img.b2bpic.net/free-photo/blonde-young-lady-dress-gesturing-isolated_176474-44073.jpg",
-        },
+          id: "g5",          name: "Reception",          price: "Featured",          variant: "Space",          imageSrc: "http://img.b2bpic.net/free-photo/blonde-young-lady-dress-gesturing-isolated_176474-44073.jpg"},
         {
-          id: "g6",
-          name: "Treatment Area",
-          price: "Featured",
-          variant: "Space",
-          imageSrc: "http://img.b2bpic.net/free-photo/makeup-artist-female-customer-looking-mobile-phone_329181-1952.jpg",
-        },
+          id: "g6",          name: "Treatment Area",          price: "Featured",          variant: "Space",          imageSrc: "http://img.b2bpic.net/free-photo/makeup-artist-female-customer-looking-mobile-phone_329181-1952.jpg"},
       ]}
       title="Salon Gallery"
       description="A glimpse into our salon space and recent work."
@@ -370,22 +225,14 @@ export default function LandingPage() {
       description="Get in touch or schedule your next salon appointment."
       inputs={[
         {
-          name: "name",
-          type: "text",
-          placeholder: "Your Name",
-          required: true,
+          name: "name",          type: "text",          placeholder: "Your Name",          required: true,
         },
         {
-          name: "email",
-          type: "email",
-          placeholder: "Your Email",
-          required: true,
+          name: "email",          type: "email",          placeholder: "Your Email",          required: true,
         },
       ]}
       textarea={{
-        name: "message",
-        placeholder: "How can we help you?",
-        required: true,
+        name: "message",        placeholder: "How can we help you?",        required: true,
       }}
       imageSrc="http://img.b2bpic.net/free-photo/portrait-female-cashier-business-front-desk-swiping-credit-card-reader-smiling_662251-2184.jpg"
     />
@@ -395,29 +242,19 @@ export default function LandingPage() {
       <FooterBase
       columns={[
         {
-          title: "Company",
-          items: [
+          title: "Company",          items: [
             {
-              label: "About",
-              href: "#about",
-            },
+              label: "About",              href: "#about"},
             {
-              label: "Services",
-              href: "#features",
-            },
+              label: "Services",              href: "#features"},
           ],
         },
         {
-          title: "Legal",
-          items: [
+          title: "Legal",          items: [
             {
-              label: "Privacy",
-              href: "#",
-            },
+              label: "Privacy",              href: "#"},
             {
-              label: "Terms",
-              href: "#",
-            },
+              label: "Terms",              href: "#"},
           ],
         },
       ]}