Merge version_1 into main #2

Merged
bender merged 1 commits from version_1 into main 2026-05-24 09:26:32 +00:00

View File

@@ -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\nMarSab 9:0018: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"
/>