Initial commit
This commit is contained in:
349
src/app/page.tsx
Normal file
349
src/app/page.tsx
Normal file
@@ -0,0 +1,349 @@
|
||||
"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",
|
||||
},
|
||||
{
|
||||
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",
|
||||
},
|
||||
{
|
||||
id: "h6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-hair-process-keratin-treatment_23-2149332459.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</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"
|
||||
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>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user