Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #2.
This commit is contained in:
331
src/app/page.tsx
331
src/app/page.tsx
@@ -30,22 +30,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "The Experience",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "reviews",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "The Experience", id: "hero" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Reviews", id: "reviews" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="MONDIAL COIFFURE"
|
||||
/>
|
||||
@@ -54,106 +42,23 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitTestimonial
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
title="L’Excellence du Style, L’Art de l'Écoute."
|
||||
description="Simple. Efficace. Sur-mesure. Mondial Coiffure allie la haute précision de la coiffure à un accueil d’exception, en plein cœur de votre quartier."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Quentin V.",
|
||||
handle: "@quentin_v",
|
||||
testimonial: "Le gérant est très sympathique, à l'écoute et comprend bien ce que vous demandez.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-cutting-man-s-hair-barber-shop_23-2149186462.jpg",
|
||||
},
|
||||
{
|
||||
name: "Saifeddine C.",
|
||||
handle: "@saifc",
|
||||
testimonial: "Le meilleur coiffeur du quartier !",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-satisfied-customer-making-ok-gesture_74855-2298.jpg",
|
||||
},
|
||||
{
|
||||
name: "Thomas H.",
|
||||
handle: "@thomash",
|
||||
testimonial: "Simple et efficace !",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-barber-man-apron-holding-trimmer-hair-brushes-happy-cheerfuul-smiling_141793-37016.jpg",
|
||||
},
|
||||
{
|
||||
name: "Jean-Pierre D.",
|
||||
handle: "@jp_d",
|
||||
testimonial: "Un savoir-faire exceptionnel et un accueil vraiment chaleureux.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-bearded-man-suit_23-2149705920.jpg",
|
||||
},
|
||||
{
|
||||
name: "Marc B.",
|
||||
handle: "@marcb",
|
||||
testimonial: "Le service est impeccable, je ne vais nulle part ailleurs.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-glad-pretty-woman-dark-sweater-standing-near-lamps_114579-81865.jpg",
|
||||
},
|
||||
{ name: "Quentin V.", handle: "@quentin_v", testimonial: "Le gérant est très sympathique, à l'écoute et comprend bien ce que vous demandez.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-cutting-man-s-hair-barber-shop_23-2149186462.jpg" },
|
||||
{ name: "Saifeddine C.", handle: "@saifc", testimonial: "Le meilleur coiffeur du quartier !", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-satisfied-customer-making-ok-gesture_74855-2298.jpg" },
|
||||
{ name: "Thomas H.", handle: "@thomash", testimonial: "Simple et efficace !", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/professional-barber-man-apron-holding-trimmer-hair-brushes-happy-cheerfuul-smiling_141793-37016.jpg" },
|
||||
{ name: "Jean-Pierre D.", handle: "@jp_d", testimonial: "Un savoir-faire exceptionnel et un accueil vraiment chaleureux.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-bearded-man-suit_23-2149705920.jpg" },
|
||||
{ name: "Marc B.", handle: "@marcb", testimonial: "Le service est impeccable, je ne vais nulle part ailleurs.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-glad-pretty-woman-dark-sweater-standing-near-lamps_114579-81865.jpg" }
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Réserver un Créneau",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "Découvrir nos Services",
|
||||
href: "#services",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-from-man-barber-shop_23-2148257045.jpg?_wi=1"
|
||||
buttons={[{ text: "Réserver un Créneau", href: "#contact" }, { text: "Découvrir nos Services", href: "#services" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-from-man-barber-shop_23-2148257045.jpg"
|
||||
imageAlt="Professional haircut in progress"
|
||||
mediaAnimation="opacity"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-hair-salon-facing-camera_23-2148242763.jpg",
|
||||
alt: "Client portrait",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-plus-size-man-working-as-barista_23-2150754672.jpg",
|
||||
alt: "Client portrait",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/office-worker-brainstorming-ideas-create-presentation-using-online-network-doing-research-project-internet-app-planning-business-report-with-charts-information-send-email-handheld-shot_482257-49801.jpg",
|
||||
alt: "Client portrait",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/positive-bearded-black-male-with-tattoo-cross-arms-dressed-white-shirt_613910-15917.jpg",
|
||||
alt: "Client portrait",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-handsome-corporate-man_23-2148336855.jpg",
|
||||
alt: "Client portrait",
|
||||
},
|
||||
]}
|
||||
avatars={[{ src: "http://img.b2bpic.net/free-photo/man-hair-salon-facing-camera_23-2148242763.jpg", alt: "Client portrait" }, { src: "http://img.b2bpic.net/free-photo/medium-shot-plus-size-man-working-as-barista_23-2150754672.jpg", alt: "Client portrait" }, { src: "http://img.b2bpic.net/free-photo/office-worker-brainstorming-ideas-create-presentation-using-online-network-doing-research-project-internet-app-planning-business-report-with-charts-information-send-email-handheld-shot_482257-49801.jpg", alt: "Client portrait" }, { src: "http://img.b2bpic.net/free-photo/positive-bearded-black-male-with-tattoo-cross-arms-dressed-white-shirt_613910-15917.jpg", alt: "Client portrait" }, { src: "http://img.b2bpic.net/free-photo/front-view-handsome-corporate-man_23-2148336855.jpg", alt: "Client portrait" }]}
|
||||
avatarText="Rejoignez plus de 5000 clients satisfaits"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Coupes Premium",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Barbe Traditionnelle",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Service sur-mesure",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Accueil Chaleureux",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Expertise confirmée",
|
||||
},
|
||||
]}
|
||||
marqueeItems={[{ type: "text", text: "Coupes Premium" }, { type: "text", text: "Barbe Traditionnelle" }, { type: "text", text: "Service sur-mesure" }, { type: "text", text: "Accueil Chaleureux" }, { type: "text", text: "Expertise confirmée" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -163,21 +68,9 @@ export default function LandingPage() {
|
||||
title="Pourquoi Mondial Coiffure ?"
|
||||
description="Nous mettons notre expertise au service de votre style avec une approche personnalisée."
|
||||
accordionItems={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Une Écoute Attentive",
|
||||
content: "Ici, votre vision prend vie. Notre gérant prend le temps de vous comprendre pour un résultat parfaitement aligné avec vos attentes.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "L’Élite du Quartier",
|
||||
content: "Fier d'être le salon de référence. Nous cultivons une ambiance chaleureuse où chaque client se sent comme à la maison.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Simple & Efficace",
|
||||
content: "Pas de fioritures, juste la perfection. Un service fluide, un timing respecté, et une exécution technique irréprochable.",
|
||||
},
|
||||
{ id: "f1", title: "Une Écoute Attentive", content: "Ici, votre vision prend vie. Notre gérant prend le temps de vous comprendre pour un résultat parfaitement aligné avec vos attentes." },
|
||||
{ id: "f2", title: "L’Élite du Quartier", content: "Fier d'être le salon de référence. Nous cultivons une ambiance chaleureuse où chaque client se sent comme à la maison." },
|
||||
{ id: "f3", title: "Simple & Efficace", content: "Pas de fioritures, juste la perfection. Un service fluide, un timing respecté, et une exécution technique irréprochable." }
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/man-getting-new-look-barber-shop_23-2149167460.jpg"
|
||||
@@ -192,47 +85,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "p1",
|
||||
title: "Coupe & Coiffage",
|
||||
price: "35€",
|
||||
period: "service",
|
||||
features: [
|
||||
"Shampooing traitant",
|
||||
"Massage crânien",
|
||||
"Coupe personnalisée",
|
||||
"Coiffage professionnel",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/back-view-man-getting-haircut_23-2148242819.jpg",
|
||||
imageAlt: "Back view of man getting a haircut",
|
||||
id: "p1", title: "Coupe & Coiffage", price: "35€", period: "service", features: ["Shampooing traitant", "Massage crânien", "Coupe personnalisée", "Coiffage professionnel"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/back-view-man-getting-haircut_23-2148242819.jpg", imageAlt: "Back view of man getting a haircut", button: { text: "Réserver" }
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
title: "La Barbe Traditionnelle",
|
||||
price: "25€",
|
||||
period: "service",
|
||||
features: [
|
||||
"Taille aux ciseaux",
|
||||
"Rasoir de précision",
|
||||
"Rituel serviette chaude",
|
||||
"Huiles de soin",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-from-man-barber-shop_23-2148257045.jpg?_wi=2",
|
||||
imageAlt: "Back view of man getting a haircut",
|
||||
id: "p2", title: "La Barbe Traditionnelle", price: "25€", period: "service", features: ["Taille aux ciseaux", "Rasoir de précision", "Rituel serviette chaude", "Huiles de soin"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-from-man-barber-shop_23-2148257045.jpg", imageAlt: "Back view of man getting a haircut", button: { text: "Réserver" }
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
title: "Le Rituel Mondial",
|
||||
price: "55€",
|
||||
period: "service",
|
||||
features: [
|
||||
"Coupe premium",
|
||||
"Soin de la barbe",
|
||||
"Massage signature",
|
||||
"Finitions irréprochables",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/barber-shop-tools-arrangement_23-2149167448.jpg",
|
||||
imageAlt: "Back view of man getting a haircut",
|
||||
},
|
||||
id: "p3", title: "Le Rituel Mondial", price: "55€", period: "service", features: ["Coupe premium", "Soin de la barbe", "Massage signature", "Finitions irréprochables"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/barber-shop-tools-arrangement_23-2149167448.jpg", imageAlt: "Back view of man getting a haircut", button: { text: "Réserver" }
|
||||
}
|
||||
]}
|
||||
title="Nos Services Signature"
|
||||
description="Des prestations de précision pour une allure soignée au quotidien."
|
||||
@@ -245,41 +108,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Quentin V.",
|
||||
role: "Local Guide",
|
||||
testimonial: "Le gérant est très sympathique, à l'écoute et comprend bien ce que vous demandez.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-young-man-posing-isolated-grey_171337-10592.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Saifeddine C.",
|
||||
role: "Client Fidèle",
|
||||
testimonial: "Le meilleur coiffeur du quartier !",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/joyful-young-caucasian-girl-with-pixie-haircut-pointing-camera-isolated-olive-green-background-with-copy-space_141793-88505.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Thomas H.",
|
||||
role: "Local Guide",
|
||||
testimonial: "Simple et efficace !",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-bearded-hair-stylist-conversing-with-elderly-client-salon_23-2148182002.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Jean-Pierre D.",
|
||||
role: "Habitué",
|
||||
testimonial: "Un accueil chaleureux et une maîtrise technique impeccable à chaque visite.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-businessman-smiling-camera_1163-4660.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Marc B.",
|
||||
role: "Client VIP",
|
||||
testimonial: "Mondial Coiffure, c'est l'adresse incontournable pour un style parfait.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-with-apron_23-2148138477.jpg",
|
||||
},
|
||||
{ id: "t1", name: "Quentin V.", role: "Local Guide", testimonial: "Le gérant est très sympathique, à l'écoute et comprend bien ce que vous demandez.", imageSrc: "http://img.b2bpic.net/free-photo/happy-young-man-posing-isolated-grey_171337-10592.jpg" },
|
||||
{ id: "t2", name: "Saifeddine C.", role: "Client Fidèle", testimonial: "Le meilleur coiffeur du quartier !", imageSrc: "http://img.b2bpic.net/free-photo/joyful-young-caucasian-girl-with-pixie-haircut-pointing-camera-isolated-olive-green-background-with-copy-space_141793-88505.jpg" },
|
||||
{ id: "t3", name: "Thomas H.", role: "Local Guide", testimonial: "Simple et efficace !", imageSrc: "http://img.b2bpic.net/free-photo/smiling-bearded-hair-stylist-conversing-with-elderly-client-salon_23-2148182002.jpg" },
|
||||
{ id: "t4", name: "Jean-Pierre D.", role: "Habitué", testimonial: "Un accueil chaleureux et une maîtrise technique impeccable à chaque visite.", imageSrc: "http://img.b2bpic.net/free-photo/happy-businessman-smiling-camera_1163-4660.jpg" },
|
||||
{ id: "t5", name: "Marc B.", role: "Client VIP", testimonial: "Mondial Coiffure, c'est l'adresse incontournable pour un style parfait.", imageSrc: "http://img.b2bpic.net/free-photo/mechanic-with-apron_23-2148138477.jpg" }
|
||||
]}
|
||||
title="Ce que disent nos clients"
|
||||
description="La satisfaction de notre communauté est notre meilleure récompense."
|
||||
@@ -289,27 +122,8 @@ export default function LandingPage() {
|
||||
<div id="about" data-section="about">
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Une Approche ",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/barber-shop-tools-arrangement_23-2149167448.jpg",
|
||||
alt: "Salon interior",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
content: " Exclusive",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Réserver Maintenant",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
heading={[{ type: "text", content: "Une Approche " }, { type: "image", src: "http://img.b2bpic.net/free-photo/barber-shop-tools-arrangement_23-2149167448.jpg", alt: "Salon interior" }, { type: "text", content: " Exclusive" }]}
|
||||
buttons={[{ text: "Réserver Maintenant", href: "#contact" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -319,33 +133,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "100%",
|
||||
title: "Satisfaction",
|
||||
items: [
|
||||
"Clients fidèles",
|
||||
"Service sur-mesure",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "10+",
|
||||
title: "Années",
|
||||
items: [
|
||||
"Expertise confirmée",
|
||||
"Style intemporel",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "5000+",
|
||||
title: "Coupes",
|
||||
items: [
|
||||
"Réalisées avec soin",
|
||||
"Succès garanti",
|
||||
],
|
||||
},
|
||||
{ id: "m1", value: "100%", title: "Satisfaction", items: ["Clients fidèles", "Service sur-mesure"] },
|
||||
{ id: "m2", value: "10+", title: "Années", items: ["Expertise confirmée", "Style intemporel"] },
|
||||
{ id: "m3", value: "5000+", title: "Coupes", items: ["Réalisées avec soin", "Succès garanti"] }
|
||||
]}
|
||||
title="Chiffres Clés"
|
||||
description="Une rigueur constante qui fait notre renommée."
|
||||
@@ -357,25 +147,8 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Prêt à rafraîchir votre style ?"
|
||||
description="Installez-vous confortablement, on s’occupe du reste. Réservez votre moment en ligne en moins de 2 minutes."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Nom Complet",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email",
|
||||
required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Dites-nous ce dont vous avez besoin...",
|
||||
rows: 4,
|
||||
}}
|
||||
inputs={[{ name: "name", type: "text", placeholder: "Nom Complet", required: true }, { name: "email", type: "email", placeholder: "Email", required: true }]}
|
||||
textarea={{ name: "message", placeholder: "Dites-nous ce dont vous avez besoin...", rows: 4 }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/professional-barber-working-with-client-hairdressing-salon-styling-beard-with-trimmer_613910-18295.jpg"
|
||||
imageAlt="Barber working"
|
||||
/>
|
||||
@@ -385,36 +158,8 @@ export default function LandingPage() {
|
||||
<FooterBaseReveal
|
||||
logoText="MONDIAL COIFFURE"
|
||||
columns={[
|
||||
{
|
||||
title: "Navigation",
|
||||
items: [
|
||||
{
|
||||
label: "L’Expérience",
|
||||
href: "#hero",
|
||||
},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "Reviews",
|
||||
href: "#reviews",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
{
|
||||
label: "Adresse: Bruxelles, Belgique",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Tél: +32 X XX XX XX",
|
||||
href: "tel:+32XXXXXXXX",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Navigation", items: [{ label: "L’Expérience", href: "#hero" }, { label: "Services", href: "#services" }, { label: "Reviews", href: "#reviews" }] },
|
||||
{ title: "Contact", items: [{ label: "Adresse: Bruxelles, Belgique", href: "#" }, { label: "Tél: +32 X XX XX XX", href: "tel:+32XXXXXXXX" }] }
|
||||
]}
|
||||
copyrightText="© 2024 Mondial Coiffure. Tous droits réservés."
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user