Update src/app/page.tsx
This commit is contained in:
392
src/app/page.tsx
392
src/app/page.tsx
@@ -12,7 +12,7 @@ import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
|||||||
import TeamCardSix from '@/components/sections/team/TeamCardSix';
|
import TeamCardSix from '@/components/sections/team/TeamCardSix';
|
||||||
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
|
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
|
||||||
import TextAbout from '@/components/sections/about/TextAbout';
|
import TextAbout from '@/components/sections/about/TextAbout';
|
||||||
import { Heart, Palette, Scissors, Sparkles } from "lucide-react";
|
import { Heart, Palette, Scissors, Sparkles, HeartHandshake } from "lucide-react";
|
||||||
|
|
||||||
export default function LandingPage() {
|
export default function LandingPage() {
|
||||||
return (
|
return (
|
||||||
@@ -33,45 +33,27 @@ export default function LandingPage() {
|
|||||||
<NavbarLayoutFloatingOverlay
|
<NavbarLayoutFloatingOverlay
|
||||||
navItems={[
|
navItems={[
|
||||||
{
|
{
|
||||||
name: "Accueil",
|
name: "Accueil", id: "#hero"},
|
||||||
id: "#hero",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "À Propos",
|
name: "À Propos", id: "#about"},
|
||||||
id: "#about",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Services",
|
name: "Services", id: "#features"},
|
||||||
id: "#features",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Galerie",
|
name: "Galerie", id: "#products"},
|
||||||
id: "#products",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Équipe",
|
name: "Équipe", id: "#team"},
|
||||||
id: "#team",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Avis",
|
name: "Avis", id: "#testimonials"},
|
||||||
id: "#testimonials",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "FAQ",
|
name: "FAQ", id: "#faq"},
|
||||||
id: "#faq",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Contact",
|
name: "Contact", id: "#contact"},
|
||||||
id: "#contact",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1zq6zt"
|
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1zq6zt"
|
||||||
logoAlt="Art Coif' logo"
|
logoAlt="Art Coif' logo"
|
||||||
brandName="Art Coif'"
|
brandName="Art Coif'"
|
||||||
button={{
|
button={{
|
||||||
text: "Prendre RDV",
|
text: "Prendre RDV", href: "#contact"}}
|
||||||
href: "#contact",
|
|
||||||
}}
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -79,113 +61,63 @@ export default function LandingPage() {
|
|||||||
<HeroSplitTestimonial
|
<HeroSplitTestimonial
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
background={{
|
background={{
|
||||||
variant: "radial-gradient",
|
variant: "radial-gradient"}}
|
||||||
}}
|
|
||||||
title="Votre style, notre passion. La beauté capillaire à Châtellerault."
|
title="Votre style, notre passion. La beauté capillaire à Châtellerault."
|
||||||
description="Chez Art Coif', nous transformons vos cheveux en œuvre d'art. Profitez d'une expérience unique, alliant expertise, écoute et les dernières tendances pour un résultat qui vous ressemble."
|
description="Chez Art Coif', nous transformons vos cheveux en œuvre d'art. Profitez d'une expérience unique, alliant expertise, écoute et les dernières tendances pour un résultat qui vous ressemble."
|
||||||
testimonials={[
|
testimonials={[
|
||||||
{
|
{
|
||||||
name: "Ayden Da Silva Gonçalves Kok",
|
name: "Ayden Da Silva Gonçalves Kok", handle: "@ayden_dasilva", testimonial: "Un très bon accueil, une apprentie très douce et un coiffeur au top 👌 Vous l’avez totalement réconcilié avec les coiffeurs et pourtant j’en ai eu des catastrophes capillaires 😂", rating: 5,
|
||||||
handle: "@ayden_dasilva",
|
imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-enthusiastic-handsome-young-teenage-guy-college-student-recommend-awesome-course_1258-109366.jpg", imageAlt: "Ayden Da Silva Gonçalves Kok"},
|
||||||
testimonial: "Un très bon accueil, une apprentie très douce et un coiffeur au top 👌 Vous l’avez totalement réconcilié avec les coiffeurs et pourtant j’en ai eu des catastrophes capillaires 😂",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-enthusiastic-handsome-young-teenage-guy-college-student-recommend-awesome-course_1258-109366.jpg",
|
|
||||||
imageAlt: "Ayden Da Silva Gonçalves Kok",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Veronique Barre",
|
name: "Veronique Barre", handle: "@veronique_barre", testimonial: "Bonjour, personnel agréable et surtout et surtout à l’écoute, merci pour le café, je recommande bonne continuation.", rating: 5,
|
||||||
handle: "@veronique_barre",
|
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-woman-with-curly-hair-isolated_273609-48191.jpg", imageAlt: "Veronique Barre"},
|
||||||
testimonial: "Bonjour, personnel agréable et surtout et surtout à l’écoute, merci pour le café, je recommande bonne continuation.",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-woman-with-curly-hair-isolated_273609-48191.jpg",
|
|
||||||
imageAlt: "Veronique Barre",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Marilyne BULTÉ-ROY",
|
name: "Marilyne BULTÉ-ROY", handle: "@marilyne_roy", testimonial: "J'ai mis du temps à laisser ce commentaire, parce qu'il fallait que je m'habitue à ma nouvelle coiffure magnifique ! Un travail impeccable, je suis ravie.", rating: 5,
|
||||||
handle: "@marilyne_roy",
|
imageSrc: "http://img.b2bpic.net/free-photo/women-getting-display-window-japanese-hairdressers-ready_23-2149395751.jpg", imageAlt: "Marilyne BULTÉ-ROY"},
|
||||||
testimonial: "J'ai mis du temps à laisser ce commentaire, parce qu'il fallait que je m'habitue à ma nouvelle coiffure magnifique ! Un travail impeccable, je suis ravie.",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/women-getting-display-window-japanese-hairdressers-ready_23-2149395751.jpg",
|
|
||||||
imageAlt: "Marilyne BULTÉ-ROY",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Sophie Dubois",
|
name: "Sophie Dubois", handle: "@sophie_dubois", testimonial: "Le meilleur salon de la région ! L'équipe est adorable et les conseils sont toujours pertinents. Je ne changerais pour rien au monde.", rating: 5,
|
||||||
handle: "@sophie_dubois",
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-young-woman-hair-stylist_23-2148113070.jpg", imageAlt: "Sophie Dubois"},
|
||||||
testimonial: "Le meilleur salon de la région ! L'équipe est adorable et les conseils sont toujours pertinents. Je ne changerais pour rien au monde.",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-young-woman-hair-stylist_23-2148113070.jpg",
|
|
||||||
imageAlt: "Sophie Dubois",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Thomas Leroux",
|
name: "Thomas Leroux", handle: "@thomas_leroux", testimonial: "Une ambiance chaleureuse et des coupes toujours parfaites. Je ressors toujours avec le sourire et des cheveux sublimes.", rating: 5,
|
||||||
handle: "@thomas_leroux",
|
imageSrc: "http://img.b2bpic.net/free-photo/positive-satisfied-customer-making-ok-gesture_74855-3646.jpg", imageAlt: "Thomas Leroux"},
|
||||||
testimonial: "Une ambiance chaleureuse et des coupes toujours parfaites. Je ressors toujours avec le sourire et des cheveux sublimes.",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/positive-satisfied-customer-making-ok-gesture_74855-3646.jpg",
|
|
||||||
imageAlt: "Thomas Leroux",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
buttons={[
|
buttons={[
|
||||||
{
|
{
|
||||||
text: "Prendre Rendez-vous",
|
text: "Prendre Rendez-vous", href: "#contact"},
|
||||||
href: "#contact",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
text: "Nos Services",
|
text: "Nos Services", href: "#features"},
|
||||||
href: "#features",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
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="Stylist working on a client's hair in a modern salon"
|
imageAlt="Stylist working on a client's hair in a modern salon"
|
||||||
mediaAnimation="slide-up"
|
mediaAnimation="slide-up"
|
||||||
avatars={[
|
avatars={[
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/front-view-young-male-grey-t-shirt-holding-white-sign-yellow-wall-man-expression-emotion-color-model_140725-26516.jpg",
|
src: "http://img.b2bpic.net/free-photo/front-view-young-male-grey-t-shirt-holding-white-sign-yellow-wall-man-expression-emotion-color-model_140725-26516.jpg", alt: "Client Ayden Da Silva"},
|
||||||
alt: "Client Ayden Da Silva",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/young-adult-pressing-buzzer-button_23-2149586564.jpg",
|
src: "http://img.b2bpic.net/free-photo/young-adult-pressing-buzzer-button_23-2149586564.jpg", alt: "Client Veronique Barre"},
|
||||||
alt: "Client Veronique Barre",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/closeup-portrait-enthusiastic-handsome-young-teenage-guy-college-student-recommend-awesome-course_1258-109021.jpg",
|
src: "http://img.b2bpic.net/free-photo/closeup-portrait-enthusiastic-handsome-young-teenage-guy-college-student-recommend-awesome-course_1258-109021.jpg", alt: "Client Marilyne BULTÉ-ROY"},
|
||||||
alt: "Client Marilyne BULTÉ-ROY",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/young-smiling-man-with-beard-happily-looking-camera-showing-thumb-up-while-holding-green-paper-cloud-shape-hand-near-head-modern-office_574295-5737.jpg",
|
src: "http://img.b2bpic.net/free-photo/young-smiling-man-with-beard-happily-looking-camera-showing-thumb-up-while-holding-green-paper-cloud-shape-hand-near-head-modern-office_574295-5737.jpg", alt: "Client Sophie Dubois"},
|
||||||
alt: "Client Sophie Dubois",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/business-happy-manager-winning-online-rejoicing-with-fist-pump-holding-laptop-triumphing-standing_1258-26462.jpg",
|
src: "http://img.b2bpic.net/free-photo/business-happy-manager-winning-online-rejoicing-with-fist-pump-holding-laptop-triumphing-standing_1258-26462.jpg", alt: "Client Thomas Leroux"},
|
||||||
alt: "Client Thomas Leroux",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
avatarText="+1000 clients satisfaits nous font confiance"
|
avatarText="+1000 clients satisfaits nous font confiance"
|
||||||
marqueeItems={[
|
marqueeItems={[
|
||||||
{
|
{
|
||||||
type: "text-icon",
|
type: "text-icon", text: "Coupes Tendance", icon: Scissors,
|
||||||
text: "Coupes Tendance",
|
|
||||||
icon: Scissors,
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
type: "text-icon",
|
type: "text-icon", text: "Coloration Experte", icon: Palette,
|
||||||
text: "Coloration Experte",
|
|
||||||
icon: Palette,
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
type: "text-icon",
|
type: "text-icon", text: "Soins Profonds", icon: Heart,
|
||||||
text: "Soins Profonds",
|
|
||||||
icon: Heart,
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
type: "text-icon",
|
type: "text-icon", text: "Coiffures Mariage", icon: Sparkles,
|
||||||
text: "Coiffures Mariage",
|
|
||||||
icon: Sparkles,
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
type: "text",
|
type: "text", text: "Lissage Brésilien"},
|
||||||
text: "Lissage Brésilien",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -195,7 +127,6 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
tag="Notre Histoire"
|
tag="Notre Histoire"
|
||||||
title="Art Coif': L'art de la coiffure au service de votre élégance."
|
title="Art Coif': L'art de la coiffure au service de votre élégance."
|
||||||
description="Fondé il y a plusieurs années au cœur de Châtellerault, Art Coif' est bien plus qu'un simple salon de coiffure. C'est un espace dédié à la beauté et au bien-être de vos cheveux. Notre équipe de coiffeurs passionnés et hautement qualifiés met son savoir-faire unique à votre disposition pour créer des looks personnalisés qui reflètent votre personnalité et subliment votre style."
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -205,32 +136,16 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
features={[
|
features={[
|
||||||
{
|
{
|
||||||
title: "Coupes Tendance",
|
title: "Coupes Tendance", description: "Des coupes modernes et personnalisées, adaptées à la forme de votre visage et à votre style de vie. Homme, femme, enfant, nous maîtrisons toutes les techniques.", imageSrc: "http://img.b2bpic.net/free-photo/attractive-brunette-girl-with-bob-hair-talking-with-best-friend-phone-discussing-news-colorful-background-always-touch_574295-4422.jpg", imageAlt: "Woman with a modern bob haircut", buttonIcon: Scissors,
|
||||||
description: "Des coupes modernes et personnalisées, adaptées à la forme de votre visage et à votre style de vie. Homme, femme, enfant, nous maîtrisons toutes les techniques.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-brunette-girl-with-bob-hair-talking-with-best-friend-phone-discussing-news-colorful-background-always-touch_574295-4422.jpg",
|
|
||||||
imageAlt: "Woman with a modern bob haircut",
|
|
||||||
buttonIcon: "Scissors",
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "Coloration Personnalisée",
|
title: "Coloration Personnalisée", description: "Balayages lumineux, mèches subtiles, coloration complète ou ombré hair, nos coloristes experts créent la teinte parfaite pour vous.", imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-her-hair-dyed-beauty-salon_23-2149167368.jpg", imageAlt: "Woman getting her hair colored in a salon", buttonIcon: Palette,
|
||||||
description: "Balayages lumineux, mèches subtiles, coloration complète ou ombré hair, nos coloristes experts créent la teinte parfaite pour vous.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-her-hair-dyed-beauty-salon_23-2149167368.jpg",
|
|
||||||
imageAlt: "Woman getting her hair colored in a salon",
|
|
||||||
buttonIcon: "Palette",
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "Soins Capillaires Profonds",
|
title: "Soins Capillaires Profonds", description: "Offrez à vos cheveux une cure de jouvence avec nos traitements hydratants, réparateurs ou volumisants, utilisant des produits de haute qualité.", imageSrc: "http://img.b2bpic.net/free-photo/person-using-dry-shampoo_52683-132214.jpg", imageAlt: "Hair mask treatment being applied in a salon", buttonIcon: HeartHandshake,
|
||||||
description: "Offrez à vos cheveux une cure de jouvence avec nos traitements hydratants, réparateurs ou volumisants, utilisant des produits de haute qualité.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/person-using-dry-shampoo_52683-132214.jpg",
|
|
||||||
imageAlt: "Hair mask treatment being applied in a salon",
|
|
||||||
buttonIcon: "HeartHandshake",
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "Coiffures Événementielles",
|
title: "Coiffures Événementielles", description: "Pour votre mariage, un gala ou toute autre occasion spéciale, laissez-nous créer la coiffure de vos rêves qui fera sensation.", imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-stylish-woman-wedding-dress_285396-7809.jpg", imageAlt: "Elegant bridal hairstyle with flowers", buttonIcon: Sparkles,
|
||||||
description: "Pour votre mariage, un gala ou toute autre occasion spéciale, laissez-nous créer la coiffure de vos rêves qui fera sensation.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-stylish-woman-wedding-dress_285396-7809.jpg",
|
|
||||||
imageAlt: "Elegant bridal hairstyle with flowers",
|
|
||||||
buttonIcon: "Sparkles",
|
|
||||||
},
|
},
|
||||||
]}
|
]}
|
||||||
title="Des prestations sur mesure pour une chevelure éclatante."
|
title="Des prestations sur mesure pour une chevelure éclatante."
|
||||||
@@ -247,47 +162,17 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
products={[
|
products={[
|
||||||
{
|
{
|
||||||
id: "p1",
|
id: "p1", name: "Coupe Courte Moderne", price: "À partir de 35€", imageSrc: "http://img.b2bpic.net/free-photo/portrait-redhead-non-binary-person_23-2148760579.jpg", imageAlt: "Chic short hairstyle for women"},
|
||||||
name: "Coupe Courte Moderne",
|
|
||||||
price: "À partir de 35€",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-redhead-non-binary-person_23-2148760579.jpg",
|
|
||||||
imageAlt: "Chic short hairstyle for women",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "p2",
|
id: "p2", name: "Balayage Lumineux", price: "À partir de 80€", imageSrc: "http://img.b2bpic.net/free-photo/woman-s-long-wavy-blonde-hair-with-highlights_23-2151983883.jpg", imageAlt: "Woman with subtle balayage hair"},
|
||||||
name: "Balayage Lumineux",
|
|
||||||
price: "À partir de 80€",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-s-long-wavy-blonde-hair-with-highlights_23-2151983883.jpg",
|
|
||||||
imageAlt: "Woman with subtle balayage hair",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "p3",
|
id: "p3", name: "Coloration Audacieuse", price: "À partir de 70€", imageSrc: "http://img.b2bpic.net/free-photo/close-up-beautiful-dj-female-with-headphones_23-2148325445.jpg", imageAlt: "Woman with vibrant red hair color"},
|
||||||
name: "Coloration Audacieuse",
|
|
||||||
price: "À partir de 70€",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-beautiful-dj-female-with-headphones_23-2148325445.jpg",
|
|
||||||
imageAlt: "Woman with vibrant red hair color",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "p4",
|
id: "p4", name: "Coiffure de Mariée", price: "Sur devis", imageSrc: "http://img.b2bpic.net/free-photo/front-view-drag-queen-wearing-wig_23-2150140120.jpg", imageAlt: "Bride with an elegant updo"},
|
||||||
name: "Coiffure de Mariée",
|
|
||||||
price: "Sur devis",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-drag-queen-wearing-wig_23-2150140120.jpg",
|
|
||||||
imageAlt: "Bride with an elegant updo",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "p5",
|
id: "p5", name: "Dégradé Homme Classique", price: "À partir de 25€", imageSrc: "http://img.b2bpic.net/free-photo/handsome-bearded-hipster-with-serious-emotion-red-brick-wall_343059-28.jpg", imageAlt: "Man with a classic fade haircut"},
|
||||||
name: "Dégradé Homme Classique",
|
|
||||||
price: "À partir de 25€",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-bearded-hipster-with-serious-emotion-red-brick-wall_343059-28.jpg",
|
|
||||||
imageAlt: "Man with a classic fade haircut",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "p6",
|
id: "p6", name: "Lissage Brésilien", price: "À partir de 150€", imageSrc: "http://img.b2bpic.net/free-photo/beauty-skin-care-portrait-natural-young-woman-with-red-curly-hair-laughing-happy-white-smile-teeth-playing-with-hair-standing-carefree-against-white-background_176420-47197.jpg", imageAlt: "Woman with smooth straight hair after treatment"},
|
||||||
name: "Lissage Brésilien",
|
|
||||||
price: "À partir de 150€",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/beauty-skin-care-portrait-natural-young-woman-with-red-curly-hair-laughing-happy-white-smile-teeth-playing-with-hair-standing-carefree-against-white-background_176420-47197.jpg",
|
|
||||||
imageAlt: "Woman with smooth straight hair after treatment",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Galerie de styles: Inspirez-vous de nos réalisations."
|
title="Galerie de styles: Inspirez-vous de nos réalisations."
|
||||||
description="Chaque client est une toile, chaque coiffure une œuvre d'art. Parcourez nos créations pour découvrir l'étendue de notre talent et imaginer votre prochaine transformation."
|
description="Chaque client est une toile, chaque coiffure une œuvre d'art. Parcourez nos créations pour découvrir l'étendue de notre talent et imaginer votre prochaine transformation."
|
||||||
@@ -303,33 +188,13 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
members={[
|
members={[
|
||||||
{
|
{
|
||||||
id: "t1",
|
id: "t1", name: "Élise Dupont", role: "Chef Styliste & Fondatrice", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67039.jpg", imageAlt: "Portrait of Élise Dupont"},
|
||||||
name: "Élise Dupont",
|
|
||||||
role: "Chef Styliste & Fondatrice",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67039.jpg",
|
|
||||||
imageAlt: "Portrait of Élise Dupont",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "t2",
|
id: "t2", name: "Marc Dubois", role: "Coloriste Expert", imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-showing-cloakroom_171337-19310.jpg", imageAlt: "Portrait of Marc Dubois"},
|
||||||
name: "Marc Dubois",
|
|
||||||
role: "Coloriste Expert",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-showing-cloakroom_171337-19310.jpg",
|
|
||||||
imageAlt: "Portrait of Marc Dubois",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "t3",
|
id: "t3", name: "Léa Martin", role: "Styliste & Barbier", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-model-pose_23-2148905608.jpg", imageAlt: "Portrait of Léa Martin"},
|
||||||
name: "Léa Martin",
|
|
||||||
role: "Styliste & Barbier",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-model-pose_23-2148905608.jpg",
|
|
||||||
imageAlt: "Portrait of Léa Martin",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "t4",
|
id: "t4", name: "Hugo Lambert", role: "Apprenti Styliste", imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-female-hairdresser-apron-holding-scissors-combing-her-hair-lookign-confident-standing-light-wall_141793-55645.jpg", imageAlt: "Portrait of Hugo Lambert"},
|
||||||
name: "Hugo Lambert",
|
|
||||||
role: "Apprenti Styliste",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-female-hairdresser-apron-holding-scissors-combing-her-hair-lookign-confident-standing-light-wall_141793-55645.jpg",
|
|
||||||
imageAlt: "Portrait of Hugo Lambert",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Rencontrez les artisans de votre beauté capillaire."
|
title="Rencontrez les artisans de votre beauté capillaire."
|
||||||
description="Notre équipe est composée de coiffeurs passionnés, constamment formés aux dernières techniques et tendances pour vous offrir le meilleur de la coiffure."
|
description="Notre équipe est composée de coiffeurs passionnés, constamment formés aux dernières techniques et tendances pour vous offrir le meilleur de la coiffure."
|
||||||
@@ -344,64 +209,28 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
testimonials={[
|
testimonials={[
|
||||||
{
|
{
|
||||||
id: "test-1",
|
id: "test-1", name: "Ayden Da Silva Gonçalves Kok", role: "Client Fidèle", company: "Châtellerault", rating: 5,
|
||||||
name: "Ayden Da Silva Gonçalves Kok",
|
imageSrc: "http://img.b2bpic.net/free-photo/beauty-spanish-woman-closeup-portrait-watching-camera_633478-1841.jpg", imageAlt: "Ayden Da Silva Gonçalves Kok"},
|
||||||
role: "Client Fidèle",
|
|
||||||
company: "Châtellerault",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/beauty-spanish-woman-closeup-portrait-watching-camera_633478-1841.jpg",
|
|
||||||
imageAlt: "Ayden Da Silva Gonçalves Kok",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "test-2",
|
id: "test-2", name: "Veronique Barre", role: "Cliente Satisfaite", company: "Châtellerault", rating: 5,
|
||||||
name: "Veronique Barre",
|
imageSrc: "http://img.b2bpic.net/free-photo/business-woman-with-beautiful-smile_23-2148336915.jpg", imageAlt: "Veronique Barre"},
|
||||||
role: "Cliente Satisfaite",
|
|
||||||
company: "Châtellerault",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/business-woman-with-beautiful-smile_23-2148336915.jpg",
|
|
||||||
imageAlt: "Veronique Barre",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "test-3",
|
id: "test-3", name: "Marilyne BULTÉ-ROY", role: "Cliente Comblée", company: "Châtellerault", rating: 5,
|
||||||
name: "Marilyne BULTÉ-ROY",
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-satisfied-happy-young-man-glasses-working-cafe-sitting-coworking-space-with-laptop-showing-thumbs-up-like-approve-smth-good-chatting-giving-online-lessons_1258-314620.jpg", imageAlt: "Marilyne BULTÉ-ROY"},
|
||||||
role: "Cliente Comblée",
|
|
||||||
company: "Châtellerault",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-satisfied-happy-young-man-glasses-working-cafe-sitting-coworking-space-with-laptop-showing-thumbs-up-like-approve-smth-good-chatting-giving-online-lessons_1258-314620.jpg",
|
|
||||||
imageAlt: "Marilyne BULTÉ-ROY",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "test-4",
|
id: "test-4", name: "Sophie Dubois", role: "Habituée du Salon", company: "Châtellerault", rating: 5,
|
||||||
name: "Sophie Dubois",
|
imageSrc: "http://img.b2bpic.net/free-photo/side-view-happy-couple-hugging_52683-95705.jpg", imageAlt: "Sophie Dubois"},
|
||||||
role: "Habituée du Salon",
|
|
||||||
company: "Châtellerault",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-happy-couple-hugging_52683-95705.jpg",
|
|
||||||
imageAlt: "Sophie Dubois",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "test-5",
|
id: "test-5", name: "Thomas Leroux", role: "Nouveau Client", company: "Châtellerault", rating: 5,
|
||||||
name: "Thomas Leroux",
|
imageSrc: "http://img.b2bpic.net/free-photo/stylish-redhead-urban-traveller-male-sunglasses-holds-backpack-grey-background-studio_613910-1038.jpg", imageAlt: "Thomas Leroux"},
|
||||||
role: "Nouveau Client",
|
|
||||||
company: "Châtellerault",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-redhead-urban-traveller-male-sunglasses-holds-backpack-grey-background-studio_613910-1038.jpg",
|
|
||||||
imageAlt: "Thomas Leroux",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
kpiItems={[
|
kpiItems={[
|
||||||
{
|
{
|
||||||
value: "4.7",
|
value: "4.7", label: "Étoiles"},
|
||||||
label: "Étoiles",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
value: "39+",
|
value: "39+", label: "Avis Clients"},
|
||||||
label: "Avis Clients",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
value: "10+",
|
value: "10+", label: "Années d'Expertise"},
|
||||||
label: "Années d'Expertise",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Nos clients satisfaits, notre plus belle récompense."
|
title="Nos clients satisfaits, notre plus belle récompense."
|
||||||
description="La satisfaction de nos clients est au cœur de notre métier. Leurs sourires et leurs retours positifs sont notre moteur au quotidien."
|
description="La satisfaction de nos clients est au cœur de notre métier. Leurs sourires et leurs retours positifs sont notre moteur au quotidien."
|
||||||
@@ -415,35 +244,17 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
faqs={[
|
faqs={[
|
||||||
{
|
{
|
||||||
id: "faq1",
|
id: "faq1", title: "Dois-je prendre rendez-vous ?", content: "Oui, nous vous recommandons fortement de prendre rendez-vous pour garantir la disponibilité de votre styliste préféré et éviter toute attente."},
|
||||||
title: "Dois-je prendre rendez-vous ?",
|
|
||||||
content: "Oui, nous vous recommandons fortement de prendre rendez-vous pour garantir la disponibilité de votre styliste préféré et éviter toute attente.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "faq2",
|
id: "faq2", title: "Quels sont vos horaires d'ouverture ?", content: "Nous sommes ouverts du Lundi au Samedi, de 9h00 à 18h30. N'hésitez pas à nous appeler pour confirmer nos horaires spécifiques."},
|
||||||
title: "Quels sont vos horaires d'ouverture ?",
|
|
||||||
content: "Nous sommes ouverts du Lundi au Samedi, de 9h00 à 18h30. N'hésitez pas à nous appeler pour confirmer nos horaires spécifiques.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "faq3",
|
id: "faq3", title: "Acceptez-vous les paiements par carte bancaire ?", content: "Oui, nous acceptons les paiements par carte bancaire (Visa, Mastercard), ainsi que les espèces et les chèques."},
|
||||||
title: "Acceptez-vous les paiements par carte bancaire ?",
|
|
||||||
content: "Oui, nous acceptons les paiements par carte bancaire (Visa, Mastercard), ainsi que les espèces et les chèques.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "faq4",
|
id: "faq4", title: "Offrez-vous des consultations gratuites ?", content: "Oui, nous proposons des consultations gratuites pour discuter de vos envies de coupe, coloration ou de soins, et vous conseiller au mieux."},
|
||||||
title: "Offrez-vous des consultations gratuites ?",
|
|
||||||
content: "Oui, nous proposons des consultations gratuites pour discuter de vos envies de coupe, coloration ou de soins, et vous conseiller au mieux.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "faq5",
|
id: "faq5", title: "Utilisez-vous des produits professionnels ?", content: "Absolument. Nous travaillons exclusivement avec des marques de produits capillaires professionnels reconnues pour leur qualité et leur efficacité."},
|
||||||
title: "Utilisez-vous des produits professionnels ?",
|
|
||||||
content: "Absolument. Nous travaillons exclusivement avec des marques de produits capillaires professionnels reconnues pour leur qualité et leur efficacité.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "faq6",
|
id: "faq6", title: "Puis-je venir sans rendez-vous pour une petite prestation ?", content: "Pour les petites prestations comme une frange ou un entretien rapide, il est parfois possible de vous accueillir sans rendez-vous, selon la disponibilité. N'hésitez pas à nous appeler avant de venir."},
|
||||||
title: "Puis-je venir sans rendez-vous pour une petite prestation ?",
|
|
||||||
content: "Pour les petites prestations comme une frange ou un entretien rapide, il est parfois possible de vous accueillir sans rendez-vous, selon la disponibilité. N'hésitez pas à nous appeler avant de venir.",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Vos questions, nos réponses."
|
title="Vos questions, nos réponses."
|
||||||
description="Trouvez toutes les informations dont vous avez besoin pour préparer votre visite chez Art Coif'."
|
description="Trouvez toutes les informations dont vous avez besoin pour préparer votre visite chez Art Coif'."
|
||||||
@@ -456,20 +267,15 @@ export default function LandingPage() {
|
|||||||
<ContactCTA
|
<ContactCTA
|
||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
background={{
|
background={{
|
||||||
variant: "glowing-orb",
|
variant: "sparkles-gradient"}}
|
||||||
}}
|
|
||||||
tag="Contactez-nous"
|
tag="Contactez-nous"
|
||||||
title="Prêt(e) pour votre transformation capillaire ?"
|
title="Prêt(e) pour votre transformation capillaire ?"
|
||||||
description="Prenez rendez-vous dès aujourd'hui ou passez nous voir. Notre équipe se fera un plaisir de vous accueillir au 16 Rue des Mignons, 86100 Châtellerault. Téléphone : 05 49 93 09 60"
|
description="Prenez rendez-vous dès aujourd'hui ou passez nous voir. Notre équipe se fera un plaisir de vous accueillir au 16 Rue des Mignons, 86100 Châtellerault. Téléphone : 05 49 93 09 60"
|
||||||
buttons={[
|
buttons={[
|
||||||
{
|
{
|
||||||
text: "Appeler Maintenant",
|
text: "Appeler Maintenant", href: "tel:+33549930960"},
|
||||||
href: "tel:+33549930960",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
text: "Prendre Rendez-vous en Ligne",
|
text: "Prendre Rendez-vous en Ligne", href: "#"},
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
buttonAnimation="slide-up"
|
buttonAnimation="slide-up"
|
||||||
/>
|
/>
|
||||||
@@ -479,71 +285,43 @@ export default function LandingPage() {
|
|||||||
<FooterBase
|
<FooterBase
|
||||||
columns={[
|
columns={[
|
||||||
{
|
{
|
||||||
title: "Services",
|
title: "Services", items: [
|
||||||
items: [
|
|
||||||
{
|
{
|
||||||
label: "Coupes",
|
label: "Coupes", href: "#features"},
|
||||||
href: "#features",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Colorations",
|
label: "Colorations", href: "#features"},
|
||||||
href: "#features",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Soins",
|
label: "Soins", href: "#features"},
|
||||||
href: "#features",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Coiffures Événementielles",
|
label: "Coiffures Événementielles", href: "#features"},
|
||||||
href: "#features",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "Informations",
|
title: "Informations", items: [
|
||||||
items: [
|
|
||||||
{
|
{
|
||||||
label: "À propos de nous",
|
label: "À propos de nous", href: "#about"},
|
||||||
href: "#about",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Galerie",
|
label: "Galerie", href: "#products"},
|
||||||
href: "#products",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "FAQ",
|
label: "FAQ", href: "#faq"},
|
||||||
href: "#faq",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Contact",
|
label: "Contact", href: "#contact"},
|
||||||
href: "#contact",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "Heures d'Ouverture",
|
title: "Heures d'Ouverture", items: [
|
||||||
items: [
|
|
||||||
{
|
{
|
||||||
label: "Lundi - Samedi: 9h - 18h30",
|
label: "Lundi - Samedi: 9h - 18h30", href: "#"},
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Dimanche: Fermé",
|
label: "Dimanche: Fermé", href: "#"},
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "Adresse",
|
title: "Adresse", items: [
|
||||||
items: [
|
|
||||||
{
|
{
|
||||||
label: "16 Rue des Mignons",
|
label: "16 Rue des Mignons", href: "https://maps.app.goo.gl/35mN2s4V4jH1Z2xV6"},
|
||||||
href: "https://maps.app.goo.gl/35mN2s4V4jH1Z2xV6",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "86100 Châtellerault",
|
label: "86100 Châtellerault", href: "https://maps.app.goo.gl/35mN2s4V4jH1Z2xV6"},
|
||||||
href: "https://maps.app.goo.gl/35mN2s4V4jH1Z2xV6",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
]}
|
]}
|
||||||
|
|||||||
Reference in New Issue
Block a user