Merge version_1 into main #2
334
src/app/page.tsx
334
src/app/page.tsx
@@ -31,100 +31,63 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#hero",
|
||||
},
|
||||
name: "Home", id: "#hero"},
|
||||
{
|
||||
name: "Chi Siamo",
|
||||
id: "#about",
|
||||
},
|
||||
name: "Chi Siamo", id: "#about"},
|
||||
{
|
||||
name: "Servizi",
|
||||
id: "#services",
|
||||
},
|
||||
name: "Servizi", id: "#services"},
|
||||
{
|
||||
name: "Recensioni",
|
||||
id: "#reviews",
|
||||
},
|
||||
name: "Recensioni", id: "#reviews"},
|
||||
{
|
||||
name: "Prenota",
|
||||
id: "#booking",
|
||||
},
|
||||
name: "Prenota", id: "#booking"},
|
||||
{
|
||||
name: "Contatti",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contatti", id: "#contact"},
|
||||
]}
|
||||
logoSrc="http://img.b2bpic.net/free-photo/real-life-zodiac-collage_23-2149588377.jpg"
|
||||
brandName="Il Barbiere del Quartiere"
|
||||
button={{
|
||||
text: "Prenota ora",
|
||||
href: "#booking",
|
||||
}}
|
||||
text: "Prenota ora", href: "#booking"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{
|
||||
variant: "plain",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-customer-getting-his-beard-trimmed_23-2148257037.jpg?_wi=1",
|
||||
variant: "plain"
|
||||
}}
|
||||
title="Il tuo barbiere. Il tuo quartiere."
|
||||
description="Dove ogni taglio è un'opera d'arte. Your neighbourhood barber. Where every cut is a masterpiece."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-portrait-smiling-african-man-looking_171337-9852.jpg",
|
||||
alt: "portrait smiling italian man",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-portrait-smiling-african-man-looking_171337-9852.jpg", alt: "portrait smiling italian man"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-home_23-2150062545.jpg",
|
||||
alt: "portrait woman smiling friendly",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-home_23-2150062545.jpg", alt: "portrait woman smiling friendly"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-african-american-man-smiling-front-camera_482257-88606.jpg",
|
||||
alt: "portrait young man serious look",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-african-american-man-smiling-front-camera_482257-88606.jpg", alt: "portrait young man serious look"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/stylish-man-smiling-close-up_23-2148508995.jpg",
|
||||
alt: "portrait older man friendly smile",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/stylish-man-smiling-close-up_23-2148508995.jpg", alt: "portrait older man friendly smile"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-man_641386-965.jpg",
|
||||
alt: "portrait of a young man",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-man_641386-965.jpg", alt: "portrait of a young man"},
|
||||
]}
|
||||
avatarText="Oltre 100 recensioni a 5 stelle"
|
||||
buttons={[
|
||||
{
|
||||
text: "Prenota ora",
|
||||
href: "#booking",
|
||||
},
|
||||
text: "Prenota ora", href: "#booking"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Stile impeccabile",
|
||||
type: "text", text: "Stile impeccabile"},
|
||||
{
|
||||
type: "text-icon", text: "Tradizione", icon: Users,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Tradizione",
|
||||
icon: Users,
|
||||
type: "text", text: "Servizio personalizzato"},
|
||||
{
|
||||
type: "text-icon", text: "Qualità", icon: Award,
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Servizio personalizzato",
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Qualità",
|
||||
icon: Award,
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Ambiente accogliente",
|
||||
},
|
||||
type: "text", text: "Ambiente accogliente"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -135,7 +98,6 @@ export default function LandingPage() {
|
||||
tag="LA NOSTRA STORIA"
|
||||
tagAnimation="slide-up"
|
||||
title="Non siamo un posto qualunque. Siamo il vostro posto."
|
||||
description="Nel cuore di San Giovanni in Persiceto, Il Barbiere del Quartiere è più di un semplice salone. Qui, Ernesto, un vero maestro del mestiere, trasforma ogni taglio e rasatura in un'esperienza d'arte. Operiamo solo su appuntamento per garantirti la massima attenzione e un servizio impeccabile, rispettando il tuo tempo. La nostra reputazione è stata costruita in anni di fiducia, passaparola e clienti leali, un segno tangibile della qualità e della cordialità che ci contraddistinguono. Unisciti alla nostra famiglia di clienti soddisfatti."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -146,94 +108,39 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "taglio-capelli",
|
||||
tag: "Base",
|
||||
tagIcon: Scissors,
|
||||
price: "Su richiesta",
|
||||
period: "a servizio",
|
||||
description: "Un taglio preciso e personalizzato, adatto al tuo stile e alla forma del viso. Include lavaggio e styling.",
|
||||
button: {
|
||||
text: "Prenota",
|
||||
href: "#booking",
|
||||
},
|
||||
featuresTitle: "Cosa include",
|
||||
features: [
|
||||
"Consulenza personalizzata",
|
||||
"Lavaggio e massaggio",
|
||||
"Styling professionale",
|
||||
],
|
||||
id: "taglio-capelli", tag: "Base", tagIcon: Scissors,
|
||||
price: "Su richiesta", period: "a servizio", description: "Un taglio preciso e personalizzato, adatto al tuo stile e alla forma del viso. Include lavaggio e styling.", button: {
|
||||
text: "Prenota", href: "#booking"},
|
||||
featuresTitle: "Cosa include", features: [
|
||||
"Consulenza personalizzata", "Lavaggio e massaggio", "Styling professionale"],
|
||||
},
|
||||
{
|
||||
id: "barba-completa",
|
||||
tag: "Completo",
|
||||
tagIcon: Scissors,
|
||||
price: "Su richiesta",
|
||||
period: "a servizio",
|
||||
description: "Modellatura e cura della barba con prodotti specifici, per un look impeccabile e una pelle sana.",
|
||||
button: {
|
||||
text: "Prenota",
|
||||
href: "#booking",
|
||||
},
|
||||
featuresTitle: "Cosa include",
|
||||
features: [
|
||||
"Modellatura e rifinitura",
|
||||
"Trattamento idratante",
|
||||
"Panno caldo",
|
||||
],
|
||||
id: "barba-completa", tag: "Completo", tagIcon: Scissors,
|
||||
price: "Su richiesta", period: "a servizio", description: "Modellatura e cura della barba con prodotti specifici, per un look impeccabile e una pelle sana.", button: {
|
||||
text: "Prenota", href: "#booking"},
|
||||
featuresTitle: "Cosa include", features: [
|
||||
"Modellatura e rifinitura", "Trattamento idratante", "Panno caldo"],
|
||||
},
|
||||
{
|
||||
id: "taglio-barba-combo",
|
||||
tag: "Signature",
|
||||
tagIcon: Star,
|
||||
price: "Su richiesta",
|
||||
period: "a servizio",
|
||||
description: "Il pacchetto completo per un look rinnovato e coordinato, combinando taglio capelli e barba.",
|
||||
button: {
|
||||
text: "Prenota",
|
||||
href: "#booking",
|
||||
},
|
||||
featuresTitle: "Cosa include",
|
||||
features: [
|
||||
"Taglio capelli completo",
|
||||
"Barba completa",
|
||||
"Trattamento finale",
|
||||
],
|
||||
id: "taglio-barba-combo", tag: "Signature", tagIcon: Star,
|
||||
price: "Su richiesta", period: "a servizio", description: "Il pacchetto completo per un look rinnovato e coordinato, combinando taglio capelli e barba.", button: {
|
||||
text: "Prenota", href: "#booking"},
|
||||
featuresTitle: "Cosa include", features: [
|
||||
"Taglio capelli completo", "Barba completa", "Trattamento finale"],
|
||||
},
|
||||
{
|
||||
id: "rasatura-classica",
|
||||
tag: "Tradizione",
|
||||
tagIcon: Star,
|
||||
price: "Su richiesta",
|
||||
period: "a servizio",
|
||||
description: "L'antica arte della rasatura a mano libera, per una pelle liscia e rigenerata, un vero rito di benessere.",
|
||||
button: {
|
||||
text: "Prenota",
|
||||
href: "#booking",
|
||||
},
|
||||
featuresTitle: "Cosa include",
|
||||
features: [
|
||||
"Preparazione della pelle",
|
||||
"Rasatura a mano libera",
|
||||
"Dopobarba lenitivo",
|
||||
],
|
||||
id: "rasatura-classica", tag: "Tradizione", tagIcon: Star,
|
||||
price: "Su richiesta", period: "a servizio", description: "L'antica arte della rasatura a mano libera, per una pelle liscia e rigenerata, un vero rito di benessere.", button: {
|
||||
text: "Prenota", href: "#booking"},
|
||||
featuresTitle: "Cosa include", features: [
|
||||
"Preparazione della pelle", "Rasatura a mano libera", "Dopobarba lenitivo"],
|
||||
},
|
||||
{
|
||||
id: "servizio-junior",
|
||||
tag: "Young",
|
||||
tagIcon: Star,
|
||||
price: "Su richiesta",
|
||||
period: "a servizio",
|
||||
description: "Taglio capelli per i più piccoli, con attenzione e pazienza, in un ambiente accogliente e divertente.",
|
||||
button: {
|
||||
text: "Prenota",
|
||||
href: "#booking",
|
||||
},
|
||||
featuresTitle: "Cosa include",
|
||||
features: [
|
||||
"Taglio capelli bambini",
|
||||
"Styling semplice",
|
||||
"Ambiente amichevole",
|
||||
],
|
||||
id: "servizio-junior", tag: "Young", tagIcon: Star,
|
||||
price: "Su richiesta", period: "a servizio", description: "Taglio capelli per i più piccoli, con attenzione e pazienza, in un ambiente accogliente e divertente.", button: {
|
||||
text: "Prenota", href: "#booking"},
|
||||
featuresTitle: "Cosa include", features: [
|
||||
"Taglio capelli bambini", "Styling semplice", "Ambiente amichevole"],
|
||||
},
|
||||
]}
|
||||
title="I Nostri Servizi"
|
||||
@@ -246,82 +153,6 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
title="Dicono di noi"
|
||||
description="L'esperienza dei nostri clienti parla chiaro: fiducia e qualità."
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
testimonial: "In 32 anni di vita, il miglior barbiere a cui sia mai andato!",
|
||||
rating: 5,
|
||||
author: "Francesco B. - Google Review",
|
||||
avatars: [
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/business-man-enjoying-coffee_23-2148479578.jpg",
|
||||
alt: "portrait smiling italian man",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
testimonial: "Professionalità, innovazione, cordialità e discrezione.",
|
||||
rating: 5,
|
||||
author: "Giuseppe D. - Google Review",
|
||||
avatars: [
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-african-american-person-casual-grey-hoodie-smiling_482257-122367.jpg",
|
||||
alt: "portrait woman smiling friendly",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
testimonial: "Tagli ottimi e prezzo super onesto. Ernesto è super simpatico.",
|
||||
rating: 5,
|
||||
author: "Riccardo C. - Google Review",
|
||||
avatars: [
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-man_641386-961.jpg",
|
||||
alt: "portrait young man serious look",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
testimonial: "Very kind and friendly... my beard is perfectly trimmed.",
|
||||
rating: 5,
|
||||
author: "Sebastien B. - Google Review",
|
||||
avatars: [
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-portrait-grinning-old-fashioned-man-elegant-man-office_1157-48840.jpg",
|
||||
alt: "portrait older man friendly smile",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
testimonial: "Appuntamenti puntualissimi, capacità manuale al top.",
|
||||
rating: 5,
|
||||
author: "Gianluca P. - Google Review",
|
||||
avatars: [
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/casual-smile-street-style-background-spring_1139-777.jpg",
|
||||
alt: "portrait young woman professional look",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
testimonial: "Ambiente giovane e accogliente. Ascoltano molto il cliente.",
|
||||
rating: 5,
|
||||
author: "Caterina B. - Google Review",
|
||||
avatars: [
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/middle-aged-man-wearing-white-t-shirt-with-tie-grabbed-chin-isolated-orange-wall_141793-130213.jpg",
|
||||
alt: "portrait middle-aged man thoughtful expression",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -332,29 +163,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Solo su appuntamento",
|
||||
description: "Garantiamo puntualità e rispetto per il tuo tempo, con un servizio dedicato e senza attese.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-customer-getting-his-beard-trimmed_23-2148257037.jpg?_wi=2",
|
||||
imageAlt: "moody barbershop interior dark dramatic",
|
||||
},
|
||||
title: "Solo su appuntamento", description: "Garantiamo puntualità e rispetto per il tuo tempo, con un servizio dedicato e senza attese.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-customer-getting-his-beard-trimmed_23-2148257037.jpg", imageAlt: "moody barbershop interior dark dramatic"},
|
||||
{
|
||||
title: "Maestri del mestiere",
|
||||
description: "Anni di esperienza, formazione continua e passione per l'arte della barberia, in ogni taglio.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/real-life-zodiac-collage_23-2149588377.jpg",
|
||||
imageAlt: "moody barbershop interior dark dramatic",
|
||||
},
|
||||
title: "Maestri del mestiere", description: "Anni di esperienza, formazione continua e passione per l'arte della barberia, in ogni taglio.", imageSrc: "http://img.b2bpic.net/free-photo/real-life-zodiac-collage_23-2149588377.jpg", imageAlt: "moody barbershop interior dark dramatic"},
|
||||
{
|
||||
title: "Ambiente accogliente",
|
||||
description: "Un'atmosfera giovane e confortevole dove ti sentirai subito a casa e a tuo agio.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-smiling-african-man-looking_171337-9852.jpg",
|
||||
imageAlt: "moody barbershop interior dark dramatic",
|
||||
},
|
||||
title: "Ambiente accogliente", description: "Un'atmosfera giovane e confortevole dove ti sentirai subito a casa e a tuo agio.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-smiling-african-man-looking_171337-9852.jpg", imageAlt: "moody barbershop interior dark dramatic"},
|
||||
{
|
||||
title: "Prezzi onesti",
|
||||
description: "Qualità eccezionale a prezzi giusti. Il lusso di un servizio premium, accessibile a tutti.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-home_23-2150062545.jpg",
|
||||
imageAlt: "moody barbershop interior dark dramatic",
|
||||
},
|
||||
title: "Prezzi onesti", description: "Qualità eccezionale a prezzi giusti. Il lusso di un servizio premium, accessibile a tutti.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-home_23-2150062545.jpg", imageAlt: "moody barbershop interior dark dramatic"},
|
||||
]}
|
||||
title="Perché Sceglierci"
|
||||
description="Tradizione italiana, servizio moderno, cura artigianale."
|
||||
@@ -365,17 +180,14 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="PRENOTA ORA"
|
||||
tagAnimation="slide-up"
|
||||
title="Prenota il tuo appuntamento."
|
||||
description="Solo su appuntamento – perché il tuo tempo vale. Chiamaci o scrivici su WhatsApp: +39 333 123 4567"
|
||||
buttons={[
|
||||
{
|
||||
text: "Prenota via WhatsApp",
|
||||
href: "https://wa.me/393331234567",
|
||||
},
|
||||
text: "Prenota via WhatsApp", href: "https://wa.me/393331234567"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
/>
|
||||
@@ -385,7 +197,6 @@ export default function LandingPage() {
|
||||
<TextAbout
|
||||
useInvertedBackground={false}
|
||||
title="Dove Trovarci"
|
||||
description="Il Barbiere del Quartiere vi aspetta nel cuore di San Giovanni in Persiceto.\n\n**Indirizzo:** Via Roma, 10\n40017 San Giovanni in Persiceto (BO)\nItalia\n\n**Telefono:** +39 333 123 4567\n**Orari:** Lun-Sab: 9:00 - 19:00\nDomenica: Chiuso\n\nSeguici su Instagram: @ilbarbieredelquartiere"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -393,50 +204,31 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Navigazione",
|
||||
items: [
|
||||
title: "Navigazione", items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "#hero",
|
||||
},
|
||||
label: "Home", href: "#hero"},
|
||||
{
|
||||
label: "Chi Siamo",
|
||||
href: "#about",
|
||||
},
|
||||
label: "Chi Siamo", href: "#about"},
|
||||
{
|
||||
label: "Servizi",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Servizi", href: "#services"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Servizi",
|
||||
items: [
|
||||
title: "Servizi", items: [
|
||||
{
|
||||
label: "Taglio capelli",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Taglio capelli", href: "#services"},
|
||||
{
|
||||
label: "Barba completa",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Barba completa", href: "#services"},
|
||||
{
|
||||
label: "Rasatura classica",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Rasatura classica", href: "#services"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Seguici",
|
||||
items: [
|
||||
title: "Seguici", items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "https://instagram.com/ilbarbieredelquartiere",
|
||||
},
|
||||
label: "Instagram", href: "https://instagram.com/ilbarbieredelquartiere"},
|
||||
{
|
||||
label: "WhatsApp",
|
||||
href: "https://wa.me/393331234567",
|
||||
},
|
||||
label: "WhatsApp", href: "https://wa.me/393331234567"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user