Merge version_1 into main #2
206
src/app/page.tsx
206
src/app/page.tsx
@@ -31,21 +31,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Expérience",
|
||||
id: "features",
|
||||
},
|
||||
name: "Expérience", id: "features"},
|
||||
{
|
||||
name: "Experts",
|
||||
id: "team",
|
||||
},
|
||||
name: "Experts", id: "team"},
|
||||
{
|
||||
name: "Tarifs",
|
||||
id: "pricing",
|
||||
},
|
||||
name: "Tarifs", id: "pricing"},
|
||||
{
|
||||
name: "Rendez-vous",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Rendez-vous", id: "contact"},
|
||||
]}
|
||||
brandName="BARBER FACTORY"
|
||||
/>
|
||||
@@ -54,69 +46,43 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
title="La coupe la plus précise du Grand Est"
|
||||
description="Coiffure de précision. Sans attente. 100% satisfait. Rendez-vous uniquement — votre temps, respecté. Des résultats, point."
|
||||
buttons={[
|
||||
{
|
||||
text: "PRENDRE RENDEZVOUS",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "PRENDRE RENDEZVOUS", href: "#contact"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-elegant-businessman-receive-beard-care-from-female-with-nice-manicure_613910-15193.jpg?_wi=1",
|
||||
imageAlt: "Barber shop luxury atmosphere",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-elegant-businessman-receive-beard-care-from-female-with-nice-manicure_613910-15193.jpg", imageAlt: "Barber shop luxury atmosphere"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-selfcare-products_23-2149313023.jpg?_wi=1",
|
||||
imageAlt: "Barber tools close-up",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-selfcare-products_23-2149313023.jpg", imageAlt: "Barber tools close-up"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/poodle-posing-makeup-studio_23-2151987172.jpg?_wi=1",
|
||||
imageAlt: "Luxury barber chair",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/poodle-posing-makeup-studio_23-2151987172.jpg", imageAlt: "Luxury barber chair"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/comb-scissor-top-view_23-2148352833.jpg",
|
||||
imageAlt: "Precision haircut detail",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/comb-scissor-top-view_23-2148352833.jpg", imageAlt: "Precision haircut detail"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-hair-salon-facing-camera_23-2148242763.jpg",
|
||||
imageAlt: "Barber precision shot",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-hair-salon-facing-camera_23-2148242763.jpg", imageAlt: "Barber precision shot"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-with-cute-dog-medium-shot_23-2149658774.jpg",
|
||||
imageAlt: "Salon interior lighting",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-with-cute-dog-medium-shot_23-2149658774.jpg", imageAlt: "Salon interior lighting"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Coupe de Précision",
|
||||
description: "Une maîtrise technique infaillible pour des résultats nets, adaptés à votre morphologie et style personnel.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-elegant-businessman-receive-beard-care-from-female-with-nice-manicure_613910-15193.jpg?_wi=2",
|
||||
imageAlt: "Précision",
|
||||
},
|
||||
title: "Coupe de Précision", description: "Une maîtrise technique infaillible pour des résultats nets, adaptés à votre morphologie et style personnel.", imageSrc: "http://img.b2bpic.net/free-photo/confident-elegant-businessman-receive-beard-care-from-female-with-nice-manicure_613910-15193.jpg", imageAlt: "Précision"},
|
||||
{
|
||||
title: "Gestion du Temps",
|
||||
description: "Votre temps est précieux. Sans attente, nous garantissons un service rapide et respectueux de votre emploi du temps.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-selfcare-products_23-2149313023.jpg?_wi=2",
|
||||
imageAlt: "Efficacité",
|
||||
},
|
||||
title: "Gestion du Temps", description: "Votre temps est précieux. Sans attente, nous garantissons un service rapide et respectueux de votre emploi du temps.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-selfcare-products_23-2149313023.jpg", imageAlt: "Efficacité"},
|
||||
{
|
||||
title: "Expertise Artisanale",
|
||||
description: "Une équipe dédiée à l'art du rasoir et des ciseaux, formée aux techniques de pointe de la coiffure masculine.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/poodle-posing-makeup-studio_23-2151987172.jpg?_wi=2",
|
||||
imageAlt: "Artisanat",
|
||||
},
|
||||
title: "Expertise Artisanale", description: "Une équipe dédiée à l'art du rasoir et des ciseaux, formée aux techniques de pointe de la coiffure masculine.", imageSrc: "http://img.b2bpic.net/free-photo/poodle-posing-makeup-studio_23-2151987172.jpg", imageAlt: "Artisanat"},
|
||||
]}
|
||||
title="L'Excellence à Chaque Passage"
|
||||
description="Nous redéfinissons les standards de la coiffure masculine par la précision et l'artisanat pur."
|
||||
@@ -131,26 +97,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
members={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Julien M.",
|
||||
role: "Maître Barbier",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-bearded-male-sits-chair-his-two-irish-setter-dogs_613910-8054.jpg?_wi=1",
|
||||
imageAlt: "Julien M.",
|
||||
},
|
||||
id: "1", name: "Julien M.", role: "Maître Barbier", imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-bearded-male-sits-chair-his-two-irish-setter-dogs_613910-8054.jpg", imageAlt: "Julien M."},
|
||||
{
|
||||
id: "2",
|
||||
name: "Marc T.",
|
||||
role: "Artisan Coiffeur",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/redhead-bearded-male-dressed-suit-eyeglasses-smoking-tradition-pipe-dark-grey-background_613910-15587.jpg",
|
||||
imageAlt: "Marc T.",
|
||||
},
|
||||
id: "2", name: "Marc T.", role: "Artisan Coiffeur", imageSrc: "http://img.b2bpic.net/free-photo/redhead-bearded-male-dressed-suit-eyeglasses-smoking-tradition-pipe-dark-grey-background_613910-15587.jpg", imageAlt: "Marc T."},
|
||||
{
|
||||
id: "3",
|
||||
name: "Lucas P.",
|
||||
role: "Spécialiste Rasage",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-bearded-middle-age-male-irish-setter_613910-8200.jpg",
|
||||
imageAlt: "Lucas P.",
|
||||
},
|
||||
id: "3", name: "Lucas P.", role: "Spécialiste Rasage", imageSrc: "http://img.b2bpic.net/free-photo/stylish-bearded-middle-age-male-irish-setter_613910-8200.jpg", imageAlt: "Lucas P."},
|
||||
]}
|
||||
title="Nos Experts Artisans"
|
||||
description="Rencontrez les visages de la précision."
|
||||
@@ -164,56 +115,27 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "p1",
|
||||
badge: "Fondamental",
|
||||
price: "25€",
|
||||
subtitle: "Coupe classique",
|
||||
features: [
|
||||
"Consultation",
|
||||
"Coupe précise",
|
||||
"Nettoyage finition",
|
||||
],
|
||||
id: "p1", badge: "Fondamental", price: "25€", subtitle: "Coupe classique", features: [
|
||||
"Consultation", "Coupe précise", "Nettoyage finition"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Réserver",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Réserver", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
badge: "Signature",
|
||||
price: "40€",
|
||||
subtitle: "Coupe & Barbe",
|
||||
features: [
|
||||
"Consultation",
|
||||
"Coupe précise",
|
||||
"Taille barbe à la vapeur",
|
||||
"Soin hydratant",
|
||||
],
|
||||
id: "p2", badge: "Signature", price: "40€", subtitle: "Coupe & Barbe", features: [
|
||||
"Consultation", "Coupe précise", "Taille barbe à la vapeur", "Soin hydratant"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Réserver",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Réserver", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
badge: "Premium",
|
||||
price: "55€",
|
||||
subtitle: "L'expérience totale",
|
||||
features: [
|
||||
"Coupe complète",
|
||||
"Soin visage",
|
||||
"Serviette chaude",
|
||||
"Massage crânien",
|
||||
],
|
||||
id: "p3", badge: "Premium", price: "55€", subtitle: "L'expérience totale", features: [
|
||||
"Coupe complète", "Soin visage", "Serviette chaude", "Massage crânien"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Réserver",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Réserver", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -229,45 +151,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Thomas G.",
|
||||
handle: "@tg_thionville",
|
||||
testimonial: "Enfin un barbier à Thionville qui comprend la précision. La coupe est toujours nette.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-bearded-male-sits-chair-his-two-irish-setter-dogs_613910-8054.jpg?_wi=2",
|
||||
},
|
||||
id: "1", name: "Thomas G.", handle: "@tg_thionville", testimonial: "Enfin un barbier à Thionville qui comprend la précision. La coupe est toujours nette.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-bearded-male-sits-chair-his-two-irish-setter-dogs_613910-8054.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Nicolas F.",
|
||||
handle: "@nicolas_f",
|
||||
testimonial: "Sans attente, expertise incroyable. Le respect du client est la norme ici.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-sexy-handsome-fashion-male-model-man-dressed-elegant-suit-black-studio-lights-background_158538-9662.jpg",
|
||||
},
|
||||
id: "2", name: "Nicolas F.", handle: "@nicolas_f", testimonial: "Sans attente, expertise incroyable. Le respect du client est la norme ici.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-sexy-handsome-fashion-male-model-man-dressed-elegant-suit-black-studio-lights-background_158538-9662.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Alexandre B.",
|
||||
handle: "@alexb",
|
||||
testimonial: "Le luxe absolu dans le Grand Est. Julien est un vrai maître.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-grooming-their-client_23-2149205871.jpg",
|
||||
},
|
||||
id: "3", name: "Alexandre B.", handle: "@alexb", testimonial: "Le luxe absolu dans le Grand Est. Julien est un vrai maître.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-grooming-their-client_23-2149205871.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Samuel L.",
|
||||
handle: "@sam_l",
|
||||
testimonial: "Qualité constante. Je recommande vivement pour les pros exigeants.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/redhead-bearded-hipster-guy-dressed-old-fashioned-shirt-posing-with-hand-head-isolated-dark-background_613910-21334.jpg",
|
||||
},
|
||||
id: "4", name: "Samuel L.", handle: "@sam_l", testimonial: "Qualité constante. Je recommande vivement pour les pros exigeants.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/redhead-bearded-hipster-guy-dressed-old-fashioned-shirt-posing-with-hand-head-isolated-dark-background_613910-21334.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "David R.",
|
||||
handle: "@dr_thionville",
|
||||
testimonial: "La meilleure expérience de rasage que j'ai eue.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/look-that-isolated-funny-bald-bearded-man-with-tattoo-raising-index-fingre-pointing-left-corner-expressing-excitement-curiosity-raising-eyebrows-body-language_343059-1721.jpg",
|
||||
},
|
||||
id: "5", name: "David R.", handle: "@dr_thionville", testimonial: "La meilleure expérience de rasage que j'ai eue.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/look-that-isolated-funny-bald-bearded-man-with-tattoo-raising-index-fingre-pointing-left-corner-expressing-excitement-curiosity-raising-eyebrows-body-language_343059-1721.jpg"},
|
||||
]}
|
||||
showRating={true}
|
||||
title="La Confiance de nos Clients"
|
||||
@@ -281,27 +178,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Comment prendre rendez-vous ?",
|
||||
content: "Uniquement via notre plateforme en ligne pour garantir le respect de vos horaires.",
|
||||
},
|
||||
id: "f1", title: "Comment prendre rendez-vous ?", content: "Uniquement via notre plateforme en ligne pour garantir le respect de vos horaires."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Quel est le temps d'attente ?",
|
||||
content: "Grâce à notre système de rendez-vous, nous ne faisons pas attendre nos clients.",
|
||||
},
|
||||
id: "f2", title: "Quel est le temps d'attente ?", content: "Grâce à notre système de rendez-vous, nous ne faisons pas attendre nos clients."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Proposez-vous des services pour enfants ?",
|
||||
content: "Oui, nous offrons une coupe précise pour les plus jeunes avec la même exigence de qualité.",
|
||||
},
|
||||
id: "f3", title: "Proposez-vous des services pour enfants ?", content: "Oui, nous offrons une coupe précise pour les plus jeunes avec la même exigence de qualité."},
|
||||
]}
|
||||
ctaTitle="Réservez votre créneau"
|
||||
ctaDescription="Votre temps est précieux, assurez votre précision maintenant."
|
||||
ctaButton={{
|
||||
text: "Prendre rendez-vous",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Prendre rendez-vous", href: "#"}}
|
||||
ctaIcon={Calendar}
|
||||
/>
|
||||
</div>
|
||||
@@ -313,14 +199,10 @@ export default function LandingPage() {
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Instagram,
|
||||
href: "#",
|
||||
ariaLabel: "Instagram",
|
||||
},
|
||||
href: "#", ariaLabel: "Instagram"},
|
||||
{
|
||||
icon: Facebook,
|
||||
href: "#",
|
||||
ariaLabel: "Facebook",
|
||||
},
|
||||
href: "#", ariaLabel: "Facebook"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user