From 2c46349662a8a20b128cceb1842ae10a022a6054 Mon Sep 17 00:00:00 2001 From: bender Date: Sun, 7 Jun 2026 21:10:32 +0000 Subject: [PATCH] Update src/app/page.tsx --- src/app/page.tsx | 444 ++++++++++------------------------------------- 1 file changed, 96 insertions(+), 348 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index fe4c89d..eacfe93 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -12,7 +12,7 @@ import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatin import PricingCardNine from '@/components/sections/pricing/PricingCardNine'; import ProductCardFour from '@/components/sections/product/ProductCardFour'; import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen'; -import { Crop, Sparkles } from "lucide-react"; +import { Crop, Sparkles, Scissors, Razor, Award } from "lucide-react"; export default function LandingPage() { return ( @@ -33,33 +33,21 @@ export default function LandingPage() { @@ -67,111 +55,61 @@ export default function LandingPage() { @@ -182,32 +120,16 @@ export default function LandingPage() { useInvertedBackground={true} features={[ { - title: "TAGLIO CLASSICO", - description: "Taglio tradizionale con forbice e rasoio. Durata: 45 min, Prezzo: €20", - imageSrc: "http://img.b2bpic.net/free-vector/illustration-set-barber-shop-vector_53876-81102.jpg?_wi=2", - imageAlt: "barber scissors icon outline navy", - buttonIcon: "Scissors", + title: "TAGLIO CLASSICO", description: "Taglio tradizionale con forbice e rasoio. Durata: 45 min, Prezzo: €20", imageSrc: "http://img.b2bpic.net/free-vector/illustration-set-barber-shop-vector_53876-81102.jpg", imageAlt: "barber scissors icon outline navy", buttonIcon: Scissors, }, { - title: "RASATURA COMPLETA", - description: "Barba con asciugamano caldo e prodotti premium. Durata: 30 min, Prezzo: €15", - imageSrc: "http://img.b2bpic.net/free-photo/adorable-pet-enjoying-spa-day-illustration_23-2151841562.jpg?_wi=2", - imageAlt: "straight razor icon outline red", - buttonIcon: "Razor", + title: "RASATURA COMPLETA", description: "Barba con asciugamano caldo e prodotti premium. Durata: 30 min, Prezzo: €15", imageSrc: "http://img.b2bpic.net/free-photo/adorable-pet-enjoying-spa-day-illustration_23-2151841562.jpg", imageAlt: "straight razor icon outline red", buttonIcon: Razor, }, { - title: "COMBO COMPLETA", - description: "Taglio + Barba + Trattamento viso. Durata: 75 min, Prezzo: €30", - imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-handsome-male-barber-uniform-holding-hair-clippers-showing-yes-gesture-isolated-pink_141793-73155.jpg?_wi=2", - imageAlt: "crown star icon outline red gold", - buttonIcon: "Award", + title: "COMBO COMPLETA", description: "Taglio + Barba + Trattamento viso. Durata: 75 min, Prezzo: €30", imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-handsome-male-barber-uniform-holding-hair-clippers-showing-yes-gesture-isolated-pink_141793-73155.jpg", imageAlt: "crown star icon outline red gold", buttonIcon: Award, }, { - title: "TAGLIO BAMBINO", - description: "Per i piccoli fino a 12 anni. Durata: 30 min, Prezzo: €15", - imageSrc: "http://img.b2bpic.net/free-photo/scissors-icon-front-side-white-background_187299-40200.jpg?_wi=1", - imageAlt: "small scissors icon outline navy kid", - buttonIcon: "Scissors", + title: "TAGLIO BAMBINO", description: "Per i piccoli fino a 12 anni. Durata: 30 min, Prezzo: €15", imageSrc: "http://img.b2bpic.net/free-photo/scissors-icon-front-side-white-background_187299-40200.jpg", imageAlt: "small scissors icon outline navy kid", buttonIcon: Scissors, }, ]} title="Prenota il Tuo Appuntamento" @@ -222,124 +144,47 @@ export default function LandingPage() { useInvertedBackground={false} plans={[ { - id: "taglio-classico", - title: "Taglio Classico", - price: "€20", - period: "45 min", - features: [ - "Forbice e rasoio", - "Styling incluso", - "Prodotti professionali", - ], + id: "taglio-classico", title: "Taglio Classico", price: "€20", period: "45 min", features: [ + "Forbice e rasoio", "Styling incluso", "Prodotti professionali"], button: { - text: "Prenota Ora", - href: "#booking", - }, - imageSrc: "http://img.b2bpic.net/free-photo/barbecue-utensil-set-wooden-table_23-2148206901.jpg", - imageAlt: "Barbecue utensil set on wooden table", - }, + text: "Prenota Ora", href: "#booking"}, + imageSrc: "http://img.b2bpic.net/free-photo/barbecue-utensil-set-wooden-table_23-2148206901.jpg", imageAlt: "Barbecue utensil set on wooden table"}, { - id: "taglio-macchinetta", - title: "Taglio con Macchinetta", - price: "€18", - period: "35 min", - features: [ - "Fade e sfumature moderne", - "Dettagli di precisione", - "Styling rapido", - ], + id: "taglio-macchinetta", title: "Taglio con Macchinetta", price: "€18", period: "35 min", features: [ + "Fade e sfumature moderne", "Dettagli di precisione", "Styling rapido"], button: { - text: "Prenota Ora", - href: "#booking", - }, - imageSrc: "http://img.b2bpic.net/free-photo/hair-equipment-paper-bag_23-2148352905.jpg?_wi=2", - imageAlt: "Barbecue utensil set on wooden table", - }, + text: "Prenota Ora", href: "#booking"}, + imageSrc: "http://img.b2bpic.net/free-photo/hair-equipment-paper-bag_23-2148352905.jpg", imageAlt: "Barbecue utensil set on wooden table"}, { - id: "rasatura-barba", - title: "Rasatura Barba", - price: "€15", - period: "30 min", - features: [ - "Asciugamano caldo", - "Rasoio tradizionale", - "Prodotti premium", - ], + id: "rasatura-barba", title: "Rasatura Barba", price: "€15", period: "30 min", features: [ + "Asciugamano caldo", "Rasoio tradizionale", "Prodotti premium"], button: { - text: "Prenota Ora", - href: "#booking", - }, - imageSrc: "http://img.b2bpic.net/free-photo/elderly-shoes-designer-is-making-laces-shoes-from-his-new-handmade-collection_613910-17415.jpg?_wi=3", - imageAlt: "Barbecue utensil set on wooden table", - }, + text: "Prenota Ora", href: "#booking"}, + imageSrc: "http://img.b2bpic.net/free-photo/elderly-shoes-designer-is-making-laces-shoes-from-his-new-handmade-collection_613910-17415.jpg", imageAlt: "Barbecue utensil set on wooden table"}, { - id: "sistemazione-barba", - title: "Sistemazione Barba", - price: "€10", - period: "20 min", - features: [ - "Rifinitura e contouring", - "Definizione del taglio", - "Idratazione", - ], + id: "sistemazione-barba", title: "Sistemazione Barba", price: "€10", period: "20 min", features: [ + "Rifinitura e contouring", "Definizione del taglio", "Idratazione"], button: { - text: "Prenota Ora", - href: "#booking", - }, - imageSrc: "http://img.b2bpic.net/free-vector/illustration-set-barber-shop-vector_53876-81102.jpg?_wi=3", - imageAlt: "Barbecue utensil set on wooden table", - }, + text: "Prenota Ora", href: "#booking"}, + imageSrc: "http://img.b2bpic.net/free-vector/illustration-set-barber-shop-vector_53876-81102.jpg", imageAlt: "Barbecue utensil set on wooden table"}, { - id: "combo-completa", - title: "Combo Completa", - price: "€30", - period: "75 min", - features: [ - "Taglio + Barba", - "Trattamento viso", - "Esperienza completa", - ], + id: "combo-completa", title: "Combo Completa", price: "€30", period: "75 min", features: [ + "Taglio + Barba", "Trattamento viso", "Esperienza completa"], button: { - text: "Prenota Ora", - href: "#booking", - }, - imageSrc: "http://img.b2bpic.net/free-photo/adorable-pet-enjoying-spa-day-illustration_23-2151841562.jpg?_wi=3", - imageAlt: "Barbecue utensil set on wooden table", - }, + text: "Prenota Ora", href: "#booking"}, + imageSrc: "http://img.b2bpic.net/free-photo/adorable-pet-enjoying-spa-day-illustration_23-2151841562.jpg", imageAlt: "Barbecue utensil set on wooden table"}, { - id: "taglio-bambino", - title: "Taglio Bambino", - price: "€15", - period: "30 min", - features: [ - "Per i piccoli fino a 12 anni", - "Ambiente accogliente", - "Taglio sicuro e veloce", - ], + id: "taglio-bambino", title: "Taglio Bambino", price: "€15", period: "30 min", features: [ + "Per i piccoli fino a 12 anni", "Ambiente accogliente", "Taglio sicuro e veloce"], button: { - text: "Prenota Ora", - href: "#booking", - }, - imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-handsome-male-barber-uniform-holding-hair-clippers-showing-yes-gesture-isolated-pink_141793-73155.jpg?_wi=3", - imageAlt: "Barbecue utensil set on wooden table", - }, + text: "Prenota Ora", href: "#booking"}, + imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-handsome-male-barber-uniform-holding-hair-clippers-showing-yes-gesture-isolated-pink_141793-73155.jpg", imageAlt: "Barbecue utensil set on wooden table"}, { - id: "trattamento-viso", - title: "Trattamento Viso", - price: "€12", - period: "20 min", - features: [ - "Detersione profonda", - "Idratazione specifica", - "Pelle rinfrescata", - ], + id: "trattamento-viso", title: "Trattamento Viso", price: "€12", period: "20 min", features: [ + "Detersione profonda", "Idratazione specifica", "Pelle rinfrescata"], button: { - text: "Prenota Ora", - href: "#booking", - }, - imageSrc: "http://img.b2bpic.net/free-photo/scissors-icon-front-side-white-background_187299-40200.jpg?_wi=2", - imageAlt: "Barbecue utensil set on wooden table", - }, + text: "Prenota Ora", href: "#booking"}, + imageSrc: "http://img.b2bpic.net/free-photo/scissors-icon-front-side-white-background_187299-40200.jpg", imageAlt: "Barbecue utensil set on wooden table"}, ]} title="I Nostri Servizi" description="Scopri la nostra offerta completa, ogni servizio è curato nei minimi dettagli per la tua massima soddisfazione. Prenota ora il tuo appuntamento ideale." @@ -354,53 +199,17 @@ export default function LandingPage() { useInvertedBackground={true} products={[ { - id: "gallery-1", - name: "Classic Fade", - price: "Tagli", - variant: "Tagli", - imageSrc: "http://img.b2bpic.net/free-photo/barber-drying-hair-unrecognizable-man_23-2147778789.jpg", - imageAlt: "classic fade haircut clean side part", - }, + id: "gallery-1", name: "Classic Fade", price: "Tagli", variant: "Tagli", imageSrc: "http://img.b2bpic.net/free-photo/barber-drying-hair-unrecognizable-man_23-2147778789.jpg", imageAlt: "classic fade haircut clean side part"}, { - id: "gallery-2", - name: "Beard Sculpting", - price: "Barbe", - variant: "Barbe", - imageSrc: "http://img.b2bpic.net/free-photo/portrait-bearded-man-prison-garb-bold-serious-man-lined-shirt-posing-dark-grey_549566-347.jpg", - imageAlt: "beard sculpting before after professional", - }, + id: "gallery-2", name: "Beard Sculpting", price: "Barbe", variant: "Barbe", imageSrc: "http://img.b2bpic.net/free-photo/portrait-bearded-man-prison-garb-bold-serious-man-lined-shirt-posing-dark-grey_549566-347.jpg", imageAlt: "beard sculpting before after professional"}, { - id: "gallery-3", - name: "Shop Interior", - price: "Ambiente", - variant: "Ambiente", - imageSrc: "http://img.b2bpic.net/free-photo/barber-shop-interior_1163-2009.jpg", - imageAlt: "vintage barbershop interior empty chairs", - }, + id: "gallery-3", name: "Shop Interior", price: "Ambiente", variant: "Ambiente", imageSrc: "http://img.b2bpic.net/free-photo/barber-shop-interior_1163-2009.jpg", imageAlt: "vintage barbershop interior empty chairs"}, { - id: "gallery-4", - name: "Barber Tools", - price: "Dettagli", - variant: "Dettagli", - imageSrc: "http://img.b2bpic.net/free-photo/hairdressing-supplies-wooden-background_23-2147711598.jpg", - imageAlt: "barber tools close up scissors comb razor", - }, + id: "gallery-4", name: "Barber Tools", price: "Dettagli", variant: "Dettagli", imageSrc: "http://img.b2bpic.net/free-photo/hairdressing-supplies-wooden-background_23-2147711598.jpg", imageAlt: "barber tools close up scissors comb razor"}, { - id: "gallery-5", - name: "Modern Cut", - price: "Tagli", - variant: "Tagli", - imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-blue-eyed-bearded-hipster-male-with-crossed-arms-grey-background_613910-12834.jpg", - imageAlt: "modern haircut men's contemporary style", - }, + id: "gallery-5", name: "Modern Cut", price: "Tagli", variant: "Tagli", imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-blue-eyed-bearded-hipster-male-with-crossed-arms-grey-background_613910-12834.jpg", imageAlt: "modern haircut men's contemporary style"}, { - id: "gallery-6", - name: "Happy Client", - price: "Clienti", - variant: "Clienti", - imageSrc: "http://img.b2bpic.net/free-photo/latino-hair-salon-owner-taking-care-client_23-2150286038.jpg", - imageAlt: "happy customer barber shop smile", - }, + id: "gallery-6", name: "Happy Client", price: "Clienti", variant: "Clienti", imageSrc: "http://img.b2bpic.net/free-photo/latino-hair-salon-owner-taking-care-client_23-2150286038.jpg", imageAlt: "happy customer barber shop smile"}, ]} title="Il Nostro Lavoro" description="Uno sguardo ai tagli, alle barbe e all'ambiente che rendono unico Franco Spina Barber Shop. Ogni dettaglio conta." @@ -414,20 +223,11 @@ export default function LandingPage() { description="Franco Spina Barber Shop nasce dalla passione per l'arte del barbiere tradizionale. Con anni di esperienza nel quartiere Resuttana, offriamo un servizio che unisce tecniche classiche e stili moderni. Ogni taglio è un'opera d'arte, ogni cliente è parte della nostra famiglia." metrics={[ { - value: "🎯", - title: "Precisione", - description: "Massima attenzione ai dettagli in ogni taglio e rasatura.", - }, + value: "🎯", title: "Precisione"}, { - value: "🤝", - title: "Professionalità", - description: "Esperienza e competenza al tuo servizio, garantendo risultati eccellenti.", - }, + value: "🤝", title: "Professionalità"}, { - value: "💎", - title: "Qualità", - description: "Utilizzo esclusivo di prodotti premium per la cura dei capelli e della barba.", - }, + value: "💎", title: "Qualità"}, ]} imageSrc="http://img.b2bpic.net/free-photo/mature-smiling-shoemaker-workshop-making-shoes_171337-12267.jpg" imageAlt="Franco Spina, the barber, at work" @@ -443,29 +243,11 @@ export default function LandingPage() { useInvertedBackground={false} metrics={[ { - id: "appointments-today", - value: "8", - title: "Appuntamenti Oggi", - description: "Appuntamenti confermati per la giornata.", - imageSrc: "http://img.b2bpic.net/free-photo/high-angle-view-image-desk-planner-calendar-laptop_1163-2588.jpg", - imageAlt: "barbershop admin dashboard analytics", - }, + id: "appointments-today", value: "8", title: "Appuntamenti Oggi", description: "Appuntamenti confermati per la giornata.", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-view-image-desk-planner-calendar-laptop_1163-2588.jpg", imageAlt: "barbershop admin dashboard analytics"}, { - id: "estimated-revenue", - value: "€240", - title: "Fatturato Stimato", - description: "Entrate previste dalla giornata corrente.", - imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-holding-hair-color-book_107420-12150.jpg", - imageAlt: "barbershop admin dashboard analytics", - }, + id: "estimated-revenue", value: "€240", title: "Fatturato Stimato", description: "Entrate previste dalla giornata corrente.", imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-holding-hair-color-book_107420-12150.jpg", imageAlt: "barbershop admin dashboard analytics"}, { - id: "next-client", - value: "Marco R.", - title: "Prossimo Cliente", - description: "Appuntamento in arrivo alle 15:30.", - imageSrc: "http://img.b2bpic.net/free-photo/computers-data-center-running-server-rigs-diagnostic-tests_482257-118495.jpg", - imageAlt: "barbershop admin dashboard analytics", - }, + id: "next-client", value: "Marco R.", title: "Prossimo Cliente", description: "Appuntamento in arrivo alle 15:30.", imageSrc: "http://img.b2bpic.net/free-photo/computers-data-center-running-server-rigs-diagnostic-tests_482257-118495.jpg", imageAlt: "barbershop admin dashboard analytics"}, ]} title="Gestione Semplificata" description="Tutto sotto controllo, in ogni momento. Un'anteprima del pannello di controllo dedicato a Franco per una gestione impeccabile." @@ -480,25 +262,15 @@ export default function LandingPage() { author="4.9/5 su 127 recensioni Google" avatars={[ { - src: "http://img.b2bpic.net/free-photo/happy-cheerful-student-guy-standing-pale-outdoor-wall_74855-4289.jpg", - alt: "male avatar happy client smiling", - }, + src: "http://img.b2bpic.net/free-photo/happy-cheerful-student-guy-standing-pale-outdoor-wall_74855-4289.jpg", alt: "male avatar happy client smiling"}, { - src: "http://img.b2bpic.net/free-photo/middle-age-man-with-grey-hair-dark-color-shirt-looking-camera-happy-pleased-holding-hand-his-head-relaxed-positive-smiling-standing-brown-background_141793-133545.jpg", - alt: "male avatar satisfied customer smiling", - }, + src: "http://img.b2bpic.net/free-photo/middle-age-man-with-grey-hair-dark-color-shirt-looking-camera-happy-pleased-holding-hand-his-head-relaxed-positive-smiling-standing-brown-background_141793-133545.jpg", alt: "male avatar satisfied customer smiling"}, { - src: "http://img.b2bpic.net/free-photo/collage-customer-experience-concept_23-2149367127.jpg", - alt: "male avatar young professional clean cut", - }, + src: "http://img.b2bpic.net/free-photo/collage-customer-experience-concept_23-2149367127.jpg", alt: "male avatar young professional clean cut"}, { - src: "http://img.b2bpic.net/free-photo/expressive-young-girl-posing-studio_176474-66088.jpg", - alt: "male avatar mature man smiling", - }, + src: "http://img.b2bpic.net/free-photo/expressive-young-girl-posing-studio_176474-66088.jpg", alt: "male avatar mature man smiling"}, { - src: "http://img.b2bpic.net/free-photo/smiling-slavic-middle-aged-male-barber-uniform-holding-scissors-crossing-hands-isolated-purple-wall_141793-83015.jpg", - alt: "male avatar dark hair smiling", - }, + src: "http://img.b2bpic.net/free-photo/smiling-slavic-middle-aged-male-barber-uniform-holding-scissors-crossing-hands-isolated-purple-wall_141793-83015.jpg", alt: "male avatar dark hair smiling"}, ]} ratingAnimation="slide-up" avatarsAnimation="slide-up" @@ -509,8 +281,7 @@ export default function LandingPage() {