Merge version_1 into main #2
212
src/app/page.tsx
212
src/app/page.tsx
@@ -29,22 +29,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Accueil",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "À Propos",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Accueil", id: "hero" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "À Propos", id: "about" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Le Barbu Sportif"
|
||||
/>
|
||||
@@ -52,43 +40,17 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="L'Excellence du Style à Mirabel"
|
||||
description="Une expérience de barbier premium alliant savoir-faire québécois et précision sportive pour le gentleman moderne."
|
||||
tag="Barbier Sportif depuis 7 ans"
|
||||
buttons={[
|
||||
{
|
||||
text: "Réserver",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "Découvrir",
|
||||
href: "#services",
|
||||
},
|
||||
{ text: "Réserver", href: "#contact" },
|
||||
{ text: "Découvrir", href: "#services" },
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-barber-shop_23-2149141768.jpg?_wi=1",
|
||||
imageAlt: "Barbier en action",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tools-profession-hairdresser_23-2150668467.jpg?_wi=1",
|
||||
imageAlt: "Outils de précision",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-barber-sitting-his-shop_23-2149186516.jpg",
|
||||
imageAlt: "Male barber sitting at his shop",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-barber-hair-salon_23-2148242782.jpg",
|
||||
imageAlt: "Full shot of barber at hair salon",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/barbershop-washbasin-with-professional-chairs_23-2148298338.jpg",
|
||||
imageAlt: "Barbershop washbasin with professional chairs",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-barber-shop_23-2149141768.jpg", imageAlt: "Barbier en action" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/tools-profession-hairdresser_23-2150668467.jpg", imageAlt: "Outils de précision" }
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
@@ -103,56 +65,26 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Coupe Signature",
|
||||
description: "Coupe précise adaptée à votre morphologie.",
|
||||
icon: Scissors,
|
||||
title: "Coupe Signature", description: "Coupe précise adaptée à votre morphologie.", icon: Scissors,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bearded-male-sitting-armchair-barber-shop-while-hairdresser-modeling-beard-with-scissors-comb-barbershop_613910-18515.jpg",
|
||||
imageAlt: "Coupe précise",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-washbasin_107420-94763.jpg",
|
||||
imageAlt: "Style moderne",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-barber-shop_23-2149141768.jpg?_wi=2",
|
||||
imageAlt: "classic haircut style man",
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/bearded-male-sitting-armchair-barber-shop-while-hairdresser-modeling-beard-with-scissors-comb-barbershop_613910-18515.jpg", imageAlt: "Coupe précise" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-washbasin_107420-94763.jpg", imageAlt: "Style moderne" },
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Taille de Barbe",
|
||||
description: "Entretien soigné avec serviette chaude.",
|
||||
icon: Sparkles,
|
||||
title: "Taille de Barbe", description: "Entretien soigné avec serviette chaude.", icon: Sparkles,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-closes-his-eyes-while-barber-shapes-his-black-beard_1304-2778.jpg",
|
||||
imageAlt: "Soin barbe",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/shaving-process-small-dog-sits-table-dog-shaved-by-professional_1157-48808.jpg",
|
||||
imageAlt: "Outils de précision",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tools-profession-hairdresser_23-2150668467.jpg?_wi=2",
|
||||
imageAlt: "classic haircut style man",
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/man-closes-his-eyes-while-barber-shapes-his-black-beard_1304-2778.jpg", imageAlt: "Soin barbe" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/shaving-process-small-dog-sits-table-dog-shaved-by-professional_1157-48808.jpg", imageAlt: "Outils de précision" },
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Rasage Traditionnel",
|
||||
description: "L'art du rasage classique au coupe-chou.",
|
||||
icon: Shield,
|
||||
title: "Rasage Traditionnel", description: "L'art du rasage classique au coupe-chou.", icon: Shield,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-washing-hair-customer_23-2147737054.jpg",
|
||||
imageAlt: "Rasage au rasoir",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-bearded-customer-looking-up_23-2148256859.jpg",
|
||||
imageAlt: "Service classique",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-senior-man-laughing_23-2151203948.jpg?_wi=1",
|
||||
imageAlt: "classic haircut style man",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/woman-washing-hair-customer_23-2147737054.jpg", imageAlt: "Rasage au rasoir" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-bearded-customer-looking-up_23-2148256859.jpg", imageAlt: "Service classique" },
|
||||
]
|
||||
}
|
||||
]}
|
||||
title="Nos Prestations"
|
||||
description="Des soins sur mesure pour une barbe impeccable et une coupe qui vous définit."
|
||||
@@ -173,60 +105,16 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Marc-André",
|
||||
role: "Athlète",
|
||||
company: "Client régulier",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-senior-man-laughing_23-2151203948.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Philippe",
|
||||
role: "Entrepreneur",
|
||||
company: "Client régulier",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/barber-shaves-bearded-man-vintage-atmosphere_1153-7903.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Simon",
|
||||
role: "Coach",
|
||||
company: "Client régulier",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-sunbathed-fashion-man-model-wearing-white-shirt-clothes-posing-street_158538-2382.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Éric",
|
||||
role: "Professionnel",
|
||||
company: "Client régulier",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-getting-haircut_23-2150665407.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Lucas",
|
||||
role: "Étudiant",
|
||||
company: "Client régulier",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/groomed-bearded-man-with-tattooes-is-posing-dark-photo-studio_613910-3659.jpg",
|
||||
},
|
||||
{ id: "1", name: "Marc-André", role: "Athlète", company: "Client régulier", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/side-view-senior-man-laughing_23-2151203948.jpg" },
|
||||
{ id: "2", name: "Philippe", role: "Entrepreneur", company: "Client régulier", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/barber-shaves-bearded-man-vintage-atmosphere_1153-7903.jpg" },
|
||||
{ id: "3", name: "Simon", role: "Coach", company: "Client régulier", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-sunbathed-fashion-man-model-wearing-white-shirt-clothes-posing-street_158538-2382.jpg" },
|
||||
{ id: "4", name: "Éric", role: "Professionnel", company: "Client régulier", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-getting-haircut_23-2150665407.jpg" },
|
||||
{ id: "5", name: "Lucas", role: "Étudiant", company: "Client régulier", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/groomed-bearded-man-with-tattooes-is-posing-dark-photo-studio_613910-3659.jpg" },
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "437",
|
||||
label: "Avis Google",
|
||||
},
|
||||
{
|
||||
value: "4.4",
|
||||
label: "Note globale",
|
||||
},
|
||||
{
|
||||
value: "7+",
|
||||
label: "Années d'expérience",
|
||||
},
|
||||
{ value: "437", label: "Avis Google" },
|
||||
{ value: "4.4", label: "Note globale" },
|
||||
{ value: "7+", label: "Années d'expérience" },
|
||||
]}
|
||||
title="Ils nous font confiance"
|
||||
description="L'avis de notre communauté sportive et décontractée."
|
||||
@@ -239,18 +127,8 @@ export default function LandingPage() {
|
||||
title="Prêt pour votre rendez-vous ?"
|
||||
description="Réservez dès maintenant pour une expérience premium."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Nom complet",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "phone",
|
||||
type: "tel",
|
||||
placeholder: "Numéro de téléphone",
|
||||
required: true,
|
||||
},
|
||||
{ name: "name", type: "text", placeholder: "Nom complet", required: true },
|
||||
{ name: "phone", type: "tel", placeholder: "Numéro de téléphone", required: true },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/barber-shop-tools-arrangement_23-2149167448.jpg"
|
||||
/>
|
||||
@@ -259,30 +137,8 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ items: [{ label: "Services", href: "#services" }, { label: "Contact", href: "#contact" }] },
|
||||
{ items: [{ label: "Privacy Policy", href: "#" }, { label: "Instagram", href: "#" }] },
|
||||
]}
|
||||
logoText="Barbier Le Barbu Sportif"
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user