|
|
|
@@ -15,16 +15,16 @@ import { Heart, Phone, Sparkles } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
|
|
export default function LandingPage() {
|
|
|
|
return (
|
|
|
|
return (
|
|
|
|
<ThemeProvider
|
|
|
|
<ThemeProvider
|
|
|
|
defaultButtonVariant="directional-hover"
|
|
|
|
defaultButtonVariant="hover-magnetic"
|
|
|
|
defaultTextAnimation="entrance-slide"
|
|
|
|
defaultTextAnimation="reveal-blur"
|
|
|
|
borderRadius="rounded"
|
|
|
|
borderRadius="pill"
|
|
|
|
contentWidth="mediumLarge"
|
|
|
|
contentWidth="mediumLarge"
|
|
|
|
sizing="largeSmallSizeMediumTitles"
|
|
|
|
sizing="largeSizeMediumTitles"
|
|
|
|
background="fluid"
|
|
|
|
background="circleGradient"
|
|
|
|
cardStyle="gradient-radial"
|
|
|
|
cardStyle="glass-elevated"
|
|
|
|
primaryButtonStyle="double-inset"
|
|
|
|
primaryButtonStyle="radial-glow"
|
|
|
|
secondaryButtonStyle="solid"
|
|
|
|
secondaryButtonStyle="glass"
|
|
|
|
headingFontWeight="extrabold"
|
|
|
|
headingFontWeight="semibold"
|
|
|
|
>
|
|
|
|
>
|
|
|
|
<div id="nav" data-section="nav">
|
|
|
|
<div id="nav" data-section="nav">
|
|
|
|
<NavbarLayoutFloatingOverlay
|
|
|
|
<NavbarLayoutFloatingOverlay
|
|
|
|
@@ -46,11 +46,13 @@ export default function LandingPage() {
|
|
|
|
title="Tendance Vintage"
|
|
|
|
title="Tendance Vintage"
|
|
|
|
description="Salon de coiffure au cœur de Bordeaux"
|
|
|
|
description="Salon de coiffure au cœur de Bordeaux"
|
|
|
|
tag="Depuis 2010 | Excellence & Élégance"
|
|
|
|
tag="Depuis 2010 | Excellence & Élégance"
|
|
|
|
|
|
|
|
tagAnimation="blur-reveal"
|
|
|
|
imageSrc="http://img.b2bpic.net/free-photo/two-hairstylers-posing-standing-modern-spacy-beaty-salon_651396-986.jpg"
|
|
|
|
imageSrc="http://img.b2bpic.net/free-photo/two-hairstylers-posing-standing-modern-spacy-beaty-salon_651396-986.jpg"
|
|
|
|
imageAlt="Luxury hair salon interior at Tendance Vintage"
|
|
|
|
imageAlt="Luxury hair salon interior at Tendance Vintage"
|
|
|
|
textPosition="bottom-left"
|
|
|
|
textPosition="bottom-left"
|
|
|
|
showBlur={true}
|
|
|
|
showBlur={true}
|
|
|
|
showDimOverlay={true}
|
|
|
|
showDimOverlay={true}
|
|
|
|
|
|
|
|
buttonAnimation="blur-reveal"
|
|
|
|
buttons={[
|
|
|
|
buttons={[
|
|
|
|
{ text: "Appeler", href: "tel:+33556727935" },
|
|
|
|
{ text: "Appeler", href: "tel:+33556727935" },
|
|
|
|
{ text: "Itinéraire", href: "https://maps.google.com/?q=204+Rue+Sainte-Catherine,+33000+Bordeaux,+France" },
|
|
|
|
{ text: "Itinéraire", href: "https://maps.google.com/?q=204+Rue+Sainte-Catherine,+33000+Bordeaux,+France" },
|
|
|
|
@@ -62,14 +64,15 @@ export default function LandingPage() {
|
|
|
|
<TestimonialAboutCard
|
|
|
|
<TestimonialAboutCard
|
|
|
|
tag="À propos de nous"
|
|
|
|
tag="À propos de nous"
|
|
|
|
tagIcon={Sparkles}
|
|
|
|
tagIcon={Sparkles}
|
|
|
|
|
|
|
|
tagAnimation="blur-reveal"
|
|
|
|
title="Un salon d'exception pour vos cheveux"
|
|
|
|
title="Un salon d'exception pour vos cheveux"
|
|
|
|
description="Tendance Vintage"
|
|
|
|
description="Tendance Vintage"
|
|
|
|
subdescription="204 Rue Sainte-Catherine, Bordeaux"
|
|
|
|
subdescription="204 Rue Sainte-Catherine, Bordeaux"
|
|
|
|
icon={Heart}
|
|
|
|
icon={Heart}
|
|
|
|
imageSrc="http://img.b2bpic.net/free-photo/skies-snowboard-lounge-area_482257-76730.jpg"
|
|
|
|
imageSrc="http://img.b2bpic.net/free-photo/skies-snowboard-lounge-area_482257-76730.jpg"
|
|
|
|
imageAlt="Interior view of Tendance Vintage salon"
|
|
|
|
imageAlt="Interior view of Tendance Vintage salon"
|
|
|
|
mediaAnimation="slide-up"
|
|
|
|
mediaAnimation="blur-reveal"
|
|
|
|
useInvertedBackground={true}
|
|
|
|
useInvertedBackground={false}
|
|
|
|
/>
|
|
|
|
/>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
@@ -78,7 +81,7 @@ export default function LandingPage() {
|
|
|
|
title="Nos Services Experts"
|
|
|
|
title="Nos Services Experts"
|
|
|
|
description="Découvrez notre gamme complète de services capillaires haut de gamme, conçus pour sublimer vos cheveux"
|
|
|
|
description="Découvrez notre gamme complète de services capillaires haut de gamme, conçus pour sublimer vos cheveux"
|
|
|
|
tag="Expertise & Qualité"
|
|
|
|
tag="Expertise & Qualité"
|
|
|
|
tagAnimation="slide-up"
|
|
|
|
tagAnimation="blur-reveal"
|
|
|
|
features={[
|
|
|
|
features={[
|
|
|
|
{
|
|
|
|
{
|
|
|
|
id: "1", title: "Balayage", tags: ["Coloration", "Tendance"],
|
|
|
|
id: "1", title: "Balayage", tags: ["Coloration", "Tendance"],
|
|
|
|
@@ -105,9 +108,10 @@ export default function LandingPage() {
|
|
|
|
id: "8", title: "Taille de Barbe", tags: ["Homme", "Précision"],
|
|
|
|
id: "8", title: "Taille de Barbe", tags: ["Homme", "Précision"],
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/professional-hairdresser-modeling-beard-barbershop-close-up-photo_613910-18422.jpg", imageAlt: "Professional beard trimming service"},
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/professional-hairdresser-modeling-beard-barbershop-close-up-photo_613910-18422.jpg", imageAlt: "Professional beard trimming service"},
|
|
|
|
]}
|
|
|
|
]}
|
|
|
|
animationType="slide-up"
|
|
|
|
animationType="blur-reveal"
|
|
|
|
textboxLayout="default"
|
|
|
|
textboxLayout="default"
|
|
|
|
useInvertedBackground={false}
|
|
|
|
useInvertedBackground={true}
|
|
|
|
|
|
|
|
buttonAnimation="blur-reveal"
|
|
|
|
/>
|
|
|
|
/>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
@@ -116,7 +120,7 @@ export default function LandingPage() {
|
|
|
|
title="Notre Galerie"
|
|
|
|
title="Notre Galerie"
|
|
|
|
description="Découvrez les réalisations de nos stylistes experts à travers une sélection de nos plus beaux travaux"
|
|
|
|
description="Découvrez les réalisations de nos stylistes experts à travers une sélection de nos plus beaux travaux"
|
|
|
|
tag="Portfolio"
|
|
|
|
tag="Portfolio"
|
|
|
|
tagAnimation="slide-up"
|
|
|
|
tagAnimation="blur-reveal"
|
|
|
|
products={[
|
|
|
|
products={[
|
|
|
|
{
|
|
|
|
{
|
|
|
|
id: "1", name: "Coupe & Coloration", price: "Inspiration", imageSrc: "http://img.b2bpic.net/free-photo/woman-preparing-girl-haircut-procedure_23-2147769867.jpg", imageAlt: "Professional haircut and color work"},
|
|
|
|
id: "1", name: "Coupe & Coloration", price: "Inspiration", imageSrc: "http://img.b2bpic.net/free-photo/woman-preparing-girl-haircut-procedure_23-2147769867.jpg", imageAlt: "Professional haircut and color work"},
|
|
|
|
@@ -128,9 +132,10 @@ export default function LandingPage() {
|
|
|
|
id: "4", name: "Transformation", price: "Luxe", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-black-sweater-standing-posing_114579-81883.jpg?_wi=2", imageAlt: "Complete hair transformation result"},
|
|
|
|
id: "4", name: "Transformation", price: "Luxe", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-black-sweater-standing-posing_114579-81883.jpg?_wi=2", imageAlt: "Complete hair transformation result"},
|
|
|
|
]}
|
|
|
|
]}
|
|
|
|
gridVariant="two-columns-alternating-heights"
|
|
|
|
gridVariant="two-columns-alternating-heights"
|
|
|
|
animationType="slide-up"
|
|
|
|
animationType="blur-reveal"
|
|
|
|
textboxLayout="default"
|
|
|
|
textboxLayout="default"
|
|
|
|
useInvertedBackground={true}
|
|
|
|
useInvertedBackground={false}
|
|
|
|
|
|
|
|
buttonAnimation="blur-reveal"
|
|
|
|
/>
|
|
|
|
/>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
@@ -139,7 +144,7 @@ export default function LandingPage() {
|
|
|
|
title="Témoignages Clients"
|
|
|
|
title="Témoignages Clients"
|
|
|
|
description="Découvrez ce que nos clients satisfaits pensent de nos services et de notre expertise"
|
|
|
|
description="Découvrez ce que nos clients satisfaits pensent de nos services et de notre expertise"
|
|
|
|
tag="4.9 ⭐ / 571 avis"
|
|
|
|
tag="4.9 ⭐ / 571 avis"
|
|
|
|
tagAnimation="slide-up"
|
|
|
|
tagAnimation="blur-reveal"
|
|
|
|
testimonials={[
|
|
|
|
testimonials={[
|
|
|
|
{
|
|
|
|
{
|
|
|
|
id: "1", name: "Marie Dubois", role: "Professionnelle", testimonial: "Tendance Vintage est un véritable havre de paix. Les stylistes sont exceptionnels et comprennent mes besoins. Je recommande vivement !", imageSrc: "http://img.b2bpic.net/free-photo/casual-smile-street-style-background-spring_1139-777.jpg", imageAlt: "Client testimonial - Marie Dubois", icon: Heart,
|
|
|
|
id: "1", name: "Marie Dubois", role: "Professionnelle", testimonial: "Tendance Vintage est un véritable havre de paix. Les stylistes sont exceptionnels et comprennent mes besoins. Je recommande vivement !", imageSrc: "http://img.b2bpic.net/free-photo/casual-smile-street-style-background-spring_1139-777.jpg", imageAlt: "Client testimonial - Marie Dubois", icon: Heart,
|
|
|
|
@@ -160,10 +165,11 @@ export default function LandingPage() {
|
|
|
|
id: "6", name: "Monique Leclerc", role: "Médecin", testimonial: "Service impeccable, stylistes talentueux et ambiance luxueuse. C'est mon endroit préféré pour me sentir bien. Vivement la prochaine visite !", imageSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-attractive-woman-showing-thumb-up-outdoors_1262-12526.jpg", imageAlt: "Client testimonial - Monique Leclerc", icon: Heart,
|
|
|
|
id: "6", name: "Monique Leclerc", role: "Médecin", testimonial: "Service impeccable, stylistes talentueux et ambiance luxueuse. C'est mon endroit préféré pour me sentir bien. Vivement la prochaine visite !", imageSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-attractive-woman-showing-thumb-up-outdoors_1262-12526.jpg", imageAlt: "Client testimonial - Monique Leclerc", icon: Heart,
|
|
|
|
},
|
|
|
|
},
|
|
|
|
]}
|
|
|
|
]}
|
|
|
|
animationType="slide-up"
|
|
|
|
animationType="blur-reveal"
|
|
|
|
textboxLayout="default"
|
|
|
|
textboxLayout="default"
|
|
|
|
useInvertedBackground={false}
|
|
|
|
useInvertedBackground={true}
|
|
|
|
carouselMode="auto"
|
|
|
|
carouselMode="auto"
|
|
|
|
|
|
|
|
buttonAnimation="blur-reveal"
|
|
|
|
/>
|
|
|
|
/>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
@@ -172,7 +178,7 @@ export default function LandingPage() {
|
|
|
|
title="Nos Succès"
|
|
|
|
title="Nos Succès"
|
|
|
|
description="Des chiffres qui parlent de notre engagement envers l'excellence"
|
|
|
|
description="Des chiffres qui parlent de notre engagement envers l'excellence"
|
|
|
|
tag="Performance"
|
|
|
|
tag="Performance"
|
|
|
|
tagAnimation="slide-up"
|
|
|
|
tagAnimation="blur-reveal"
|
|
|
|
metrics={[
|
|
|
|
metrics={[
|
|
|
|
{ id: "1", value: "571", description: "Avis Clients Satisfaits" },
|
|
|
|
{ id: "1", value: "571", description: "Avis Clients Satisfaits" },
|
|
|
|
{ id: "2", value: "4.9", description: "Note Moyenne ⭐" },
|
|
|
|
{ id: "2", value: "4.9", description: "Note Moyenne ⭐" },
|
|
|
|
@@ -180,9 +186,10 @@ export default function LandingPage() {
|
|
|
|
{ id: "4", value: "1000+", description: "Clients Réguliers" },
|
|
|
|
{ id: "4", value: "1000+", description: "Clients Réguliers" },
|
|
|
|
]}
|
|
|
|
]}
|
|
|
|
gridVariant="uniform-all-items-equal"
|
|
|
|
gridVariant="uniform-all-items-equal"
|
|
|
|
animationType="slide-up"
|
|
|
|
animationType="blur-reveal"
|
|
|
|
textboxLayout="default"
|
|
|
|
textboxLayout="default"
|
|
|
|
useInvertedBackground={true}
|
|
|
|
useInvertedBackground={false}
|
|
|
|
|
|
|
|
buttonAnimation="blur-reveal"
|
|
|
|
/>
|
|
|
|
/>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
@@ -190,12 +197,14 @@ export default function LandingPage() {
|
|
|
|
<ContactCTA
|
|
|
|
<ContactCTA
|
|
|
|
tag="Nous Contacter"
|
|
|
|
tag="Nous Contacter"
|
|
|
|
tagIcon={Phone}
|
|
|
|
tagIcon={Phone}
|
|
|
|
|
|
|
|
tagAnimation="blur-reveal"
|
|
|
|
title="Prêt à transformer vos cheveux ?"
|
|
|
|
title="Prêt à transformer vos cheveux ?"
|
|
|
|
description="Réservez votre rendez-vous dès aujourd'hui ou visitez-nous au cœur de Bordeaux. Nos stylistes experts vous accueillent du lundi au samedi."
|
|
|
|
description="Réservez votre rendez-vous dès aujourd'hui ou visitez-nous au cœur de Bordeaux. Nos stylistes experts vous accueillent du lundi au samedi."
|
|
|
|
buttons={[
|
|
|
|
buttons={[
|
|
|
|
{ text: "Appeler", href: "tel:+33556727935" },
|
|
|
|
{ text: "Appeler", href: "tel:+33556727935" },
|
|
|
|
{ text: "Itinéraire", href: "https://maps.google.com/?q=204+Rue+Sainte-Catherine,+33000+Bordeaux,+France" },
|
|
|
|
{ text: "Itinéraire", href: "https://maps.google.com/?q=204+Rue+Sainte-Catherine,+33000+Bordeaux,+France" },
|
|
|
|
]}
|
|
|
|
]}
|
|
|
|
|
|
|
|
buttonAnimation="blur-reveal"
|
|
|
|
background={{ variant: "plain" }}
|
|
|
|
background={{ variant: "plain" }}
|
|
|
|
useInvertedBackground={false}
|
|
|
|
useInvertedBackground={false}
|
|
|
|
/>
|
|
|
|
/>
|
|
|
|
|
