302 lines
10 KiB
TypeScript
302 lines
10 KiB
TypeScript
"use client";
|
||
|
||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||
import ReactLenis from "lenis/react";
|
||
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||
import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
|
||
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
||
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
|
||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
||
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
|
||
import { Scissors } from "lucide-react";
|
||
|
||
export default function LandingPage() {
|
||
return (
|
||
<ThemeProvider
|
||
defaultButtonVariant="text-stagger"
|
||
defaultTextAnimation="entrance-slide"
|
||
borderRadius="soft"
|
||
contentWidth="medium"
|
||
sizing="largeSmall"
|
||
background="blurBottom"
|
||
cardStyle="soft-shadow"
|
||
primaryButtonStyle="double-inset"
|
||
secondaryButtonStyle="layered"
|
||
headingFontWeight="medium"
|
||
>
|
||
<ReactLenis root>
|
||
<div id="nav" data-section="nav">
|
||
<NavbarStyleFullscreen
|
||
navItems={[
|
||
{
|
||
name: "Home",
|
||
id: "hero",
|
||
},
|
||
{
|
||
name: "About",
|
||
id: "about",
|
||
},
|
||
{
|
||
name: "Services",
|
||
id: "services",
|
||
},
|
||
{
|
||
name: "Testimonials",
|
||
id: "testimonials",
|
||
},
|
||
{
|
||
name: "Contact",
|
||
id: "contact",
|
||
},
|
||
]}
|
||
brandName="SALON KHOYA"
|
||
/>
|
||
</div>
|
||
|
||
<div id="hero" data-section="hero">
|
||
<HeroBillboardGallery
|
||
background={{
|
||
variant: "sparkles-gradient",
|
||
}}
|
||
title="SALON KHOYA SHOP – Dove lo stile incontra la precisione"
|
||
description="Scopri l'eccellenza in ogni taglio. Mirandola, Via Cesare Battisti, 7."
|
||
buttons={[
|
||
{
|
||
text: "Prenota Ora",
|
||
href: "#contact",
|
||
},
|
||
]}
|
||
mediaItems={[
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-grooming-their-client_23-2149205873.jpg",
|
||
imageAlt: "Salon Khoya Interior",
|
||
},
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-hairdresser-shop_23-2149220587.jpg?_wi=1",
|
||
imageAlt: "Salon Khoya Detail",
|
||
},
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-getting-his-beard-styled-barber_23-2148985714.jpg?_wi=1",
|
||
imageAlt: "Luxury Barber Chair",
|
||
},
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-male-self-care-setting-still-life_23-2150326557.jpg?_wi=1",
|
||
imageAlt: "Barber Tools",
|
||
},
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-fashion-stylish-hipster-businessman-model-dressed-elegant-brown-suit-glasses-near-dark-wall_158538-11230.jpg?_wi=1",
|
||
imageAlt: "Stylish Haircut",
|
||
},
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/essential-oil-spray-bottle-aromatic-beauty-product_53876-134404.jpg?_wi=1",
|
||
imageAlt: "Product Display",
|
||
},
|
||
]}
|
||
mediaAnimation="slide-up"
|
||
/>
|
||
</div>
|
||
|
||
<div id="about" data-section="about">
|
||
<TestimonialAboutCard
|
||
useInvertedBackground={false}
|
||
tag="Chi Siamo"
|
||
title="La Tradizione incontra l'Innovazione"
|
||
description="SALON KHOYA SHOP è il punto di riferimento a Mirandola per tagli moderni, rasature classiche e cura della barba. Ogni cliente riceve attenzione personalizzata e trattamenti di alta qualità."
|
||
subdescription="La nostra missione è far uscire ogni cliente con uno stile perfetto e un'esperienza indimenticabile."
|
||
imageSrc="http://img.b2bpic.net/free-photo/portrait-man-with-tattoo-his-face-with-crossed-arms-dressed-white-shirt-grey-background_613910-8120.jpg"
|
||
mediaAnimation="blur-reveal"
|
||
icon={Scissors}
|
||
/>
|
||
</div>
|
||
|
||
<div id="services" data-section="services">
|
||
<FeatureCardThree
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
gridVariant="three-columns-all-equal-width"
|
||
useInvertedBackground={true}
|
||
features={[
|
||
{
|
||
id: "s1",
|
||
title: "Taglio Uomo",
|
||
description: "Tagli personalizzati per ogni esigenza di stile.",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-pensive-man-is-waiting-his-turn-get-haircut-busy-barbershop_613910-21489.jpg",
|
||
},
|
||
{
|
||
id: "s2",
|
||
title: "Rasatura Tradizionale",
|
||
description: "Riscopri il rito della rasatura classica con panno caldo.",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/shaving-handsome-guy-shaved-face-gray_1150-15133.jpg",
|
||
},
|
||
{
|
||
id: "s3",
|
||
title: "Cura Barba",
|
||
description: "Modellatura precisa e cura dedicata per la tua barba.",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/bearded-man-near-blurred-stylist_23-2147778876.jpg",
|
||
},
|
||
]}
|
||
title="I Nostri Servizi"
|
||
description="Servizi di alta qualità per la cura del tuo stile."
|
||
/>
|
||
</div>
|
||
|
||
<div id="testimonials" data-section="testimonials">
|
||
<TestimonialCardTen
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
testimonials={[
|
||
{
|
||
id: "t1",
|
||
title: "Professionalità",
|
||
quote: "Professionalità e precisione incredibili. Ogni volta esco soddisfatto!",
|
||
name: "Marco R.",
|
||
role: "Cliente",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/expressive-young-woman-posing_344912-2466.jpg?_wi=1",
|
||
},
|
||
{
|
||
id: "t2",
|
||
title: "Accoglienza",
|
||
quote: "Atmosfera accogliente e staff super gentile. Consigliatissimo!",
|
||
name: "Luca F.",
|
||
role: "Cliente",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-man-posing_23-2150171293.jpg",
|
||
},
|
||
{
|
||
id: "t3",
|
||
title: "Qualità",
|
||
quote: "Il miglior posto dove farsi tagliare i capelli a Mirandola.",
|
||
name: "Giulia P.",
|
||
role: "Cliente",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/picture-attractive-caucasian-man-white-wall_176420-7234.jpg",
|
||
},
|
||
{
|
||
id: "t4",
|
||
title: "Precisione",
|
||
quote: "Attenzione maniacale al dettaglio. Un vero artista.",
|
||
name: "Simone G.",
|
||
role: "Cliente",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-handsome-barber-wearing-uniform-doing-haircut-his-young-client_141793-117966.jpg",
|
||
},
|
||
{
|
||
id: "t5",
|
||
title: "Esperienza Unica",
|
||
quote: "Un ambiente di lusso, servizio impeccabile. Non vado altrove.",
|
||
name: "Alessandro V.",
|
||
role: "Cliente",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/expressive-young-woman-posing_344912-2466.jpg?_wi=2",
|
||
},
|
||
]}
|
||
title="Cosa dicono i nostri clienti"
|
||
description="La soddisfazione è la nostra priorità."
|
||
/>
|
||
</div>
|
||
|
||
<div id="gallery" data-section="gallery">
|
||
<ProductCardOne
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
gridVariant="three-columns-all-equal-width"
|
||
useInvertedBackground={true}
|
||
products={[
|
||
{
|
||
id: "g1",
|
||
name: "Salone interno",
|
||
price: "Lifestyle",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-hairdresser-shop_23-2149220587.jpg?_wi=2",
|
||
},
|
||
{
|
||
id: "g2",
|
||
name: "Dettaglio seduta",
|
||
price: "Comfort",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-getting-his-beard-styled-barber_23-2148985714.jpg?_wi=2",
|
||
},
|
||
{
|
||
id: "g3",
|
||
name: "Attrezzatura",
|
||
price: "Precisione",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-male-self-care-setting-still-life_23-2150326557.jpg?_wi=2",
|
||
},
|
||
{
|
||
id: "g4",
|
||
name: "Styling",
|
||
price: "Trend",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-fashion-stylish-hipster-businessman-model-dressed-elegant-brown-suit-glasses-near-dark-wall_158538-11230.jpg?_wi=2",
|
||
},
|
||
{
|
||
id: "g5",
|
||
name: "Prodotti",
|
||
price: "Premium",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/essential-oil-spray-bottle-aromatic-beauty-product_53876-134404.jpg?_wi=2",
|
||
},
|
||
{
|
||
id: "g6",
|
||
name: "Vista generale",
|
||
price: "Khoya Shop",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/hair-salon-chair-with-towel-armchair_23-2148242777.jpg",
|
||
},
|
||
]}
|
||
title="Il Nostro Stile"
|
||
description="Uno sguardo all'interno del salone."
|
||
/>
|
||
</div>
|
||
|
||
<div id="contact" data-section="contact">
|
||
<ContactCenter
|
||
useInvertedBackground={false}
|
||
background={{
|
||
variant: "plain",
|
||
}}
|
||
tag="Contatti"
|
||
title="Prenota il tuo appuntamento"
|
||
description="Siamo in Via Cesare Battisti, 7, Mirandola. Chiama il 393 526 1693 o scrivici."
|
||
inputPlaceholder="La tua email"
|
||
buttonText="Invia Richiesta"
|
||
/>
|
||
</div>
|
||
|
||
<div id="footer" data-section="footer">
|
||
<FooterMedia
|
||
imageSrc="http://img.b2bpic.net/free-photo/luxurious-dark-brown-tufted-leather-upholstery_84443-73306.jpg"
|
||
columns={[
|
||
{
|
||
title: "Menu",
|
||
items: [
|
||
{
|
||
label: "Home",
|
||
href: "#hero",
|
||
},
|
||
{
|
||
label: "Servizi",
|
||
href: "#services",
|
||
},
|
||
{
|
||
label: "Contatti",
|
||
href: "#contact",
|
||
},
|
||
],
|
||
},
|
||
{
|
||
title: "Social",
|
||
items: [
|
||
{
|
||
label: "Instagram",
|
||
href: "https://instagram.com",
|
||
},
|
||
{
|
||
label: "Facebook",
|
||
href: "https://facebook.com",
|
||
},
|
||
],
|
||
},
|
||
]}
|
||
logoText="SALON KHOYA"
|
||
copyrightText="© 2025 SALON KHOYA SHOP | Mirandola"
|
||
/>
|
||
</div>
|
||
</ReactLenis>
|
||
</ThemeProvider>
|
||
);
|
||
}
|