From edb13dd03ecda01525ce5193d41dab8c6b76815a Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sun, 29 Mar 2026 16:19:49 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 298 ++++++++++-------------------------------------
 1 file changed, 63 insertions(+), 235 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 6e11496..05329e4 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -30,22 +30,10 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleApple
       navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "Services",
-          id: "services",
-        },
-        {
-          name: "Testimonials",
-          id: "testimonials",
-        },
-        {
-          name: "Book Now",
-          id: "contact",
-        },
+        { name: "Home", id: "hero" },
+        { name: "Services", id: "services" },
+        { name: "Testimonials", id: "testimonials" },
+        { name: "Book Now", id: "contact" },
       ]}
       brandName="Salon Bellissimo"
     />
@@ -53,41 +41,19 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroSplitDualMedia
-      background="blurBottom"
+      background={{ variant: "radial-gradient" }}
       title="Where Beauty Meets Expertise"
       description="Premium hair, nails, and beauty services tailored just for you."
       tag="Transform Your Look"
       buttons={[
-        {
-          text: "Book Appointment",
-          href: "#contact",
-        },
-        {
-          text: "View Services",
-          href: "#services",
-        },
+        { text: "Book Appointment", href: "#contact" },
+        { text: "View Services", href: "#services" },
       ]}
       mediaItems={[
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/young-man-barber-shop-after-getting-haircut_23-2149186513.jpg?_wi=1",
-          imageAlt: "Salon Interior",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/young-man-barber-shop-after-getting-haircut_23-2149186513.jpg",          imageAlt: "Salon Interior"},
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/young-man-barber-shop-after-getting-haircut_23-2149186513.jpg?_wi=2",
-          imageAlt: "Salon Styling",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-hair-equipment_23-2148352843.jpg?_wi=1",
-          imageAlt: "Styling Tools",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-having-hair-treatment-latino-hair-salon_23-2150555156.jpg?_wi=1",
-          imageAlt: "Hair Coloring",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/young-black-people-taking-care-afro-hair_23-2149575437.jpg?_wi=1",
-          imageAlt: "Curly Hair Care",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/young-man-barber-shop-after-getting-haircut_23-2149186513.jpg",          imageAlt: "Salon Styling"}
       ]}
       mediaAnimation="blur-reveal"
       rating={5}
@@ -112,94 +78,46 @@ export default function LandingPage() {
       useInvertedBackground={false}
       features={[
         {
-          title: "Haircuts & Styling",
-          description: "Precision cuts and elegant styling for all hair types.",
-          icon: Scissors,
+          title: "Haircuts & Styling",          description: "Precision cuts and elegant styling for all hair types.",          icon: Scissors,
           mediaItems: [
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/close-up-hair-equipment_23-2148352843.jpg?_wi=2",
-            },
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/close-up-hair-equipment_23-2148352843.jpg?_wi=3",
-            },
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/young-man-barber-shop-after-getting-haircut_23-2149186513.jpg?_wi=3",
-          imageAlt: "modern salon interior warm lighting",
+            { imageSrc: "http://img.b2bpic.net/free-photo/close-up-hair-equipment_23-2148352843.jpg" },
+            { imageSrc: "http://img.b2bpic.net/free-photo/close-up-hair-equipment_23-2148352843.jpg" },
+          ]
         },
         {
-          title: "Coloring & Highlights",
-          description: "Customized color treatments for healthy, vibrant hair.",
-          icon: Sparkles,
+          title: "Coloring & Highlights",          description: "Customized color treatments for healthy, vibrant hair.",          icon: Sparkles,
           mediaItems: [
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/woman-having-hair-treatment-latino-hair-salon_23-2150555156.jpg?_wi=2",
-            },
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/woman-having-hair-treatment-latino-hair-salon_23-2150555156.jpg?_wi=3",
-            },
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-hair-equipment_23-2148352843.jpg?_wi=4",
-          imageAlt: "hair styling scissors comb",
+            { imageSrc: "http://img.b2bpic.net/free-photo/woman-having-hair-treatment-latino-hair-salon_23-2150555156.jpg" },
+            { imageSrc: "http://img.b2bpic.net/free-photo/woman-having-hair-treatment-latino-hair-salon_23-2150555156.jpg" },
+          ]
         },
         {
-          title: "Curly Hair Specialists",
-          description: "Expert techniques to define and celebrate your curls.",
-          icon: Waves,
+          title: "Curly Hair Specialists",          description: "Expert techniques to define and celebrate your curls.",          icon: Waves,
           mediaItems: [
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/young-black-people-taking-care-afro-hair_23-2149575437.jpg?_wi=2",
-            },
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/young-black-people-taking-care-afro-hair_23-2149575437.jpg?_wi=3",
-            },
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-having-hair-treatment-latino-hair-salon_23-2150555156.jpg?_wi=4",
-          imageAlt: "professional coloring brush highlights",
+            { imageSrc: "http://img.b2bpic.net/free-photo/young-black-people-taking-care-afro-hair_23-2149575437.jpg" },
+            { imageSrc: "http://img.b2bpic.net/free-photo/young-black-people-taking-care-afro-hair_23-2149575437.jpg" },
+          ]
         },
         {
-          title: "Manicures & Pedicures",
-          description: "Detail-oriented nail care for long-lasting, beautiful results.",
-          icon: Heart,
+          title: "Manicures & Pedicures",          description: "Detail-oriented nail care for long-lasting, beautiful results.",          icon: Heart,
           mediaItems: [
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/beautiful-female-hands-finger-nail-treatment-making-process-professional-nail-file-drill-action-beauty-hand-care-concept_343596-1831.jpg?_wi=1",
-            },
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/beautiful-female-hands-finger-nail-treatment-making-process-professional-nail-file-drill-action-beauty-hand-care-concept_343596-1831.jpg?_wi=2",
-            },
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/young-black-people-taking-care-afro-hair_23-2149575437.jpg?_wi=4",
-          imageAlt: "curly hair styling expert",
+            { imageSrc: "http://img.b2bpic.net/free-photo/beautiful-female-hands-finger-nail-treatment-making-process-professional-nail-file-drill-action-beauty-hand-care-concept_343596-1831.jpg" },
+            { imageSrc: "http://img.b2bpic.net/free-photo/beautiful-female-hands-finger-nail-treatment-making-process-professional-nail-file-drill-action-beauty-hand-care-concept_343596-1831.jpg" },
+          ]
         },
         {
-          title: "Facials & Skincare",
-          description: "Rejuvenating treatments for radiant, healthy skin.",
-          icon: Sun,
+          title: "Facials & Skincare",          description: "Rejuvenating treatments for radiant, healthy skin.",          icon: Sun,
           mediaItems: [
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-face-treatment-close-up_23-2149144923.jpg?_wi=1",
-            },
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-face-treatment-close-up_23-2149144923.jpg?_wi=2",
-            },
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-female-hands-finger-nail-treatment-making-process-professional-nail-file-drill-action-beauty-hand-care-concept_343596-1831.jpg?_wi=3",
-          imageAlt: "manicure nail care salon",
+            { imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-face-treatment-close-up_23-2149144923.jpg" },
+            { imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-face-treatment-close-up_23-2149144923.jpg" },
+          ]
         },
         {
-          title: "Permanent Makeup",
-          description: "Professional brow and aesthetic enhancements.",
-          icon: Palette,
+          title: "Permanent Makeup",          description: "Professional brow and aesthetic enhancements.",          icon: Palette,
           mediaItems: [
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/beautician-doing-microblading-procedure_23-2149102727.jpg?_wi=1",
-            },
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/beautician-doing-microblading-procedure_23-2149102727.jpg?_wi=2",
-            },
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-face-treatment-close-up_23-2149144923.jpg?_wi=3",
-          imageAlt: "facial skincare treatment salon",
+            { imageSrc: "http://img.b2bpic.net/free-photo/beautician-doing-microblading-procedure_23-2149102727.jpg" },
+            { imageSrc: "http://img.b2bpic.net/free-photo/beautician-doing-microblading-procedure_23-2149102727.jpg" },
+          ]
         },
       ]}
       title="Our Signature Services"
@@ -214,59 +132,25 @@ export default function LandingPage() {
       useInvertedBackground={true}
       testimonials={[
         {
-          id: "t1",
-          name: "Sarah J.",
-          role: "Regular Client",
-          company: "Local Resident",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-treatment-hairdresser-shop_23-2149229812.jpg?_wi=1",
-        },
+          id: "t1",          name: "Sarah J.",          role: "Regular Client",          company: "Local Resident",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-treatment-hairdresser-shop_23-2149229812.jpg"},
         {
-          id: "t2",
-          name: "Mark D.",
-          role: "Short Cut",
-          company: "Local Resident",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-combing-hair-bed_23-2147767632.jpg",
-        },
+          id: "t2",          name: "Mark D.",          role: "Short Cut",          company: "Local Resident",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-combing-hair-bed_23-2147767632.jpg"},
         {
-          id: "t3",
-          name: "Kara L.",
-          role: "Highlights",
-          company: "Local Resident",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-with-mobile-phone_329181-15806.jpg",
-        },
+          id: "t3",          name: "Kara L.",          role: "Highlights",          company: "Local Resident",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-with-mobile-phone_329181-15806.jpg"},
         {
-          id: "t4",
-          name: "Lynsie B.",
-          role: "Curly Hair",
-          company: "Local Resident",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/side-view-happy-bride-holding-smartphone_23-2149722007.jpg",
-        },
+          id: "t4",          name: "Lynsie B.",          role: "Curly Hair",          company: "Local Resident",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/side-view-happy-bride-holding-smartphone_23-2149722007.jpg"},
         {
-          id: "t5",
-          name: "Elena R.",
-          role: "Full Spa",
-          company: "Local Resident",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-treatment-hairdresser-shop_23-2149229812.jpg?_wi=2",
-        },
+          id: "t5",          name: "Elena R.",          role: "Full Spa",          company: "Local Resident",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-treatment-hairdresser-shop_23-2149229812.jpg"},
       ]}
       kpiItems={[
-        {
-          value: "100%",
-          label: "Client Satisfaction",
-        },
-        {
-          value: "15+",
-          label: "Years Experience",
-        },
-        {
-          value: "500+",
-          label: "Happy Clients",
-        },
+        { value: "100%", label: "Client Satisfaction" },
+        { value: "15+", label: "Years Experience" },
+        { value: "500+", label: "Happy Clients" },
       ]}
       title="Client Experiences"
       description="Hear what our wonderful clients are saying about their time at the salon."
@@ -280,30 +164,10 @@ export default function LandingPage() {
       gridVariant="three-columns-all-equal-width"
       useInvertedBackground={false}
       members={[
-        {
-          id: "m1",
-          name: "Tiffany",
-          role: "Senior Stylist",
-          imageSrc: "http://img.b2bpic.net/free-photo/pretty-woman-singing_1187-3682.jpg",
-        },
-        {
-          id: "m2",
-          name: "Margaret",
-          role: "Color Expert",
-          imageSrc: "http://img.b2bpic.net/free-photo/business-woman-portrait_93675-133099.jpg",
-        },
-        {
-          id: "m3",
-          name: "Lynsie",
-          role: "Curly Hair Specialist",
-          imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-getting-ready-client_23-2149319757.jpg",
-        },
-        {
-          id: "m4",
-          name: "Sarah",
-          role: "Nail Technician",
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-holding-face-brush-doing-make-up_259150-60134.jpg",
-        },
+        { id: "m1", name: "Tiffany", role: "Senior Stylist", imageSrc: "http://img.b2bpic.net/free-photo/pretty-woman-singing_1187-3682.jpg" },
+        { id: "m2", name: "Margaret", role: "Color Expert", imageSrc: "http://img.b2bpic.net/free-photo/business-woman-portrait_93675-133099.jpg" },
+        { id: "m3", name: "Lynsie", role: "Curly Hair Specialist", imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-getting-ready-client_23-2149319757.jpg" },
+        { id: "m4", name: "Sarah", role: "Nail Technician", imageSrc: "http://img.b2bpic.net/free-photo/woman-holding-face-brush-doing-make-up_259150-60134.jpg" },
       ]}
       title="Meet Our Expert Team"
       description="Our passionate stylists are here to transform your look and boost your confidence."
@@ -316,25 +180,10 @@ export default function LandingPage() {
       title="Ready for Your Transformation?"
       description="Contact us today to book your appointment and discover your new favorite salon."
       inputs={[
-        {
-          name: "name",
-          type: "text",
-          placeholder: "Your Name",
-          required: true,
-        },
-        {
-          name: "email",
-          type: "email",
-          placeholder: "Your Email",
-          required: true,
-        },
+        { name: "name", type: "text", placeholder: "Your Name", required: true },
+        { name: "email", type: "email", placeholder: "Your Email", required: true },
       ]}
-      textarea={{
-        name: "message",
-        placeholder: "Tell us about your needs",
-        rows: 4,
-        required: true,
-      }}
+      textarea={{ name: "message", placeholder: "Tell us about your needs", rows: 4, required: true }}
       imageSrc="http://img.b2bpic.net/free-photo/hotel-lobby_23-2149397559.jpg"
     />
   </div>
@@ -343,42 +192,21 @@ export default function LandingPage() {
       <FooterBase
       columns={[
         {
-          title: "Navigation",
-          items: [
-            {
-              label: "Home",
-              href: "#hero",
-            },
-            {
-              label: "Services",
-              href: "#services",
-            },
-            {
-              label: "Book Now",
-              href: "#contact",
-            },
+          title: "Navigation",          items: [
+            { label: "Home", href: "#hero" },
+            { label: "Services", href: "#services" },
+            { label: "Book Now", href: "#contact" },
           ],
         },
         {
-          title: "Social",
-          items: [
-            {
-              label: "Instagram",
-              href: "#",
-            },
-            {
-              label: "Facebook",
-              href: "#",
-            },
+          title: "Social",          items: [
+            { label: "Instagram", href: "#" },
+            { label: "Facebook", href: "#" },
           ],
         },
         {
-          title: "Legal",
-          items: [
-            {
-              label: "Privacy Policy",
-              href: "#",
-            },
+          title: "Legal",          items: [
+            { label: "Privacy Policy", href: "#" },
           ],
         },
       ]}
@@ -388,4 +216,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file
-- 
2.49.1