From 4cb7c2d301b5faf7bc5bdc71d0b2a08452c82f63 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sun, 24 May 2026 09:26:29 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 381 ++++++++---------------------------------------
 1 file changed, 61 insertions(+), 320 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index c9762e8..9f75910 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -32,22 +32,10 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleApple
       navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "Listino",
-          id: "pricing",
-        },
-        {
-          name: "Chi Siamo",
-          id: "team",
-        },
-        {
-          name: "Contatti",
-          id: "contact",
-        },
+        { name: "Home", id: "hero" },
+        { name: "Listino", id: "pricing" },
+        { name: "Chi Siamo", id: "team" },
+        { name: "Contatti", id: "contact" },
       ]}
       brandName="Frank Parrucchiere"
     />
@@ -55,114 +43,41 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroSplitDoubleCarousel
-      background={{
-        variant: "radial-gradient",
-      }}
+      background={{ variant: "radial-gradient" }}
       title="Il tuo stile. La tua firma."
       description="Frank Parrucchiere è il punto di riferimento a Palermo per il grooming maschile di lusso. Esperti in taglio, barba e cura del viso."
       leftCarouselItems={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/customer-watching-magazine-barbershop_23-2147737098.jpg?_wi=1",
-          imageAlt: "Barber shop interior",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-bearded-young-man-sitting-cafe-using-mobile-phone_23-2148176693.jpg",
-          imageAlt: "Barber shop interior",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-getting-haircut_23-2149141753.jpg",
-          imageAlt: "Barber shop interior",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/man-hair-salon-facing-camera_23-2148242763.jpg",
-          imageAlt: "Barber shop interior",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/brown-vintage-leather-chair-stylish-barber-shop_627829-6180.jpg",
-          imageAlt: "Barber shop interior",
-        },
+        { imageSrc: "http://img.b2bpic.net/free-photo/customer-watching-magazine-barbershop_23-2147737098.jpg", imageAlt: "Barber shop interior" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/portrait-bearded-young-man-sitting-cafe-using-mobile-phone_23-2148176693.jpg", imageAlt: "Barber shop interior" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-getting-haircut_23-2149141753.jpg", imageAlt: "Barber shop interior" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/man-hair-salon-facing-camera_23-2148242763.jpg", imageAlt: "Barber shop interior" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/brown-vintage-leather-chair-stylish-barber-shop_627829-6180.jpg", imageAlt: "Barber shop interior" },
       ]}
       rightCarouselItems={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/male-hairdresser-posing-salon_23-2150462487.jpg",
-          imageAlt: "Barber shop interior",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/world-theatre-day-celebration_23-2151185640.jpg",
-          imageAlt: "Barber shop interior",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-details-hairdresser-salon_23-2149205854.jpg",
-          imageAlt: "Barber shop interior",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/master-hairdresser-prepares-face-shaving-barber-shop_613910-4252.jpg",
-          imageAlt: "Barber shop interior",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/barber-showing-man-his-haircut-mirror_107420-94782.jpg",
-          imageAlt: "Barber shop interior",
-        },
+        { imageSrc: "http://img.b2bpic.net/free-photo/male-hairdresser-posing-salon_23-2150462487.jpg", imageAlt: "Barber shop interior" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/world-theatre-day-celebration_23-2151185640.jpg", imageAlt: "Barber shop interior" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/close-up-details-hairdresser-salon_23-2149205854.jpg", imageAlt: "Barber shop interior" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/master-hairdresser-prepares-face-shaving-barber-shop_613910-4252.jpg", imageAlt: "Barber shop interior" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/barber-showing-man-his-haircut-mirror_107420-94782.jpg", imageAlt: "Barber shop interior" },
       ]}
       buttons={[
-        {
-          text: "Prenota online",
-          href: "#contact",
-        },
-        {
-          text: "WhatsApp",
-          href: "https://wa.me/393289518760",
-        },
+        { text: "Prenota online", href: "#contact" },
+        { text: "WhatsApp", href: "https://wa.me/393289518760" },
       ]}
       avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/young-man-barber-s-shop-getting-his-beard-trimmed_23-2149186494.jpg",
-          alt: "Customer 1",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/medium-shot-hairdresser-washing-man-s-hair_23-2150665394.jpg",
-          alt: "Customer 2",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/front-view-baber-shop-chiar_23-2148506337.jpg",
-          alt: "Customer 3",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/portrait-bearded-hipster-male-with-stylish-haircut-sits-chair-hairdresser-s-salon_613910-13412.jpg",
-          alt: "Customer 4",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/male-barber-sitting-his-shop_23-2149186515.jpg",
-          alt: "Customer 5",
-        },
+        { src: "http://img.b2bpic.net/free-photo/young-man-barber-s-shop-getting-his-beard-trimmed_23-2149186494.jpg", alt: "Customer 1" },
+        { src: "http://img.b2bpic.net/free-photo/medium-shot-hairdresser-washing-man-s-hair_23-2150665394.jpg", alt: "Customer 2" },
+        { src: "http://img.b2bpic.net/free-photo/front-view-baber-shop-chiar_23-2148506337.jpg", alt: "Customer 3" },
+        { src: "http://img.b2bpic.net/free-photo/portrait-bearded-hipster-male-with-stylish-haircut-sits-chair-hairdresser-s-salon_613910-13412.jpg", alt: "Customer 4" },
+        { src: "http://img.b2bpic.net/free-photo/male-barber-sitting-his-shop_23-2149186515.jpg", alt: "Customer 5" },
       ]}
       avatarText="Oltre 500+ clienti felici"
       marqueeItems={[
-        {
-          type: "image",
-          src: "http://img.b2bpic.net/free-photo/young-man-barber-s-shop-getting-his-beard-trimmed_23-2149186493.jpg",
-          alt: "Brand 1",
-        },
-        {
-          type: "image",
-          src: "http://img.b2bpic.net/free-photo/customer-standing-front-mirror-barbershop_23-2148181953.jpg",
-          alt: "Brand 2",
-        },
-        {
-          type: "image",
-          src: "http://img.b2bpic.net/free-photo/hairdresser-cutting-man-s-hair-barber-shop_23-2149186474.jpg",
-          alt: "Brand 3",
-        },
-        {
-          type: "image",
-          src: "http://img.b2bpic.net/free-photo/close-up-washbasin_107420-94763.jpg",
-          alt: "Brand 4",
-        },
-        {
-          type: "image",
-          src: "http://img.b2bpic.net/free-photo/barber-tools-wooden-background-table_627829-6236.jpg",
-          alt: "Brand 5",
-        },
+        { type: "image", src: "http://img.b2bpic.net/free-photo/young-man-barber-s-shop-getting-his-beard-trimmed_23-2149186493.jpg", alt: "Brand 1" },
+        { type: "image", src: "http://img.b2bpic.net/free-photo/customer-standing-front-mirror-barbershop_23-2148181953.jpg", alt: "Brand 2" },
+        { type: "image", src: "http://img.b2bpic.net/free-photo/hairdresser-cutting-man-s-hair-barber-shop_23-2149186474.jpg", alt: "Brand 3" },
+        { type: "image", src: "http://img.b2bpic.net/free-photo/close-up-washbasin_107420-94763.jpg", alt: "Brand 4" },
+        { type: "image", src: "http://img.b2bpic.net/free-photo/barber-tools-wooden-background-table_627829-6236.jpg", alt: "Brand 5" },
       ]}
     />
   </div>
@@ -174,59 +89,17 @@ export default function LandingPage() {
       useInvertedBackground={false}
       plans={[
         {
-          id: "1",
-          title: "Taglio & Barba",
-          price: "€35",
-          period: "seduta",
-          features: [
-            "Taglio sartoriale",
-            "Modellatura barba",
-            "Impacco viso caldo",
-            "Rituale benessere",
-          ],
-          button: {
-            text: "Prenota",
-            href: "#contact",
-          },
-          imageSrc: "http://img.b2bpic.net/free-photo/young-man-barber-shop-after-getting-haircut_23-2149186513.jpg",
-          imageAlt: "luxury mens barbershop interior gold",
-        },
+          id: "1",          title: "Taglio & Barba",          price: "€35",          period: "seduta",          features: ["Taglio sartoriale", "Modellatura barba", "Impacco viso caldo", "Rituale benessere"],
+          button: { text: "Prenota", href: "#contact" },
+          imageSrc: "http://img.b2bpic.net/free-photo/young-man-barber-shop-after-getting-haircut_23-2149186513.jpg",          imageAlt: "luxury mens barbershop interior gold"},
         {
-          id: "2",
-          title: "Colorazione",
-          price: "€45",
-          period: "seduta",
-          features: [
-            "Copertura grigio",
-            "Tinta specifica uomo",
-            "Trattamento rinvigorente",
-            "Styling finale",
-          ],
-          button: {
-            text: "Prenota",
-            href: "#contact",
-          },
-          imageSrc: "http://img.b2bpic.net/free-photo/customer-watching-magazine-barbershop_23-2147737098.jpg?_wi=2",
-          imageAlt: "luxury mens barbershop interior gold",
-        },
+          id: "2",          title: "Colorazione",          price: "€45",          period: "seduta",          features: ["Copertura grigio", "Tinta specifica uomo", "Trattamento rinvigorente", "Styling finale"],
+          button: { text: "Prenota", href: "#contact" },
+          imageSrc: "http://img.b2bpic.net/free-photo/customer-watching-magazine-barbershop_23-2147737098.jpg",          imageAlt: "luxury mens barbershop interior gold"},
         {
-          id: "3",
-          title: "Servizio Completo",
-          price: "€70",
-          period: "seduta",
-          features: [
-            "Taglio completo",
-            "Barba ritual",
-            "Colorazione",
-            "Consulenza stile",
-          ],
-          button: {
-            text: "Prenota",
-            href: "#contact",
-          },
-          imageSrc: "http://img.b2bpic.net/free-photo/closeup-shoe-brush-polish_53876-32091.jpg?_wi=1",
-          imageAlt: "luxury mens barbershop interior gold",
-        },
+          id: "3",          title: "Servizio Completo",          price: "€70",          period: "seduta",          features: ["Taglio completo", "Barba ritual", "Colorazione", "Consulenza stile"],
+          button: { text: "Prenota", href: "#contact" },
+          imageSrc: "http://img.b2bpic.net/free-photo/closeup-shoe-brush-polish_53876-32091.jpg",          imageAlt: "luxury mens barbershop interior gold"},
       ]}
       title="Listino Prezzi"
       description="Servizi esclusivi per uomo."
@@ -240,42 +113,12 @@ export default function LandingPage() {
       gridVariant="three-columns-all-equal-width"
       useInvertedBackground={false}
       products={[
-        {
-          id: "p1",
-          name: "Wella Styling Clay",
-          price: "€22",
-          imageSrc: "http://img.b2bpic.net/free-photo/closeup-shoe-brush-polish_53876-32091.jpg?_wi=2",
-        },
-        {
-          id: "p2",
-          name: "L'Oréal Homme Gel",
-          price: "€18",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-selfcare-products_23-2149313028.jpg",
-        },
-        {
-          id: "p3",
-          name: "Wella Beard Oil",
-          price: "€25",
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-male-self-care-items_23-2150347094.jpg",
-        },
-        {
-          id: "p4",
-          name: "L'Oréal Fortifying Shampoo",
-          price: "€20",
-          imageSrc: "http://img.b2bpic.net/free-photo/pleased-slavic-middle-aged-male-barber-uniform-holding-barber-tools-isolated-purple-wall_141793-91610.jpg",
-        },
-        {
-          id: "p5",
-          name: "Professional Comb",
-          price: "€12",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-rake-near-collar_23-2147799914.jpg",
-        },
-        {
-          id: "p6",
-          name: "Wella Matte Pomade",
-          price: "€22",
-          imageSrc: "http://img.b2bpic.net/free-photo/cosmetic-bottle-with-luxurious-art-nouveau-inspired-sun-relief-background_23-2151420743.jpg",
-        },
+        { id: "p1", name: "Wella Styling Clay", price: "€22", imageSrc: "http://img.b2bpic.net/free-photo/closeup-shoe-brush-polish_53876-32091.jpg" },
+        { id: "p2", name: "L'Oréal Homme Gel", price: "€18", imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-selfcare-products_23-2149313028.jpg" },
+        { id: "p3", name: "Wella Beard Oil", price: "€25", imageSrc: "http://img.b2bpic.net/free-photo/top-view-male-self-care-items_23-2150347094.jpg" },
+        { id: "p4", name: "L'Oréal Fortifying Shampoo", price: "€20", imageSrc: "http://img.b2bpic.net/free-photo/pleased-slavic-middle-aged-male-barber-uniform-holding-barber-tools-isolated-purple-wall_141793-91610.jpg" },
+        { id: "p5", name: "Professional Comb", price: "€12", imageSrc: "http://img.b2bpic.net/free-photo/close-up-rake-near-collar_23-2147799914.jpg" },
+        { id: "p6", name: "Wella Matte Pomade", price: "€22", imageSrc: "http://img.b2bpic.net/free-photo/cosmetic-bottle-with-luxurious-art-nouveau-inspired-sun-relief-background_23-2151420743.jpg" },
       ]}
       title="I Nostri Prodotti"
       description="Usiamo solo prodotti professionali Wella e L'Oréal."
@@ -289,33 +132,14 @@ export default function LandingPage() {
       useInvertedBackground={false}
       groups={[
         {
-          id: "g1",
-          groupTitle: "Team Frank",
-          members: [
+          id: "g1",          groupTitle: "Team Frank",          members: [
             {
-              id: "m1",
-              title: "Frank",
-              subtitle: "Master Barber",
-              detail: "Fondatore del salone.",
-              imageSrc: "http://img.b2bpic.net/free-photo/close-up-priest-his-lunch-time_23-2149284678.jpg",
-            },
+              id: "m1",              title: "Frank",              subtitle: "Master Barber",              detail: "Fondatore del salone.",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-priest-his-lunch-time_23-2149284678.jpg"},
             {
-              id: "m2",
-              title: "Marco",
-              subtitle: "Senior Barber",
-              detail: "Modellatura barba.",
-              imageSrc: "http://img.b2bpic.net/free-photo/employees-grocery-stores-coffee-shop-concept-silly-cute-smiling-lovely-barista-cafe-worker-waiter-black-apron-hold-hands-face-grinning-delighted-standing-white-background_1258-58992.jpg",
-            },
+              id: "m2",              title: "Marco",              subtitle: "Senior Barber",              detail: "Modellatura barba.",              imageSrc: "http://img.b2bpic.net/free-photo/employees-grocery-stores-coffee-shop-concept-silly-cute-smiling-lovely-barista-cafe-worker-waiter-black-apron-hold-hands-face-grinning-delighted-standing-white-background_1258-58992.jpg"},
             {
-              id: "m3",
-              title: "Luca",
-              subtitle: "Stylist",
-              detail: "Colorazione e tendenze.",
-              imageSrc: "http://img.b2bpic.net/free-photo/barber-man-apron-cutting-his-beard-with-scissors-standing-pink-background_141793-67025.jpg",
-            },
+              id: "m3",              title: "Luca",              subtitle: "Stylist",              detail: "Colorazione e tendenze.",              imageSrc: "http://img.b2bpic.net/free-photo/barber-man-apron-cutting-his-beard-with-scissors-standing-pink-background_141793-67025.jpg"},
           ],
-          imageSrc: "http://img.b2bpic.net/free-photo/customer-watching-magazine-barbershop_23-2147737098.jpg?_wi=3",
-          imageAlt: "barber portrait professional black apron",
         },
       ]}
       title="Il Nostro Staff"
@@ -329,41 +153,11 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={false}
       testimonials={[
-        {
-          id: "t1",
-          name: "Alessandro",
-          handle: "@alex",
-          testimonial: "Atmosfera incredibile.",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-adult-pressing-buzzer-button_23-2149586556.jpg",
-        },
-        {
-          id: "t2",
-          name: "Giuseppe",
-          handle: "@giup",
-          testimonial: "Barba perfetta.",
-          imageSrc: "http://img.b2bpic.net/free-photo/shaving-concept-with-attractive-young-man_23-2148121924.jpg",
-        },
-        {
-          id: "t3",
-          name: "Salvatore",
-          handle: "@salvo",
-          testimonial: "Servizio eccellente.",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-maledressed-suit-grey-background_613910-1592.jpg",
-        },
-        {
-          id: "t4",
-          name: "Francesco",
-          handle: "@fran",
-          testimonial: "Frank è un maestro.",
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-bearded-man-grey-sweatshirt-wearing-red-glasses-looking-smiling-showing-thumb-up_141793-111533.jpg",
-        },
-        {
-          id: "t5",
-          name: "Antonio",
-          handle: "@anto",
-          testimonial: "Taglio preciso.",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-sexy-handsome-fashion-businessman-model-dressed-elegant-blue-suit-posing-street-background-metrosexual_158538-10521.jpg",
-        },
+        { id: "t1", name: "Alessandro", handle: "@alex", testimonial: "Atmosfera incredibile.", imageSrc: "http://img.b2bpic.net/free-photo/young-adult-pressing-buzzer-button_23-2149586556.jpg" },
+        { id: "t2", name: "Giuseppe", handle: "@giup", testimonial: "Barba perfetta.", imageSrc: "http://img.b2bpic.net/free-photo/shaving-concept-with-attractive-young-man_23-2148121924.jpg" },
+        { id: "t3", name: "Salvatore", handle: "@salvo", testimonial: "Servizio eccellente.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-maledressed-suit-grey-background_613910-1592.jpg" },
+        { id: "t4", name: "Francesco", handle: "@fran", testimonial: "Frank è un maestro.", imageSrc: "http://img.b2bpic.net/free-photo/happy-bearded-man-grey-sweatshirt-wearing-red-glasses-looking-smiling-showing-thumb-up_141793-111533.jpg" },
+        { id: "t5", name: "Antonio", handle: "@anto", testimonial: "Taglio preciso.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-sexy-handsome-fashion-businessman-model-dressed-elegant-blue-suit-posing-street-background-metrosexual_158538-10521.jpg" },
       ]}
       title="Dicono di Noi"
       description="L'esperienza dei nostri clienti."
@@ -375,21 +169,9 @@ export default function LandingPage() {
       useInvertedBackground={false}
       title="La Nostra Missione"
       metrics={[
-        {
-          icon: Scissors,
-          label: "Tagli eseguiti",
-          value: "15k+",
-        },
-        {
-          icon: Award,
-          label: "Anni di esperienza",
-          value: "10+",
-        },
-        {
-          icon: Smile,
-          label: "Clienti soddisfatti",
-          value: "99%",
-        },
+        { icon: Scissors, label: "Tagli eseguiti", value: "15k+" },
+        { icon: Award, label: "Anni di esperienza", value: "10+" },
+        { icon: Smile, label: "Clienti soddisfatti", value: "99%" },
       ]}
       metricsAnimation="slide-up"
     />
@@ -399,21 +181,9 @@ export default function LandingPage() {
       <FaqSplitText
       useInvertedBackground={false}
       faqs={[
-        {
-          id: "f1",
-          title: "Accettate prenotazioni?",
-          content: "Sì, consigliamo la prenotazione online.",
-        },
-        {
-          id: "f2",
-          title: "Dove vi trovate?",
-          content: "Nel cuore di Palermo.",
-        },
-        {
-          id: "f3",
-          title: "Prodotti professionali?",
-          content: "Wella e L'Oréal.",
-        },
+        { id: "f1", title: "Accettate prenotazioni?", content: "Sì, consigliamo la prenotazione online." },
+        { id: "f2", title: "Dove vi trovate?", content: "Nel cuore di Palermo." },
+        { id: "f3", title: "Prodotti professionali?", content: "Wella e L'Oréal." },
       ]}
       sideTitle="Domande Frequenti"
       sideDescription="Tutto quello che devi sapere."
@@ -424,46 +194,17 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactText
       useInvertedBackground={false}
-      background={{
-        variant: "rotated-rays-animated",
-      }}
+      background={{ variant: "rotated-rays-animated" }}
       text="Prenota il tuo stile.\n\nPalermo\nMar–Sab 9:00–18:00\n328 951 8760"
-      buttons={[
-        {
-          text: "WhatsApp",
-          href: "https://wa.me/393289518760",
-        },
-      ]}
+      buttons={[{ text: "WhatsApp", href: "https://wa.me/393289518760" }]}
     />
   </div>
 
   <div id="footer" data-section="footer">
       <FooterLogoEmphasis
       columns={[
-        {
-          items: [
-            {
-              label: "Home",
-              href: "#hero",
-            },
-            {
-              label: "Listino",
-              href: "#pricing",
-            },
-          ],
-        },
-        {
-          items: [
-            {
-              label: "Contatti",
-              href: "#contact",
-            },
-            {
-              label: "WhatsApp",
-              href: "https://wa.me/393289518760",
-            },
-          ],
-        },
+        { items: [{ label: "Home", href: "#hero" }, { label: "Listino", href: "#pricing" }] },
+        { items: [{ label: "Contatti", href: "#contact" }, { label: "WhatsApp", href: "https://wa.me/393289518760" }] },
       ]}
       logoText="Frank Parrucchiere"
     />