Merge version_1 into main #2
219
src/app/page.tsx
219
src/app/page.tsx
@@ -29,21 +29,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Experience",
|
||||
id: "experience",
|
||||
},
|
||||
name: "Experience", id: "experience"},
|
||||
{
|
||||
name: "Servizi",
|
||||
id: "services",
|
||||
},
|
||||
name: "Servizi", id: "services"},
|
||||
{
|
||||
name: "Prenota",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Prenota", id: "contact"},
|
||||
]}
|
||||
brandName="Barbershop Moderno"
|
||||
/>
|
||||
@@ -52,51 +44,28 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "rotated-rays-animated",
|
||||
}}
|
||||
variant: "rotated-rays-animated"}}
|
||||
title="Il tuo barber di fiducia a Lugano."
|
||||
description="Tagli perfetti, sfumature pulite e un’esperienza che non trovi altrove. Sempre pieno — prenota in anticipo."
|
||||
buttons={[
|
||||
{
|
||||
text: "Chiama ora",
|
||||
href: "tel:0779712770",
|
||||
},
|
||||
text: "Chiama ora", href: "tel:0779712770"},
|
||||
{
|
||||
text: "Prenota il tuo taglio",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Prenota il tuo taglio", href: "#contact"},
|
||||
]}
|
||||
carouselItems={[
|
||||
{
|
||||
id: "1",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bt9IGoiK7ujTiWL7rKJwf2Tp2c/uploaded-1775297656592-q2t4svmm.png?_wi=1",
|
||||
imageAlt: "Barber work",
|
||||
},
|
||||
id: "1", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bt9IGoiK7ujTiWL7rKJwf2Tp2c/uploaded-1775297656592-q2t4svmm.png", imageAlt: "Barber work"},
|
||||
{
|
||||
id: "2",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bt9IGoiK7ujTiWL7rKJwf2Tp2c/uploaded-1775297656592-yj2yy25g.png?_wi=1",
|
||||
imageAlt: "Salon details",
|
||||
},
|
||||
id: "2", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bt9IGoiK7ujTiWL7rKJwf2Tp2c/uploaded-1775297656592-yj2yy25g.png", imageAlt: "Salon details"},
|
||||
{
|
||||
id: "3",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bt9IGoiK7ujTiWL7rKJwf2Tp2c/uploaded-1775297656592-rdea3d6w.png?_wi=1",
|
||||
imageAlt: "Sharp haircut",
|
||||
},
|
||||
id: "3", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bt9IGoiK7ujTiWL7rKJwf2Tp2c/uploaded-1775297656592-rdea3d6w.png", imageAlt: "Sharp haircut"},
|
||||
{
|
||||
id: "4",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bt9IGoiK7ujTiWL7rKJwf2Tp2c/uploaded-1775297656592-fiu3jb1i.png",
|
||||
imageAlt: "Barber tools",
|
||||
},
|
||||
id: "4", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bt9IGoiK7ujTiWL7rKJwf2Tp2c/uploaded-1775297656592-fiu3jb1i.png", imageAlt: "Barber tools"},
|
||||
{
|
||||
id: "5",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bt9IGoiK7ujTiWL7rKJwf2Tp2c/uploaded-1775297656592-0w7lf0ec.png",
|
||||
imageAlt: "Full salon",
|
||||
},
|
||||
id: "5", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bt9IGoiK7ujTiWL7rKJwf2Tp2c/uploaded-1775297656592-0w7lf0ec.png", imageAlt: "Full salon"},
|
||||
{
|
||||
id: "6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-barber-sitting-his-shop_23-2149186515.jpg?_wi=1",
|
||||
imageAlt: "Premium vibe",
|
||||
},
|
||||
id: "6", imageSrc: "http://img.b2bpic.net/free-photo/male-barber-sitting-his-shop_23-2149186515.jpg", imageAlt: "Premium vibe"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -109,45 +78,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Marco Rossi",
|
||||
role: "Architetto",
|
||||
company: "Lugano",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-toweling-hair-senior-male-client_23-2148181920.jpg",
|
||||
},
|
||||
id: "t1", name: "Marco Rossi", role: "Architetto", company: "Lugano", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-toweling-hair-senior-male-client_23-2148181920.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Luca Bianchi",
|
||||
role: "Studente",
|
||||
company: "Lugano",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-bearded-man-getting-haircut-by-hairdresser-while-sitting-chair-barbershop-barber-soul_627829-6410.jpg",
|
||||
},
|
||||
id: "t2", name: "Luca Bianchi", role: "Studente", company: "Lugano", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-bearded-man-getting-haircut-by-hairdresser-while-sitting-chair-barbershop-barber-soul_627829-6410.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Stefano Verri",
|
||||
role: "Imprenditore",
|
||||
company: "Lugano",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-redhead-bearded-male-with-tattoos-arms-dressed-military-jacket-wall-brick_613910-12248.jpg",
|
||||
},
|
||||
id: "t3", name: "Stefano Verri", role: "Imprenditore", company: "Lugano", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-redhead-bearded-male-with-tattoos-arms-dressed-military-jacket-wall-brick_613910-12248.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Giulia Moretti",
|
||||
role: "Designer",
|
||||
company: "Lugano",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-looking-mirror_23-2148867084.jpg",
|
||||
},
|
||||
id: "t4", name: "Giulia Moretti", role: "Designer", company: "Lugano", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-looking-mirror_23-2148867084.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Filippo Neri",
|
||||
role: "Tecnico",
|
||||
company: "Lugano",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-hair-salon_23-2150665449.jpg",
|
||||
},
|
||||
id: "t5", name: "Filippo Neri", role: "Tecnico", company: "Lugano", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-hair-salon_23-2150665449.jpg"},
|
||||
]}
|
||||
title="Chi prova… torna sempre"
|
||||
description="Ecco cosa dicono i nostri clienti dell'esperienza Barbershop Moderno."
|
||||
@@ -156,44 +100,27 @@ export default function LandingPage() {
|
||||
|
||||
<div id="experience" data-section="experience">
|
||||
<FeatureCardTen
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Precisione assoluta",
|
||||
description: "Fade perfetti, sfumature pulite e una cura del dettaglio che ci distingue in tutta Lugano.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-customer-getting-haircut_23-2148256905.jpg",
|
||||
imageAlt: "Precision fading",
|
||||
},
|
||||
title: "Precisione assoluta", description: "Fade perfetti, sfumature pulite e una cura del dettaglio che ci distingue in tutta Lugano.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-customer-getting-haircut_23-2148256905.jpg", imageAlt: "Precision fading"},
|
||||
items: [],
|
||||
reverse: false,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bt9IGoiK7ujTiWL7rKJwf2Tp2c/uploaded-1775297656592-q2t4svmm.png?_wi=2",
|
||||
imageAlt: "User provided image",
|
||||
reverse: false
|
||||
},
|
||||
{
|
||||
title: "Gaming & Relax",
|
||||
description: "Goditi una sessione di PlayStation 5 mentre attendi il tuo turno in un ambiente giovane e curato.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-details-hairdresser-salon_23-2149205857.jpg",
|
||||
imageAlt: "Gaming setup",
|
||||
},
|
||||
title: "Gaming & Relax", description: "Goditi una sessione di PlayStation 5 mentre attendi il tuo turno in un ambiente giovane e curato.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-details-hairdresser-salon_23-2149205857.jpg", imageAlt: "Gaming setup"},
|
||||
items: [],
|
||||
reverse: true,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bt9IGoiK7ujTiWL7rKJwf2Tp2c/uploaded-1775297656592-yj2yy25g.png?_wi=2",
|
||||
imageAlt: "User provided image",
|
||||
reverse: true
|
||||
},
|
||||
{
|
||||
title: "Comfort Totale",
|
||||
description: "Bevande offerte, atmosfera rilassante e un team esperto pronto ad ascoltare ogni tua richiesta di stile.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/meat-master-near-table_140725-9575.jpg",
|
||||
imageAlt: "Premium beverage",
|
||||
},
|
||||
title: "Comfort Totale", description: "Bevande offerte, atmosfera rilassante e un team esperto pronto ad ascoltare ogni tua richiesta di stile.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/meat-master-near-table_140725-9575.jpg", imageAlt: "Premium beverage"},
|
||||
items: [],
|
||||
reverse: false,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bt9IGoiK7ujTiWL7rKJwf2Tp2c/uploaded-1775297656592-rdea3d6w.png?_wi=2",
|
||||
imageAlt: "User provided image",
|
||||
reverse: false
|
||||
},
|
||||
]}
|
||||
title="Un'esperienza, non solo un taglio"
|
||||
@@ -208,54 +135,27 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "p1",
|
||||
badge: "Base",
|
||||
price: "CHF 35",
|
||||
subtitle: "Taglio Uomo",
|
||||
buttons: [
|
||||
id: "p1", badge: "Base", price: "CHF 35", subtitle: "Taglio Uomo", buttons: [
|
||||
{
|
||||
text: "Prenota",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Prenota", href: "#contact"},
|
||||
],
|
||||
features: [
|
||||
"Consulenza",
|
||||
"Taglio",
|
||||
"Styling",
|
||||
],
|
||||
"Consulenza", "Taglio", "Styling"],
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
badge: "Popolare",
|
||||
price: "CHF 50",
|
||||
subtitle: "Taglio + Barba",
|
||||
buttons: [
|
||||
id: "p2", badge: "Popolare", price: "CHF 50", subtitle: "Taglio + Barba", buttons: [
|
||||
{
|
||||
text: "Prenota",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Prenota", href: "#contact"},
|
||||
],
|
||||
features: [
|
||||
"Taglio Uomo",
|
||||
"Barba Completa",
|
||||
"Trattamento Viso",
|
||||
],
|
||||
"Taglio Uomo", "Barba Completa", "Trattamento Viso"],
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
badge: "Premium",
|
||||
price: "CHF 65",
|
||||
subtitle: "Full Experience",
|
||||
features: [
|
||||
"Taglio & Fade",
|
||||
"Barba con Panno Caldo",
|
||||
"Trattamento Capelli",
|
||||
],
|
||||
id: "p3", badge: "Premium", price: "CHF 65", subtitle: "Full Experience", features: [
|
||||
"Taglio & Fade", "Barba con Panno Caldo", "Trattamento Capelli"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Prenota",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Prenota", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -268,53 +168,38 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
tag="Prenotazioni"
|
||||
title="Prenota il tuo appuntamento a Lugano"
|
||||
description="Posti limitati ogni giorno — prenota in anticipo per garantirti il tuo posto. Chiama lo 077 971 27 70."
|
||||
buttons={[
|
||||
{
|
||||
text: "Chiama ora",
|
||||
href: "tel:0779712770",
|
||||
},
|
||||
text: "Chiama ora", href: "tel:0779712770"},
|
||||
{
|
||||
text: "Prenota subito",
|
||||
href: "#",
|
||||
},
|
||||
text: "Prenota subito", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/male-barber-sitting-his-shop_23-2149186515.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/male-barber-sitting-his-shop_23-2149186515.jpg"
|
||||
logoText="Barbershop Moderno"
|
||||
columns={[
|
||||
{
|
||||
title: "Info",
|
||||
items: [
|
||||
title: "Info", items: [
|
||||
{
|
||||
label: "Via alle Caragne 1, Lugano",
|
||||
href: "#",
|
||||
},
|
||||
label: "Via alle Caragne 1, Lugano", href: "#"},
|
||||
{
|
||||
label: "077 971 27 70",
|
||||
href: "tel:0779712770",
|
||||
},
|
||||
label: "077 971 27 70", href: "tel:0779712770"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Social",
|
||||
items: [
|
||||
title: "Social", items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
label: "Instagram", href: "#"},
|
||||
{
|
||||
label: "TikTok",
|
||||
href: "#",
|
||||
},
|
||||
label: "TikTok", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user