Update src/app/page.tsx

Merge version_3 into main

src/app/page.tsx

@@ -3,16 +3,15 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import AboutMetric from '@/components/sections/about/AboutMetric';
-import ContactText from '@/components/sections/contact/ContactText';
+import ContactCenter from '@/components/sections/contact/ContactCenter';
-import FaqSplitText from '@/components/sections/faq/FaqSplitText';
+import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
-import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
 import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
 import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
 import ProductCardOne from '@/components/sections/product/ProductCardOne';
 import TeamCardEleven from '@/components/sections/team/TeamCardEleven';
-import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
+import TimelineCardStack from '@/components/cardStack/layouts/timelines/TimelineCardStack';
-import { Award, Scissors, Smile } from "lucide-react";
+import { Award, Scissors, Smile, MapPin, Phone, Clock, GraduationCap } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -47,38 +46,43 @@ export default function LandingPage() {
       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: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EAGUdf6FSzDtzqt2SK6ZD5lytj/uploaded-1779615548669-ewdn4at8.jpg", imageAlt: "Galleria Frank Parrucchiere 1" },
-        { imageSrc: "http://img.b2bpic.net/free-photo/portrait-bearded-young-man-sitting-cafe-using-mobile-phone_23-2148176693.jpg", imageAlt: "Barber shop interior" },
+        { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EAGUdf6FSzDtzqt2SK6ZD5lytj/uploaded-1779615548670-o62blipq.jpg", imageAlt: "Galleria Frank Parrucchiere 2" },
-        { 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: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EAGUdf6FSzDtzqt2SK6ZD5lytj/uploaded-1779615548670-jk7gf02o.jpg", imageAlt: "Galleria Frank Parrucchiere 3" },
-        { imageSrc: "http://img.b2bpic.net/free-photo/world-theatre-day-celebration_23-2151185640.jpg", imageAlt: "Barber shop interior" },
+        { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EAGUdf6FSzDtzqt2SK6ZD5lytj/uploaded-1779615548670-ww8ylv91.jpg", imageAlt: "Galleria Frank Parrucchiere 4" },
-        { 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" },
       ]}
-      avatars={[
+    />
-        { src: "http://img.b2bpic.net/free-photo/young-man-barber-s-shop-getting-his-beard-trimmed_23-2149186494.jpg", alt: "Customer 1" },
+  </div>
-        { 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" },
+  <div id="training" data-section="training">
-        { 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" },
+    <TimelineCardStack
-        { src: "http://img.b2bpic.net/free-photo/male-barber-sitting-his-shop_23-2149186515.jpg", alt: "Customer 5" },
+      title="Formazione d'eccellenza"
-      ]}
+      description="Dal 1998, il nostro team partecipa costantemente ai migliori corsi di formazione nazionale e internazionale. Questa dedizione ci permette di padroneggiare le tecniche più avanzate di hair care e grooming, garantendo risultati sartoriali basati su esperienza pluridecennale."
-      avatarText="Oltre 500+ clienti felici"
+      tag="Esperienza"
-      marqueeItems={[
+      tagIcon={GraduationCap}
-        { type: "image", src: "http://img.b2bpic.net/free-photo/young-man-barber-s-shop-getting-his-beard-trimmed_23-2149186493.jpg", alt: "Brand 1" },
+      textboxLayout="split"
-        { 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" },
+      {/* Content for timeline */}
-        { type: "image", src: "http://img.b2bpic.net/free-photo/close-up-washbasin_107420-94763.jpg", alt: "Brand 4" },
+      <div className="p-4">Contenuto temporale</div>
-        { type: "image", src: "http://img.b2bpic.net/free-photo/barber-tools-wooden-background-table_627829-6236.jpg", alt: "Brand 5" },
+    </TimelineCardStack>
+  </div>
+
+  <div id="about" data-section="about">
+    <AboutMetric
+      title="La nostra passione"
+      metrics={[
+        { icon: MapPin, label: "Dove siamo", value: "Palermo" },
+        { icon: Clock, label: "Orari", value: "Mar–Sab 9:00–18:00" },
+        { icon: Phone, label: "Chiama ora", value: "328 951 8760" },
       ]}
+      metricsAnimation="slide-up"
+      useInvertedBackground={true}
     />
   </div>
 
@@ -88,18 +92,8 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={false}
       plans={[
-        {
+        { id: "1", title: "Taglio & Barba", price: "€35", period: "seduta", features: ["Taglio sartoriale", "Modellatura barba", "Impacco viso caldo"], button: { text: "Prenota", href: "#contact" } },
-          id: "1",          title: "Taglio & Barba",          price: "€35",          period: "seduta",          features: ["Taglio sartoriale", "Modellatura barba", "Impacco viso caldo", "Rituale benessere"],
+        { id: "2", title: "Servizio Completo", price: "€70", period: "seduta", features: ["Taglio completo", "Barba ritual", "Colorazione professionale"], button: { text: "Prenota", href: "#contact" } },
-          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: "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"},
       ]}
       title="Listino Prezzi"
       description="Servizi esclusivi per uomo."
@@ -111,14 +105,10 @@ export default function LandingPage() {
       animationType="slide-up"
       textboxLayout="split"
       gridVariant="three-columns-all-equal-width"
-      useInvertedBackground={false}
+      useInvertedBackground={true}
       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: "p2", name: "L'Oréal Homme Gel", price: "€18", imageSrc: "http://img.b2bpic.net/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."
@@ -131,85 +121,34 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={false}
       groups={[
-        {
+        { id: "g1", groupTitle: "Team Frank", members: [{ id: "m1", title: "Frank", subtitle: "Master Barber", detail: "Fondatore del salone." }] },
-          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: "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"},
-          ],
-        },
       ]}
-      title="Il Nostro Staff"
+      title="Chi Siamo"
       description="Artigiani dello stile a tua disposizione."
     />
   </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardSix
-      animationType="slide-up"
-      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" },
-      ]}
-      title="Dicono di Noi"
-      description="L'esperienza dei nostri clienti."
-    />
-  </div>
-
-  <div id="about" data-section="about">
-      <AboutMetric
-      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%" },
-      ]}
-      metricsAnimation="slide-up"
-    />
-  </div>
-
-  <div id="faq" data-section="faq">
-      <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." },
-      ]}
-      sideTitle="Domande Frequenti"
-      sideDescription="Tutto quello che devi sapere."
-      faqsAnimation="slide-up"
-    />
-  </div>
-
   <div id="contact" data-section="contact">
-      <ContactText
+    <ContactCenter
-      useInvertedBackground={false}
+      tag="Contatti"
+      title="Prenota il tuo appuntamento"
+      description="Vieni a trovarci in via Lussemburgo 74, Palermo. Chiama il 328 951 8760 o prenota online."
       background={{ variant: "rotated-rays-animated" }}
-      text="Prenota il tuo stile.\n\nPalermo\nMar–Sab 9:00–18:00\n328 951 8760"
+      useInvertedBackground={true}
-      buttons={[{ text: "WhatsApp", href: "https://wa.me/393289518760" }]}
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterLogoEmphasis
+      <FooterBaseReveal
       columns={[
-        { items: [{ label: "Home", href: "#hero" }, { label: "Listino", href: "#pricing" }] },
+        { title: "Navigation", items: [{ label: "Home", href: "#hero" }, { label: "Listino", href: "#pricing" }] },
-        { items: [{ label: "Contatti", href: "#contact" }, { label: "WhatsApp", href: "https://wa.me/393289518760" }] },
+        { title: "Info", items: [{ label: "Contatti", href: "#contact" }, { label: "Prodotti", href: "#products" }] },
       ]}
       logoText="Frank Parrucchiere"
+      copyrightText="© 2024 Frank Parrucchiere. Tutti i diritti riservati."
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}