Merge version_2 into main #2

Merged
bender merged 1 commits from version_2 into main 2026-04-17 15:14:37 +00:00

View File

@@ -32,21 +32,13 @@ export default function LandingPage() {
<NavbarStyleApple
navItems={[
{
name: "Accueil",
id: "hero",
},
name: "Accueil", id: "hero"},
{
name: "À propos",
id: "about",
},
name: "À propos", id: "about"},
{
name: "Services",
id: "services",
},
name: "Services", id: "services"},
{
name: "Contact",
id: "contact",
},
name: "Contact", id: "contact"},
]}
brandName="ZIYAD Barber"
/>
@@ -56,97 +48,51 @@ export default function LandingPage() {
<HeroBillboardTestimonial
useInvertedBackground={false}
background={{
variant: "plain",
}}
variant: "plain"}}
title="ZIYAD Barber Shop - L'excellence à Montmorency"
description="Donnez vie à votre style avec nos experts en coupe et soin de barbe dans une ambiance authentique et professionnelle."
testimonials={[
{
name: "Jean Dupont",
handle: "@jean",
testimonial: "La meilleure coupe de Montmorency !",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-client-having-his-beard-groomed_23-2148353415.jpg?_wi=1",
imageAlt: "barbershop interior modern decor",
},
name: "Jean Dupont", handle: "@jean", testimonial: "La meilleure coupe de Montmorency !", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-client-having-his-beard-groomed_23-2148353415.jpg?_wi=1", imageAlt: "barbershop interior modern decor"},
{
name: "Marc L.",
handle: "@marc",
testimonial: "Un service pro et précis.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/man-getting-his-beard-trimmed-salon_23-2148242774.jpg?_wi=1",
imageAlt: "barbershop interior modern decor",
},
name: "Marc L.", handle: "@marc", testimonial: "Un service pro et précis.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/man-getting-his-beard-trimmed-salon_23-2148242774.jpg?_wi=1", imageAlt: "barbershop interior modern decor"},
{
name: "Thomas V.",
handle: "@thomas",
testimonial: "Une ambiance super sympa.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-selfcare-products_23-2149313038.jpg?_wi=1",
imageAlt: "barbershop interior modern decor",
},
name: "Thomas V.", handle: "@thomas", testimonial: "Une ambiance super sympa.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-selfcare-products_23-2149313038.jpg?_wi=1", imageAlt: "barbershop interior modern decor"},
{
name: "Antoine P.",
handle: "@antoine",
testimonial: "Je recommande vivement ZIYAD.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-selfcare-products_23-2149313036.jpg?_wi=1",
imageAlt: "barbershop interior modern decor",
},
name: "Antoine P.", handle: "@antoine", testimonial: "Je recommande vivement ZIYAD.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-selfcare-products_23-2149313036.jpg?_wi=1", imageAlt: "barbershop interior modern decor"},
{
name: "Lucas R.",
handle: "@lucas",
testimonial: "Le dégradé est toujours parfait.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/caucasian-handsome-young-bearded-happy-man_171337-13878.jpg",
imageAlt: "barbershop interior modern decor",
},
name: "Lucas R.", handle: "@lucas", testimonial: "Le dégradé est toujours parfait.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/caucasian-handsome-young-bearded-happy-man_171337-13878.jpg", imageAlt: "barbershop interior modern decor"},
]}
imageSrc="http://img.b2bpic.net/free-photo/low-angle-client-having-his-beard-groomed_23-2148353415.jpg?_wi=2"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/young-man-smiling_23-2147624592.jpg",
alt: "Client 1",
},
src: "http://img.b2bpic.net/free-photo/young-man-smiling_23-2147624592.jpg", alt: "Client 1"},
{
src: "http://img.b2bpic.net/free-photo/close-up-smiling-young-man-with-headphone-around-his-neck-looking-camera_23-2148042690.jpg",
alt: "Client 2",
},
src: "http://img.b2bpic.net/free-photo/close-up-smiling-young-man-with-headphone-around-his-neck-looking-camera_23-2148042690.jpg", alt: "Client 2"},
{
src: "http://img.b2bpic.net/free-photo/positive-blond-bearded-male-dressed-plaid-shirt-denim-jacket-posing-grey-vignette-background_613910-11758.jpg",
alt: "Client 3",
},
src: "http://img.b2bpic.net/free-photo/positive-blond-bearded-male-dressed-plaid-shirt-denim-jacket-posing-grey-vignette-background_613910-11758.jpg", alt: "Client 3"},
{
src: "http://img.b2bpic.net/free-photo/front-view-young-man-listening-music-earbuds-outside_23-2148381755.jpg",
alt: "Client 4",
},
src: "http://img.b2bpic.net/free-photo/front-view-young-man-listening-music-earbuds-outside_23-2148381755.jpg", alt: "Client 4"},
{
src: "http://img.b2bpic.net/free-photo/portrait-handsome-confident-stylish-hipster-lambersexual-model-sexy-modern-man-dressed-white-elegant-suit-fashion-male-posing-studio-near-blue-wall-touching-his-chin_158538-27192.jpg",
alt: "Client 5",
},
src: "http://img.b2bpic.net/free-photo/portrait-handsome-confident-stylish-hipster-lambersexual-model-sexy-modern-man-dressed-white-elegant-suit-fashion-male-posing-studio-near-blue-wall-touching-his-chin_158538-27192.jpg", alt: "Client 5"},
]}
avatarText="Plus de 500 clients satisfaits"
marqueeItems={[
{
type: "text",
text: "Coupe Moderne",
},
type: "text", text: "Coupe Moderne"},
{
type: "text",
text: "Taille de Barbe",
},
type: "text", text: "Taille de Barbe"},
{
type: "text",
text: "Rasage Traditionnel",
},
type: "text", text: "Rasage Traditionnel"},
{
type: "text",
text: "Soins Visage",
},
type: "text", text: "Soins Visage"},
{
type: "text",
text: "Atmosphère Pro",
},
type: "text", text: "Atmosphère Pro"},
]}
/>
</div>
@@ -172,26 +118,11 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
title: "Coupe Homme",
description: "Coupe moderne ou classique selon vos envies.",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-selfcare-products_23-2149313038.jpg?_wi=2",
titleImageSrc: "http://img.b2bpic.net/free-photo/composition-shaving-objects_23-2148122055.jpg",
buttonText: "Réserver",
},
title: "Coupe Homme", description: "Coupe moderne ou classique selon vos envies.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-selfcare-products_23-2149313038.jpg?_wi=2", titleImageSrc: "http://img.b2bpic.net/free-photo/composition-shaving-objects_23-2148122055.jpg", buttonText: "Réserver"},
{
title: "Taille de Barbe",
description: "Entretien complet pour une barbe soignée.",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-male-self-care-setting-still-life_23-2150326539.jpg",
titleImageSrc: "http://img.b2bpic.net/free-photo/close-up-man-selfcare-products_23-2149313032.jpg",
buttonText: "Réserver",
},
title: "Taille de Barbe", description: "Entretien complet pour une barbe soignée.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-male-self-care-setting-still-life_23-2150326539.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/close-up-man-selfcare-products_23-2149313032.jpg", buttonText: "Réserver"},
{
title: "Soin Express",
description: "Un rafraîchissement rapide et efficace.",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-male-self-care-setting-still-life_23-2150326540.jpg",
titleImageSrc: "http://img.b2bpic.net/free-photo/close-up-man-selfcare-products_23-2149313024.jpg",
buttonText: "Réserver",
},
title: "Soin Express", description: "Un rafraîchissement rapide et efficace.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-male-self-care-setting-still-life_23-2150326540.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/close-up-man-selfcare-products_23-2149313024.jpg", buttonText: "Réserver"},
]}
title="Nos Services"
description="Des prestations de qualité supérieure pour un look impeccable."
@@ -206,47 +137,17 @@ export default function LandingPage() {
useInvertedBackground={true}
products={[
{
id: "p1",
name: "Pomade Classic",
price: "15€",
variant: "Soin",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-selfcare-products_23-2149313036.jpg?_wi=2",
},
id: "p1", name: "Pomade Classic", price: "15€", variant: "Soin", imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-selfcare-products_23-2149313036.jpg?_wi=2"},
{
id: "p2",
name: "Huile Barbe",
price: "20€",
variant: "Soin",
imageSrc: "http://img.b2bpic.net/free-photo/surprised-slavic-middle-aged-male-barber-uniform-holding-looking-water-spray-bottle-putting-hand-head-isolated-orange-wall_141793-87248.jpg",
},
id: "p2", name: "Huile Barbe", price: "20€", variant: "Soin", imageSrc: "http://img.b2bpic.net/free-photo/surprised-slavic-middle-aged-male-barber-uniform-holding-looking-water-spray-bottle-putting-hand-head-isolated-orange-wall_141793-87248.jpg"},
{
id: "p3",
name: "Shampoing",
price: "12€",
variant: "Soin",
imageSrc: "http://img.b2bpic.net/free-photo/woman-hand-holding-shower-gel-navy-bottle-bathroom_140725-1693.jpg",
},
id: "p3", name: "Shampoing", price: "12€", variant: "Soin", imageSrc: "http://img.b2bpic.net/free-photo/woman-hand-holding-shower-gel-navy-bottle-bathroom_140725-1693.jpg"},
{
id: "p4",
name: "Cire Coiffante",
price: "18€",
variant: "Soin",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-selfcare-products_23-2149313048.jpg",
},
id: "p4", name: "Cire Coiffante", price: "18€", variant: "Soin", imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-selfcare-products_23-2149313048.jpg"},
{
id: "p5",
name: "Baume Barbe",
price: "19€",
variant: "Soin",
imageSrc: "http://img.b2bpic.net/free-photo/cosmetic-male-beauty-products-with-display_23-2150435190.jpg",
},
id: "p5", name: "Baume Barbe", price: "19€", variant: "Soin", imageSrc: "http://img.b2bpic.net/free-photo/cosmetic-male-beauty-products-with-display_23-2150435190.jpg"},
{
id: "p6",
name: "Spray Fixant",
price: "14€",
variant: "Soin",
imageSrc: "http://img.b2bpic.net/free-photo/cosmetic-male-beauty-products-with-display_23-2150435194.jpg",
},
id: "p6", name: "Spray Fixant", price: "14€", variant: "Soin", imageSrc: "http://img.b2bpic.net/free-photo/cosmetic-male-beauty-products-with-display_23-2150435194.jpg"},
]}
title="Nos Soins"
description="Retrouvez les produits utilisés par nos professionnels."
@@ -260,52 +161,28 @@ export default function LandingPage() {
useInvertedBackground={false}
plans={[
{
id: "plan1",
badge: "Basique",
price: "20€",
subtitle: "Coupe classique",
buttons: [
id: "plan1", badge: "Basique", price: "20€", subtitle: "Coupe classique", buttons: [
{
text: "Réserver",
},
text: "Réserver"},
],
features: [
"Coupe tondeuse",
"Finition",
],
"Coupe tondeuse", "Finition"],
},
{
id: "plan2",
badge: "Populaire",
price: "30€",
subtitle: "Coupe & Barbe",
buttons: [
id: "plan2", badge: "Populaire", price: "30€", subtitle: "Coupe & Barbe", buttons: [
{
text: "Réserver",
},
text: "Réserver"},
],
features: [
"Coupe pro",
"Barbe sculptée",
"Massage",
],
"Coupe pro", "Barbe sculptée", "Massage"],
},
{
id: "plan3",
badge: "Premium",
price: "45€",
subtitle: "Forfait complet",
buttons: [
id: "plan3", badge: "Premium", price: "45€", subtitle: "Forfait complet", buttons: [
{
text: "Réserver",
},
text: "Réserver"},
],
features: [
"Coupe",
"Barbe",
"Soin visage",
"Serviette chaude",
],
"Coupe", "Barbe", "Soin visage", "Serviette chaude"],
},
]}
title="Tarifs"
@@ -319,60 +196,15 @@ export default function LandingPage() {
useInvertedBackground={true}
testimonials={[
{
id: "t1",
name: "Jean Dupont",
date: "10/05/2024",
title: "Top !",
quote: "Toujours satisfait.",
tag: "Habitué",
avatarSrc: "http://img.b2bpic.net/free-photo/caucasian-handsome-young-bearded-happy-man_171337-13878.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-client-having-his-beard-groomed_23-2148353415.jpg?_wi=3",
imageAlt: "happy customer barber haircut",
},
id: "t1", name: "Jean Dupont", date: "10/05/2024", title: "Top !", quote: "Toujours satisfait.", tag: "Habitué", avatarSrc: "http://img.b2bpic.net/free-photo/caucasian-handsome-young-bearded-happy-man_171337-13878.jpg", imageSrc: "http://img.b2bpic.net/free-photo/low-angle-client-having-his-beard-groomed_23-2148353415.jpg?_wi=3", imageAlt: "happy customer barber haircut"},
{
id: "t2",
name: "Marc L.",
date: "12/05/2024",
title: "Parfait",
quote: "Service excellent.",
tag: "Habitué",
avatarSrc: "http://img.b2bpic.net/free-photo/handsome-hipster-model-man-stylish-summer-clothes-posing_158538-14987.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/man-getting-his-beard-trimmed-salon_23-2148242774.jpg?_wi=3",
imageAlt: "happy customer barber haircut",
},
id: "t2", name: "Marc L.", date: "12/05/2024", title: "Parfait", quote: "Service excellent.", tag: "Habitué", avatarSrc: "http://img.b2bpic.net/free-photo/handsome-hipster-model-man-stylish-summer-clothes-posing_158538-14987.jpg", imageSrc: "http://img.b2bpic.net/free-photo/man-getting-his-beard-trimmed-salon_23-2148242774.jpg?_wi=3", imageAlt: "happy customer barber haircut"},
{
id: "t3",
name: "Thomas V.",
date: "15/05/2024",
title: "Super",
quote: "Pro et efficace.",
tag: "Nouveau",
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-blond-bearded-male-dressed-suit-grey-background_613910-1267.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-selfcare-products_23-2149313038.jpg?_wi=3",
imageAlt: "happy customer barber haircut",
},
id: "t3", name: "Thomas V.", date: "15/05/2024", title: "Super", quote: "Pro et efficace.", tag: "Nouveau", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-blond-bearded-male-dressed-suit-grey-background_613910-1267.jpg", imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-selfcare-products_23-2149313038.jpg?_wi=3", imageAlt: "happy customer barber haircut"},
{
id: "t4",
name: "Antoine P.",
date: "18/05/2024",
title: "Au top",
quote: "ZIYAD est le meilleur.",
tag: "Habitué",
avatarSrc: "http://img.b2bpic.net/free-photo/lady-with-phone-standing-panoramic-kitchen-with-bright-walls-high-table-bar-chairs_231208-2962.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-selfcare-products_23-2149313036.jpg?_wi=3",
imageAlt: "happy customer barber haircut",
},
id: "t4", name: "Antoine P.", date: "18/05/2024", title: "Au top", quote: "ZIYAD est le meilleur.", tag: "Habitué", avatarSrc: "http://img.b2bpic.net/free-photo/lady-with-phone-standing-panoramic-kitchen-with-bright-walls-high-table-bar-chairs_231208-2962.jpg", imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-selfcare-products_23-2149313036.jpg?_wi=3", imageAlt: "happy customer barber haircut"},
{
id: "t5",
name: "Lucas R.",
date: "20/05/2024",
title: "Excellent",
quote: "Super dégradé.",
tag: "Habitué",
avatarSrc: "http://img.b2bpic.net/free-photo/pleased-slavic-middle-aged-male-barber-uniform-holding-barber-tools-isolated-purple-wall_141793-91610.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/latino-hair-salon-owner-preparing-clients_23-2150286008.jpg?_wi=1",
imageAlt: "happy customer barber haircut",
},
id: "t5", name: "Lucas R.", date: "20/05/2024", title: "Excellent", quote: "Super dégradé.", tag: "Habitué", avatarSrc: "http://img.b2bpic.net/free-photo/pleased-slavic-middle-aged-male-barber-uniform-holding-barber-tools-isolated-purple-wall_141793-91610.jpg", imageSrc: "http://img.b2bpic.net/free-photo/latino-hair-salon-owner-preparing-clients_23-2150286008.jpg?_wi=1", imageAlt: "happy customer barber haircut"},
]}
title="Ils nous recommandent"
description="Découvrez les avis de nos clients fidèles."
@@ -383,19 +215,13 @@ export default function LandingPage() {
<ContactSplitForm
useInvertedBackground={false}
title="Réservez votre créneau"
description="Prenez rendez-vous directement en ligne ou appelez-nous."
description="Prenez rendez-vous directement en ligne ou appelez-nous au 01 02 03 04 05 pour réserver par téléphone."
inputs={[
{
name: "Nom",
type: "text",
placeholder: "Votre nom",
required: true,
name: "Nom", type: "text", placeholder: "Votre nom", required: true,
},
{
name: "Email",
type: "email",
placeholder: "votre.email@example.com",
required: true,
name: "Email", type: "email", placeholder: "votre.email@example.com", required: true,
},
]}
imageSrc="http://img.b2bpic.net/free-photo/latino-hair-salon-owner-preparing-clients_23-2150286008.jpg?_wi=2"
@@ -406,29 +232,19 @@ export default function LandingPage() {
<FooterSimple
columns={[
{
title: "ZIYAD Barber",
items: [
title: "ZIYAD Barber", items: [
{
label: "Montmorency",
href: "#",
},
label: "Montmorency", href: "#"},
{
label: "Contact",
href: "#contact",
},
label: "Contact", href: "#contact"},
],
},
{
title: "Légal",
items: [
title: "Légal", items: [
{
label: "Mentions légales",
href: "#",
},
label: "Mentions légales", href: "#"},
{
label: "Confidentialité",
href: "#",
},
label: "Confidentialité", href: "#"},
],
},
]}
@@ -439,4 +255,4 @@ export default function LandingPage() {
</ReactLenis>
</ThemeProvider>
);
}
}