Compare commits
3 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 5cd51a67c6 | |||
| 82a5a5f34f | |||
| 49992649a4 |
223
src/app/page.tsx
223
src/app/page.tsx
@@ -30,21 +30,13 @@ export default function LandingPage() {
|
|||||||
<NavbarStyleFullscreen
|
<NavbarStyleFullscreen
|
||||||
navItems={[
|
navItems={[
|
||||||
{
|
{
|
||||||
name: "Home",
|
name: "Home", id: "hero"},
|
||||||
id: "hero",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Servizi",
|
name: "Servizi", id: "servizi"},
|
||||||
id: "servizi",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Galleria",
|
name: "Galleria", id: "galleria"},
|
||||||
id: "galleria",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Contatti",
|
name: "Contatti", id: "contatti"},
|
||||||
id: "contatti",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
brandName="Lala Nail"
|
brandName="Lala Nail"
|
||||||
/>
|
/>
|
||||||
@@ -53,45 +45,28 @@ export default function LandingPage() {
|
|||||||
<div id="hero" data-section="hero">
|
<div id="hero" data-section="hero">
|
||||||
<HeroBillboardRotatedCarousel
|
<HeroBillboardRotatedCarousel
|
||||||
background={{
|
background={{
|
||||||
variant: "rotated-rays-static",
|
variant: "rotated-rays-static"}}
|
||||||
}}
|
|
||||||
title="Bellezza, Stile e Cura in un Solo Posto"
|
title="Bellezza, Stile e Cura in un Solo Posto"
|
||||||
description="Da Lala Nail Parrucchiere trovi un team veloce, preciso e sempre pronto a trovare un appuntamento anche all’ultimo minuto. Unghie perfette, capelli impeccabili e trattamenti professionali nel cuore di Romano di Lombardia."
|
description="Da Lala Nail Parrucchiere trovi un team veloce, preciso e sempre pronto a trovare un appuntamento anche all’ultimo minuto. Unghie perfette, capelli impeccabili e trattamenti professionali nel cuore di Romano di Lombardia."
|
||||||
buttons={[
|
buttons={[
|
||||||
{
|
{
|
||||||
text: "Prenota Ora",
|
text: "Prenota Ora", href: "#contatti"},
|
||||||
href: "#contatti",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
text: "Chiama Adesso",
|
text: "Chiama Adesso", href: "tel:3273195204"},
|
||||||
href: "tel:3273195204",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
carouselItems={[
|
carouselItems={[
|
||||||
{
|
{
|
||||||
id: "h1",
|
id: "h1", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bw3l2mDh8vmcKR0xm0n9ZrcA2v/uploaded-1775387045618-yqftthib.png?_wi=1"},
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/from-brunette-sleeping-with-flowers_23-2147781260.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "h2",
|
id: "h2", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bw3l2mDh8vmcKR0xm0n9ZrcA2v/uploaded-1775387045618-dyk8y987.png?_wi=1"},
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-girl-with-colorful-hair-white-t-shirt-covering-her-eye-with-paint-brush-dreamily-looking-camera-pottery-studio_574295-955.jpg?_wi=1",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "h3",
|
id: "h3", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bw3l2mDh8vmcKR0xm0n9ZrcA2v/uploaded-1775387045618-vtsc4dvx.png?_wi=1"},
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-with-creative-coloured-hair-pink-makeup_633478-2244.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "h4",
|
id: "h4", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bw3l2mDh8vmcKR0xm0n9ZrcA2v/uploaded-1775387045619-n22tkr0i.png?_wi=1"},
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-relaxing-spa-hotel_23-2149037088.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "h5",
|
id: "h5", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bw3l2mDh8vmcKR0xm0n9ZrcA2v/uploaded-1775387045618-yqftthib.png?_wi=2"},
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-hair-process-keratin-treatment_23-2149332459.jpg?_wi=1",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "h6",
|
id: "h6", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bw3l2mDh8vmcKR0xm0n9ZrcA2v/uploaded-1775387045618-dyk8y987.png?_wi=2"},
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-hair-process-keratin-treatment_23-2149332459.jpg?_wi=2",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -104,29 +79,19 @@ export default function LandingPage() {
|
|||||||
features={[
|
features={[
|
||||||
{
|
{
|
||||||
icon: Zap,
|
icon: Zap,
|
||||||
title: "Veloci ma precise",
|
title: "Veloci ma precise", description: "Lavoriamo con rapidità senza rinunciare alla qualità del servizio."},
|
||||||
description: "Lavoriamo con rapidità senza rinunciare alla qualità del servizio.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
icon: Clock,
|
icon: Clock,
|
||||||
title: "Sempre disponibili",
|
title: "Sempre disponibili", description: "Troviamo spesso posto anche all’ultimo momento per le tue esigenze."},
|
||||||
description: "Troviamo spesso posto anche all’ultimo momento per le tue esigenze.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
icon: Heart,
|
icon: Heart,
|
||||||
title: "Esperienza rilassante",
|
title: "Esperienza rilassante", description: "Shampoo, piega e trattamenti in un ambiente accogliente e curato."},
|
||||||
description: "Shampoo, piega e trattamenti in un ambiente accogliente e curato.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
icon: Users,
|
icon: Users,
|
||||||
title: "Team professionale",
|
title: "Team professionale", description: "Personale gentile, preparato e attento a ogni singolo dettaglio."},
|
||||||
description: "Personale gentile, preparato e attento a ogni singolo dettaglio.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
icon: ShieldCheck,
|
icon: ShieldCheck,
|
||||||
title: "Prodotti certificati",
|
title: "Prodotti certificati", description: "Utilizziamo solo marchi di alta qualità per la salute della tua pelle e dei capelli."},
|
||||||
description: "Utilizziamo solo marchi di alta qualità per la salute della tua pelle e dei capelli.",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Perché Sceglierci"
|
title="Perché Sceglierci"
|
||||||
description="L'eccellenza al servizio della tua bellezza quotidiana."
|
description="L'eccellenza al servizio della tua bellezza quotidiana."
|
||||||
@@ -140,55 +105,22 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
plans={[
|
plans={[
|
||||||
{
|
{
|
||||||
id: "p1",
|
id: "p1", tag: "Unghie", price: "DA €25", period: "seduta", description: "Manicure e Semipermanente professionale.", button: {
|
||||||
tag: "Unghie",
|
text: "Prenota", href: "#contatti"},
|
||||||
price: "DA €25",
|
featuresTitle: "Dettagli", features: [
|
||||||
period: "seduta",
|
"Durata: 45 min", "Prodotti premium", "Nail art inclusa"],
|
||||||
description: "Manicure e Semipermanente professionale.",
|
|
||||||
button: {
|
|
||||||
text: "Prenota",
|
|
||||||
href: "#contatti",
|
|
||||||
},
|
|
||||||
featuresTitle: "Dettagli",
|
|
||||||
features: [
|
|
||||||
"Durata: 45 min",
|
|
||||||
"Prodotti premium",
|
|
||||||
"Nail art inclusa",
|
|
||||||
],
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: "p2",
|
id: "p2", tag: "Unghie", price: "DA €45", period: "seduta", description: "Ricostruzione completa con gel.", button: {
|
||||||
tag: "Unghie",
|
text: "Prenota", href: "#contatti"},
|
||||||
price: "DA €45",
|
featuresTitle: "Dettagli", features: [
|
||||||
period: "seduta",
|
"Durata: < 2 ore", "Massima tenuta", "Design personalizzato"],
|
||||||
description: "Ricostruzione completa con gel.",
|
|
||||||
button: {
|
|
||||||
text: "Prenota",
|
|
||||||
href: "#contatti",
|
|
||||||
},
|
|
||||||
featuresTitle: "Dettagli",
|
|
||||||
features: [
|
|
||||||
"Durata: < 2 ore",
|
|
||||||
"Massima tenuta",
|
|
||||||
"Design personalizzato",
|
|
||||||
],
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: "p3",
|
id: "p3", tag: "Capelli", price: "DA €30", period: "seduta", description: "Piega impeccabile e styling moderno.", button: {
|
||||||
tag: "Capelli",
|
text: "Prenota", href: "#contatti"},
|
||||||
price: "DA €30",
|
featuresTitle: "Dettagli", features: [
|
||||||
period: "seduta",
|
"Durata: 45 min", "Lavaggio incluso", "Prodotti nutrienti"],
|
||||||
description: "Piega impeccabile e styling moderno.",
|
|
||||||
button: {
|
|
||||||
text: "Prenota",
|
|
||||||
href: "#contatti",
|
|
||||||
},
|
|
||||||
featuresTitle: "Dettagli",
|
|
||||||
features: [
|
|
||||||
"Durata: 45 min",
|
|
||||||
"Lavaggio incluso",
|
|
||||||
"Prodotti nutrienti",
|
|
||||||
],
|
|
||||||
},
|
},
|
||||||
]}
|
]}
|
||||||
title="I Nostri Servizi"
|
title="I Nostri Servizi"
|
||||||
@@ -203,40 +135,15 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
testimonials={[
|
testimonials={[
|
||||||
{
|
{
|
||||||
id: "t1",
|
id: "t1", name: "Eva", role: "Cliente abituale", testimonial: "Lavorano velocemente ma con precisione. La ricostruzione è durata meno di 2 ore.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bw3l2mDh8vmcKR0xm0n9ZrcA2v/uploaded-1775387045618-yqftthib.png?_wi=3"},
|
||||||
name: "Eva",
|
|
||||||
role: "Cliente abituale",
|
|
||||||
testimonial: "Lavorano velocemente ma con precisione. La ricostruzione è durata meno di 2 ore.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-girl-waiting-hair-coloring_23-2147769779.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "t2",
|
id: "t2", name: "Silvia", role: "Cliente abituale", testimonial: "Trovo sempre posto anche quando chiamo all’ultimo momento. Questo vale tantissimo.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bw3l2mDh8vmcKR0xm0n9ZrcA2v/uploaded-1775387045618-dyk8y987.png?_wi=3"},
|
||||||
name: "Silvia",
|
|
||||||
role: "Cliente abituale",
|
|
||||||
testimonial: "Trovo sempre posto anche quando chiamo all’ultimo momento. Questo vale tantissimo.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-pink-sweater-showing-her-tongue-out_114579-81369.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "t3",
|
id: "t3", name: "Veronika", role: "Cliente abituale", testimonial: "Piega perfetta e shampoo davvero rilassante. Personale molto gentile.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bw3l2mDh8vmcKR0xm0n9ZrcA2v/uploaded-1775387045618-vtsc4dvx.png?_wi=2"},
|
||||||
name: "Veronika",
|
|
||||||
role: "Cliente abituale",
|
|
||||||
testimonial: "Piega perfetta e shampoo davvero rilassante. Personale molto gentile.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/young-strong-sporty-athletic-fitness-trainer-instructor-woman-wearing-brown-tracksuit-sitting_1258-200304.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "t4",
|
id: "t4", name: "Ramona", role: "Cliente abituale", testimonial: "Professionalità, gentilezza e attenzione ai dettagli. Consigliatissimo.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bw3l2mDh8vmcKR0xm0n9ZrcA2v/uploaded-1775387045619-n22tkr0i.png?_wi=2"},
|
||||||
name: "Ramona",
|
|
||||||
role: "Cliente abituale",
|
|
||||||
testimonial: "Professionalità, gentilezza e attenzione ai dettagli. Consigliatissimo.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-attractive-black-african-american-woman-stylish-outfit-velvet-top-white-studio-background-summer-fashion-trend-happy-smiling-curly-hair-accessories_285396-10581.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "t5",
|
id: "t5", name: "Giulia", role: "Cliente abituale", testimonial: "Un salone che ti fa sentire a casa e curata in ogni dettaglio.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bw3l2mDh8vmcKR0xm0n9ZrcA2v/uploaded-1775387045618-yqftthib.png?_wi=4"},
|
||||||
name: "Giulia",
|
|
||||||
role: "Cliente abituale",
|
|
||||||
testimonial: "Un salone che ti fa sentire a casa e curata in ogni dettaglio.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-girl-with-blonde-wavy-hair-modern-luxury-room-young-woman-smiling-wearing-stylish-elegant-black-dress-with-paillettes-sleeves_197531-2859.jpg",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Le clienti ci scelgono"
|
title="Le clienti ci scelgono"
|
||||||
description="La soddisfazione di chi sceglie il nostro salone ogni giorno."
|
description="La soddisfazione di chi sceglie il nostro salone ogni giorno."
|
||||||
@@ -251,29 +158,19 @@ export default function LandingPage() {
|
|||||||
features={[
|
features={[
|
||||||
{
|
{
|
||||||
icon: Camera,
|
icon: Camera,
|
||||||
title: "Manicure Elegante",
|
title: "Manicure Elegante", description: "Risultati raffinati e duraturi."},
|
||||||
description: "Risultati raffinati e duraturi.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
icon: Palette,
|
icon: Palette,
|
||||||
title: "Nail Art Creativa",
|
title: "Nail Art Creativa", description: "Design su misura per ogni gusto."},
|
||||||
description: "Design su misura per ogni gusto.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
icon: Scissors,
|
icon: Scissors,
|
||||||
title: "Stile Capelli",
|
title: "Stile Capelli", description: "Acconciature e tagli sempre attuali."},
|
||||||
description: "Acconciature e tagli sempre attuali.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
icon: Sparkles,
|
icon: Sparkles,
|
||||||
title: "Ambiente Relax",
|
title: "Ambiente Relax", description: "Un'oasi di benessere nel cuore di Romano."},
|
||||||
description: "Un'oasi di benessere nel cuore di Romano.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
icon: Palette,
|
icon: Palette,
|
||||||
title: "Colorazioni Moda",
|
title: "Colorazioni Moda", description: "Tecniche avanzate di colorazione per un look vibrante."},
|
||||||
description: "Tecniche avanzate di colorazione per un look vibrante.",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="I Nostri Lavori"
|
title="I Nostri Lavori"
|
||||||
description="Uno sguardo all'interno del mondo Lala Nail."
|
description="Uno sguardo all'interno del mondo Lala Nail."
|
||||||
@@ -287,56 +184,38 @@ export default function LandingPage() {
|
|||||||
description="Via Bartolomeo Colleoni 28, Romano di Lombardia. Siamo aperti Lun-Sab 09:00-20:00."
|
description="Via Bartolomeo Colleoni 28, Romano di Lombardia. Siamo aperti Lun-Sab 09:00-20:00."
|
||||||
inputs={[
|
inputs={[
|
||||||
{
|
{
|
||||||
name: "name",
|
name: "name", type: "text", placeholder: "Nome e Cognome", required: true,
|
||||||
type: "text",
|
|
||||||
placeholder: "Nome e Cognome",
|
|
||||||
required: true,
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
name: "phone",
|
name: "phone", type: "tel", placeholder: "Telefono", required: true,
|
||||||
type: "tel",
|
|
||||||
placeholder: "Telefono",
|
|
||||||
required: true,
|
|
||||||
},
|
},
|
||||||
]}
|
]}
|
||||||
textarea={{
|
textarea={{
|
||||||
name: "message",
|
name: "message", placeholder: "Servizio richiesto o preferenze orarie", rows: 4,
|
||||||
placeholder: "Servizio richiesto o preferenze orarie",
|
|
||||||
rows: 4,
|
|
||||||
}}
|
}}
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/3d-rendering-classic-interior_23-2150943443.jpg"
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bw3l2mDh8vmcKR0xm0n9ZrcA2v/uploaded-1775387045618-vtsc4dvx.png?_wi=3"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="footer" data-section="footer">
|
<div id="footer" data-section="footer">
|
||||||
<FooterMedia
|
<FooterMedia
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/portrait-beautiful-girl-with-colorful-hair-white-t-shirt-covering-her-eye-with-paint-brush-dreamily-looking-camera-pottery-studio_574295-955.jpg?_wi=2"
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bw3l2mDh8vmcKR0xm0n9ZrcA2v/uploaded-1775387045619-n22tkr0i.png?_wi=3"
|
||||||
logoText="Lala Nail"
|
logoText="Lala Nail"
|
||||||
columns={[
|
columns={[
|
||||||
{
|
{
|
||||||
title: "Contatti",
|
title: "Contatti", items: [
|
||||||
items: [
|
|
||||||
{
|
{
|
||||||
label: "327 319 5204",
|
label: "327 319 5204", href: "tel:3273195204"},
|
||||||
href: "tel:3273195204",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Via Colleoni 28, Romano",
|
label: "Via Colleoni 28, Romano", href: "#"},
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "Servizi",
|
title: "Servizi", items: [
|
||||||
items: [
|
|
||||||
{
|
{
|
||||||
label: "Manicure",
|
label: "Manicure", href: "#servizi"},
|
||||||
href: "#servizi",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Piega",
|
label: "Piega", href: "#servizi"},
|
||||||
href: "#servizi",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
]}
|
]}
|
||||||
|
|||||||
Reference in New Issue
Block a user