350 lines
11 KiB
TypeScript
350 lines
11 KiB
TypeScript
"use client";
|
||
|
||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||
import ReactLenis from "lenis/react";
|
||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||
import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
|
||
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
||
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
|
||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||
import PricingCardFive from '@/components/sections/pricing/PricingCardFive';
|
||
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
||
import { Camera, Clock, Heart, Palette, Scissors, ShieldCheck, Sparkles, Users, Zap } from "lucide-react";
|
||
|
||
export default function LandingPage() {
|
||
return (
|
||
<ThemeProvider
|
||
defaultButtonVariant="icon-arrow"
|
||
defaultTextAnimation="background-highlight"
|
||
borderRadius="soft"
|
||
contentWidth="small"
|
||
sizing="mediumLarge"
|
||
background="blurBottom"
|
||
cardStyle="outline"
|
||
primaryButtonStyle="gradient"
|
||
secondaryButtonStyle="solid"
|
||
headingFontWeight="extrabold"
|
||
>
|
||
<ReactLenis root>
|
||
<div id="nav" data-section="nav">
|
||
<NavbarStyleFullscreen
|
||
navItems={[
|
||
{
|
||
name: "Home",
|
||
id: "hero",
|
||
},
|
||
{
|
||
name: "Servizi",
|
||
id: "servizi",
|
||
},
|
||
{
|
||
name: "Galleria",
|
||
id: "galleria",
|
||
},
|
||
{
|
||
name: "Contatti",
|
||
id: "contatti",
|
||
},
|
||
]}
|
||
brandName="Lala Nail"
|
||
/>
|
||
</div>
|
||
|
||
<div id="hero" data-section="hero">
|
||
<HeroBillboardRotatedCarousel
|
||
background={{
|
||
variant: "rotated-rays-static",
|
||
}}
|
||
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."
|
||
buttons={[
|
||
{
|
||
text: "Prenota Ora",
|
||
href: "#contatti",
|
||
},
|
||
{
|
||
text: "Chiama Adesso",
|
||
href: "tel:3273195204",
|
||
},
|
||
]}
|
||
carouselItems={[
|
||
{
|
||
id: "h1",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/from-brunette-sleeping-with-flowers_23-2147781260.jpg",
|
||
},
|
||
{
|
||
id: "h2",
|
||
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",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/woman-with-creative-coloured-hair-pink-makeup_633478-2244.jpg",
|
||
},
|
||
{
|
||
id: "h4",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-relaxing-spa-hotel_23-2149037088.jpg",
|
||
},
|
||
{
|
||
id: "h5",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-hair-process-keratin-treatment_23-2149332459.jpg?_wi=1",
|
||
},
|
||
{
|
||
id: "h6",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-hair-process-keratin-treatment_23-2149332459.jpg?_wi=2",
|
||
},
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="features" data-section="features">
|
||
<FeatureHoverPattern
|
||
animationType="slide-up"
|
||
textboxLayout="split"
|
||
useInvertedBackground={false}
|
||
features={[
|
||
{
|
||
icon: Zap,
|
||
title: "Veloci ma precise",
|
||
description: "Lavoriamo con rapidità senza rinunciare alla qualità del servizio.",
|
||
},
|
||
{
|
||
icon: Clock,
|
||
title: "Sempre disponibili",
|
||
description: "Troviamo spesso posto anche all’ultimo momento per le tue esigenze.",
|
||
},
|
||
{
|
||
icon: Heart,
|
||
title: "Esperienza rilassante",
|
||
description: "Shampoo, piega e trattamenti in un ambiente accogliente e curato.",
|
||
},
|
||
{
|
||
icon: Users,
|
||
title: "Team professionale",
|
||
description: "Personale gentile, preparato e attento a ogni singolo dettaglio.",
|
||
},
|
||
{
|
||
icon: ShieldCheck,
|
||
title: "Prodotti certificati",
|
||
description: "Utilizziamo solo marchi di alta qualità per la salute della tua pelle e dei capelli.",
|
||
},
|
||
]}
|
||
title="Perché Sceglierci"
|
||
description="L'eccellenza al servizio della tua bellezza quotidiana."
|
||
/>
|
||
</div>
|
||
|
||
<div id="servizi" data-section="servizi">
|
||
<PricingCardFive
|
||
animationType="slide-up"
|
||
textboxLayout="split"
|
||
useInvertedBackground={true}
|
||
plans={[
|
||
{
|
||
id: "p1",
|
||
tag: "Unghie",
|
||
price: "DA €25",
|
||
period: "seduta",
|
||
description: "Manicure e Semipermanente professionale.",
|
||
button: {
|
||
text: "Prenota",
|
||
href: "#contatti",
|
||
},
|
||
featuresTitle: "Dettagli",
|
||
features: [
|
||
"Durata: 45 min",
|
||
"Prodotti premium",
|
||
"Nail art inclusa",
|
||
],
|
||
},
|
||
{
|
||
id: "p2",
|
||
tag: "Unghie",
|
||
price: "DA €45",
|
||
period: "seduta",
|
||
description: "Ricostruzione completa con gel.",
|
||
button: {
|
||
text: "Prenota",
|
||
href: "#contatti",
|
||
},
|
||
featuresTitle: "Dettagli",
|
||
features: [
|
||
"Durata: < 2 ore",
|
||
"Massima tenuta",
|
||
"Design personalizzato",
|
||
],
|
||
},
|
||
{
|
||
id: "p3",
|
||
tag: "Capelli",
|
||
price: "DA €30",
|
||
period: "seduta",
|
||
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"
|
||
description="Scopri i nostri trattamenti dedicati alla tua cura completa."
|
||
/>
|
||
</div>
|
||
|
||
<div id="recensioni" data-section="recensioni">
|
||
<TestimonialCardTwo
|
||
animationType="slide-up"
|
||
textboxLayout="split"
|
||
useInvertedBackground={false}
|
||
testimonials={[
|
||
{
|
||
id: "t1",
|
||
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",
|
||
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",
|
||
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",
|
||
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",
|
||
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"
|
||
description="La soddisfazione di chi sceglie il nostro salone ogni giorno."
|
||
/>
|
||
</div>
|
||
|
||
<div id="galleria" data-section="galleria">
|
||
<FeatureHoverPattern
|
||
animationType="slide-up"
|
||
textboxLayout="split"
|
||
useInvertedBackground={true}
|
||
features={[
|
||
{
|
||
icon: Camera,
|
||
title: "Manicure Elegante",
|
||
description: "Risultati raffinati e duraturi.",
|
||
},
|
||
{
|
||
icon: Palette,
|
||
title: "Nail Art Creativa",
|
||
description: "Design su misura per ogni gusto.",
|
||
},
|
||
{
|
||
icon: Scissors,
|
||
title: "Stile Capelli",
|
||
description: "Acconciature e tagli sempre attuali.",
|
||
},
|
||
{
|
||
icon: Sparkles,
|
||
title: "Ambiente Relax",
|
||
description: "Un'oasi di benessere nel cuore di Romano.",
|
||
},
|
||
{
|
||
icon: Palette,
|
||
title: "Colorazioni Moda",
|
||
description: "Tecniche avanzate di colorazione per un look vibrante.",
|
||
},
|
||
]}
|
||
title="I Nostri Lavori"
|
||
description="Uno sguardo all'interno del mondo Lala Nail."
|
||
/>
|
||
</div>
|
||
|
||
<div id="contatti" data-section="contatti">
|
||
<ContactSplitForm
|
||
useInvertedBackground={false}
|
||
title="Prenota il tuo momento"
|
||
description="Via Bartolomeo Colleoni 28, Romano di Lombardia. Siamo aperti Lun-Sab 09:00-20:00."
|
||
inputs={[
|
||
{
|
||
name: "name",
|
||
type: "text",
|
||
placeholder: "Nome e Cognome",
|
||
required: true,
|
||
},
|
||
{
|
||
name: "phone",
|
||
type: "tel",
|
||
placeholder: "Telefono",
|
||
required: true,
|
||
},
|
||
]}
|
||
textarea={{
|
||
name: "message",
|
||
placeholder: "Servizio richiesto o preferenze orarie",
|
||
rows: 4,
|
||
}}
|
||
imageSrc="http://img.b2bpic.net/free-photo/3d-rendering-classic-interior_23-2150943443.jpg"
|
||
/>
|
||
</div>
|
||
|
||
<div id="footer" data-section="footer">
|
||
<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"
|
||
logoText="Lala Nail"
|
||
columns={[
|
||
{
|
||
title: "Contatti",
|
||
items: [
|
||
{
|
||
label: "327 319 5204",
|
||
href: "tel:3273195204",
|
||
},
|
||
{
|
||
label: "Via Colleoni 28, Romano",
|
||
href: "#",
|
||
},
|
||
],
|
||
},
|
||
{
|
||
title: "Servizi",
|
||
items: [
|
||
{
|
||
label: "Manicure",
|
||
href: "#servizi",
|
||
},
|
||
{
|
||
label: "Piega",
|
||
href: "#servizi",
|
||
},
|
||
],
|
||
},
|
||
]}
|
||
copyrightText="© 2026 Lala Nail Parrucchiere. Tutti i diritti riservati."
|
||
/>
|
||
</div>
|
||
</ReactLenis>
|
||
</ThemeProvider>
|
||
);
|
||
}
|