Merge version_1 into main #2
403
src/app/page.tsx
403
src/app/page.tsx
@@ -28,286 +28,147 @@ export default function LandingPage() {
|
||||
headingFontWeight="extrabold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Accueil",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Témoignages",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Toilettage de luxe"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{ name: "Accueil", id: "hero" },
|
||||
{ name: "Services", id: "features" },
|
||||
{ name: "Témoignages", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Toilettage de luxe"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Toilettage de luxe : L'excellence pour votre animal"
|
||||
description="Offrez à votre compagnon une expérience de toilettage sur mesure, alliant confort, sécurité et savoir-faire artisanal dans un cadre apaisant."
|
||||
tag="Expérience Premium"
|
||||
buttons={[
|
||||
{
|
||||
text: "Prendre Rendez-vous",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vet-with-brush-animals-woman-black-t-shirt-cat-couch_1157-46550.jpg?_wi=1",
|
||||
imageAlt: "Luxurious dog grooming salon",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/haircuting-process-small-dog-sits-table-dog-with-professional_1157-48819.jpg?_wi=1",
|
||||
imageAlt: "Professional grooming care",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-shot-happy-young-woman-with-curly-hair-smiles-gladfully-enjoys-company-pet-poses-with-pug-dog-dressed-casually-isolated-beige-background-people-domestic-animals-concept_273609-60120.jpg?_wi=1",
|
||||
imageAlt: "Happy groomed dog",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-adorable-kitten-indoors_23-2150782481.jpg",
|
||||
imageAlt: "Spa experience for pet",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/yorkshire-terrier-getting-procedure-groomer-salon-young-woman-white-tshirt-trimming-little-dog-yorkshire-terrier-puppy-getting-haircut-with-shaving-machine_1157-51387.jpg",
|
||||
imageAlt: "Premium grooming tools",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-beautiful-woman-dog_23-2148777140.jpg",
|
||||
imageAlt: "Soft fur after grooming",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Toilettage de luxe : L'excellence pour votre animal"
|
||||
description="Offrez à votre compagnon une expérience de toilettage sur mesure, alliant confort, sécurité et savoir-faire artisanal dans un cadre apaisant."
|
||||
tag="Expérience Premium"
|
||||
buttons={[{ text: "Prendre Rendez-vous", href: "#contact" }]}
|
||||
mediaItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/vet-with-brush-animals-woman-black-t-shirt-cat-couch_1157-46550.jpg", imageAlt: "Luxurious dog grooming salon" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/haircuting-process-small-dog-sits-table-dog-with-professional_1157-48819.jpg", imageAlt: "Professional grooming care" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-shot-happy-young-woman-with-curly-hair-smiles-gladfully-enjoys-company-pet-poses-with-pug-dog-dressed-casually-isolated-beige-background-people-domestic-animals-concept_273609-60120.jpg", imageAlt: "Happy groomed dog" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-adorable-kitten-indoors_23-2150782481.jpg", imageAlt: "Spa experience for pet" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/yorkshire-terrier-getting-procedure-groomer-salon-young-woman-white-tshirt-trimming-little-dog-yorkshire-terrier-puppy-getting-haircut-with-shaving-machine_1157-51387.jpg", imageAlt: "Premium grooming tools" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/front-view-beautiful-woman-dog_23-2148777140.jpg", imageAlt: "Soft fur after grooming" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextSplitAbout
|
||||
useInvertedBackground={false}
|
||||
title="Une passion pour le bien-être animal"
|
||||
description={[
|
||||
"Fondé sur le respect et l'amour des animaux, notre salon de toilettage de luxe redéfinit le soin canin et félin. Chaque service est conçu pour minimiser le stress et maximiser le bien-être.",
|
||||
"Nos experts utilisent des produits biologiques de haute qualité, adaptés à chaque type de pelage, garantissant santé et brillance.",
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<TextSplitAbout
|
||||
useInvertedBackground={false}
|
||||
title="Une passion pour le bien-être animal"
|
||||
description={[
|
||||
"Fondé sur le respect et l'amour des animaux, notre salon de toilettage de luxe redéfinit le soin canin et félin. Chaque service est conçu pour minimiser le stress et maximiser le bien-être.", "Nos experts utilisent des produits biologiques de haute qualité, adaptés à chaque type de pelage, garantissant santé et brillance."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardNine
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Toilettage Complet",
|
||||
description: "Coupe, bain, séchage et soins des griffes personnalisés.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/brown-dog-dressed-black-trousers-white-shirt_1304-3736.jpg",
|
||||
imageAlt: "Dog grooming",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/yorkshire-terrier-getting-procedure-groomer-salon-young-woman-white-tshirt-trimming-little-dog-yorkshire-terrier-puppy-getting-haircut-with-shaving-machine_1157-51486.jpg",
|
||||
imageAlt: "Dog grooming care",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vet-with-brush-animals-woman-black-t-shirt-cat-couch_1157-46550.jpg?_wi=2",
|
||||
imageAlt: "full dog grooming",
|
||||
},
|
||||
{
|
||||
title: "Spa et Soins de Peau",
|
||||
description: "Traitements à l'huile et massages relaxants pour un pelage brillant.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/washing-pet-dog-home_23-2149627265.jpg",
|
||||
imageAlt: "Pet spa",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-senior-couple-with-cat-home_23-2150558009.jpg",
|
||||
imageAlt: "Pet massage",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/haircuting-process-small-dog-sits-table-dog-with-professional_1157-48819.jpg?_wi=2",
|
||||
imageAlt: "full dog grooming",
|
||||
},
|
||||
{
|
||||
title: "Préparation Concours",
|
||||
description: "Mise en beauté professionnelle pour les expositions canines.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-garage-sale_23-2150574483.jpg",
|
||||
imageAlt: "Dog show grooming",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-carrying-puppy-bag_23-2150565383.jpg",
|
||||
imageAlt: "Perfect dog grooming",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-shot-happy-young-woman-with-curly-hair-smiles-gladfully-enjoys-company-pet-poses-with-pug-dog-dressed-casually-isolated-beige-background-people-domestic-animals-concept_273609-60120.jpg?_wi=2",
|
||||
imageAlt: "full dog grooming",
|
||||
},
|
||||
]}
|
||||
showStepNumbers={false}
|
||||
title="Services d'exception"
|
||||
description="Une gamme complète de soins haut de gamme pour vos animaux."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardNine
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Toilettage Complet", description: "Coupe, bain, séchage et soins des griffes personnalisés.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/brown-dog-dressed-black-trousers-white-shirt_1304-3736.jpg", imageAlt: "Dog grooming" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/yorkshire-terrier-getting-procedure-groomer-salon-young-woman-white-tshirt-trimming-little-dog-yorkshire-terrier-puppy-getting-haircut-with-shaving-machine_1157-51486.jpg", imageAlt: "Dog grooming care" }
|
||||
},
|
||||
{
|
||||
title: "Spa et Soins de Peau", description: "Traitements à l'huile et massages relaxants pour un pelage brillant.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/washing-pet-dog-home_23-2149627265.jpg", imageAlt: "Pet spa" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/front-view-senior-couple-with-cat-home_23-2150558009.jpg", imageAlt: "Pet massage" }
|
||||
},
|
||||
{
|
||||
title: "Préparation Concours", description: "Mise en beauté professionnelle pour les expositions canines.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-garage-sale_23-2150574483.jpg", imageAlt: "Dog show grooming" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-carrying-puppy-bag_23-2150565383.jpg", imageAlt: "Perfect dog grooming" }
|
||||
},
|
||||
]}
|
||||
showStepNumbers={false}
|
||||
title="Services d'exception"
|
||||
description="Une gamme complète de soins haut de gamme pour vos animaux."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardEleven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "1200+",
|
||||
title: "Animaux chouchoutés",
|
||||
description: "Clientèle satisfaite chaque année",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-illustration-showcasing-friendship-cats-dogs_23-2151483306.jpg",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "15+",
|
||||
title: "Ans d'expérience",
|
||||
description: "Expertise en toilettage luxe",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/surprised-young-beautiful-female-barber-uniform-holding-barber-tools-isolated-pink-background_141793-119285.jpg",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "100%",
|
||||
title: "Produits Bio",
|
||||
description: "Respect de la peau et planète",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/product-branding-packaging_23-2150965818.jpg",
|
||||
},
|
||||
]}
|
||||
title="Notre engagement"
|
||||
description="Des chiffres qui témoignent de la confiance que vous nous accordez."
|
||||
/>
|
||||
</div>
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardEleven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{ id: "m1", value: "1200+", title: "Animaux chouchoutés", description: "Clientèle satisfaite chaque année", imageSrc: "http://img.b2bpic.net/free-photo/3d-illustration-showcasing-friendship-cats-dogs_23-2151483306.jpg" },
|
||||
{ id: "m2", value: "15+", title: "Ans d'expérience", description: "Expertise en toilettage luxe", imageSrc: "http://img.b2bpic.net/free-photo/surprised-young-beautiful-female-barber-uniform-holding-barber-tools-isolated-pink-background_141793-119285.jpg" },
|
||||
{ id: "m3", value: "100%", title: "Produits Bio", description: "Respect de la peau et planète", imageSrc: "http://img.b2bpic.net/free-photo/product-branding-packaging_23-2150965818.jpg" },
|
||||
]}
|
||||
title="Notre engagement"
|
||||
description="Des chiffres qui témoignent de la confiance que vous nous accordez."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSix
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Marie L.",
|
||||
handle: "@mariel",
|
||||
testimonial: "Le meilleur salon de luxe pour mon caniche ! Travail impeccable.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-european-woman-with-blonde-curly-hair-poses-with-pug-dog-being-glad-pet-owner-poses-making-memorable-photo-dressed-pink-casual-t-shirt-isolated-beige-background_273609-60879.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Julien P.",
|
||||
handle: "@julienp",
|
||||
testimonial: "Un service très professionnel, mon chien est ressorti détendu.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Sophie M.",
|
||||
handle: "@sophiem",
|
||||
testimonial: "Qualité de toilettage exceptionnelle. Je recommande vivement.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/evaluation-feedback-customer-smiley-response_53876-123011.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Marc B.",
|
||||
handle: "@marcb",
|
||||
testimonial: "Luxe et douceur pour mon chat Maine Coon. Bravo !",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-cat-playing-bed_23-2148797438.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Julie G.",
|
||||
handle: "@julieg",
|
||||
testimonial: "Accueil chaleureux, un vrai soin spa pour mon petit compagnon.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-with-russian-toy-arms_1398-4985.jpg",
|
||||
},
|
||||
]}
|
||||
title="L'avis de nos clients"
|
||||
description="Découvrez ce que disent les maîtres exigeants."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSix
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{ id: "t1", name: "Marie L.", handle: "@mariel", testimonial: "Le meilleur salon de luxe pour mon caniche ! Travail impeccable.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-european-woman-with-blonde-curly-hair-poses-with-pug-dog-being-glad-pet-owner-poses-making-memorable-photo-dressed-pink-casual-t-shirt-isolated-beige-background_273609-60879.jpg" },
|
||||
{ id: "t2", name: "Julien P.", handle: "@julienp", testimonial: "Un service très professionnel, mon chien est ressorti détendu.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg" },
|
||||
{ id: "t3", name: "Sophie M.", handle: "@sophiem", testimonial: "Qualité de toilettage exceptionnelle. Je recommande vivement.", imageSrc: "http://img.b2bpic.net/free-photo/evaluation-feedback-customer-smiley-response_53876-123011.jpg" },
|
||||
{ id: "t4", name: "Marc B.", handle: "@marcb", testimonial: "Luxe et douceur pour mon chat Maine Coon. Bravo !", imageSrc: "http://img.b2bpic.net/free-photo/girl-cat-playing-bed_23-2148797438.jpg" },
|
||||
{ id: "t5", name: "Julie G.", handle: "@julieg", testimonial: "Accueil chaleureux, un vrai soin spa pour mon petit compagnon.", imageSrc: "http://img.b2bpic.net/free-photo/woman-with-russian-toy-arms_1398-4985.jpg" },
|
||||
]}
|
||||
title="L'avis de nos clients"
|
||||
description="Découvrez ce que disent les maîtres exigeants."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="socialProof" data-section="socialProof">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Royal Canin",
|
||||
"Purina Pro Plan",
|
||||
"Virbac",
|
||||
"Bio-Groom",
|
||||
"Furminator",
|
||||
"Zolux",
|
||||
"Martin Sellier",
|
||||
]}
|
||||
title="Nos partenaires"
|
||||
description="Nous collaborons avec les meilleurs noms du monde animalier."
|
||||
/>
|
||||
</div>
|
||||
<div id="socialProof" data-section="socialProof">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={["Royal Canin", "Purina Pro Plan", "Virbac", "Bio-Groom", "Furminator", "Zolux", "Martin Sellier"]}
|
||||
title="Nos partenaires"
|
||||
description="Nous collaborons avec les meilleurs noms du monde animalier."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Quels types d'animaux acceptez-vous ?",
|
||||
content: "Nous acceptons chiens et chats de toutes races.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Combien de temps dure un rendez-vous ?",
|
||||
content: "Comptez entre 1h30 et 2h selon le service.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Utilisez-vous des produits naturels ?",
|
||||
content: "Oui, nous privilégions exclusivement les produits bio.",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/side-view-girl-petting-cute-dog_23-2149873440.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
title="Questions fréquentes"
|
||||
description="Toutes les réponses à vos interrogations."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{ id: "q1", title: "Quels types d'animaux acceptez-vous ?", content: "Nous acceptons chiens et chats de toutes races." },
|
||||
{ id: "q2", title: "Combien de temps dure un rendez-vous ?", content: "Comptez entre 1h30 et 2h selon le service." },
|
||||
{ id: "q3", title: "Utilisez-vous des produits naturels ?", content: "Oui, nous privilégions exclusivement les produits bio." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/side-view-girl-petting-cute-dog_23-2149873440.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
title="Questions fréquentes"
|
||||
description="Toutes les réponses à vos interrogations."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Contact"
|
||||
title="Prenez rendez-vous"
|
||||
description="Donnez le meilleur à votre animal, contactez-nous dès aujourd'hui."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-doctor-with-cute-dog_23-2149271795.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Contact"
|
||||
title="Prenez rendez-vous"
|
||||
description="Donnez le meilleur à votre animal, contactez-nous dès aujourd'hui."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-doctor-with-cute-dog_23-2149271795.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="Toilettage de luxe"
|
||||
copyrightText="© 2025 | Toilettage de luxe"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="Toilettage de luxe"
|
||||
copyrightText="© 2025 | Toilettage de luxe"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user