Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #1.
This commit is contained in:
259
src/app/page.tsx
259
src/app/page.tsx
@@ -32,74 +32,29 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Accueil",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "Équipe",
|
||||
id: "team",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Accueil", id: "hero" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Équipe", id: "team" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Gentleman's Cut"
|
||||
button={{
|
||||
text: "Réserver",
|
||||
}}
|
||||
button={{ text: "Réserver" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "rotated-rays-animated",
|
||||
}}
|
||||
background={{ variant: "rotated-rays-animated" }}
|
||||
title="L'Art de la Coiffure Masculine"
|
||||
description="Redécouvrez le style dans une atmosphère authentique et professionnelle. Votre barbe et vos cheveux méritent notre expertise."
|
||||
buttons={[
|
||||
{
|
||||
text: "Prendre Rendez-vous",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Prendre Rendez-vous", href: "#contact" }]}
|
||||
carouselItems={[
|
||||
{
|
||||
id: "1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mustache-guy-barbershop_140725-7723.jpg",
|
||||
imageAlt: "Barber Shop Style",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-getting-his-hair-washed_23-2149220571.jpg",
|
||||
imageAlt: "Barber Shop Style",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/back-view-hairstylist-cutting-costumer-s-hair_23-2148242837.jpg",
|
||||
imageAlt: "Barber Shop Style",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hairstylist-cutting-customer-hair-helped-by-scissors_23-2148256966.jpg",
|
||||
imageAlt: "Barber Shop Style",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/funny-little-boy-is-getting-trendy-haircut-from-expirienced-barber-fashionable-hairdressing-salon-firs-time_613910-21469.jpg",
|
||||
imageAlt: "Barber Shop Style",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-cutting-man-s-hair-barber-shop_23-2149186474.jpg",
|
||||
imageAlt: "Barber Shop Style",
|
||||
},
|
||||
{ id: "1", imageSrc: "http://img.b2bpic.net/free-photo/mustache-guy-barbershop_140725-7723.jpg", imageAlt: "Barber Shop Style" },
|
||||
{ id: "2", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-getting-his-hair-washed_23-2149220571.jpg", imageAlt: "Barber Shop Style" },
|
||||
{ id: "3", imageSrc: "http://img.b2bpic.net/free-photo/back-view-hairstylist-cutting-costumer-s-hair_23-2148242837.jpg", imageAlt: "Barber Shop Style" },
|
||||
{ id: "4", imageSrc: "http://img.b2bpic.net/free-photo/hairstylist-cutting-customer-hair-helped-by-scissors_23-2148256966.jpg", imageAlt: "Barber Shop Style" },
|
||||
{ id: "5", imageSrc: "http://img.b2bpic.net/free-photo/funny-little-boy-is-getting-trendy-haircut-from-expirienced-barber-fashionable-hairdressing-salon-firs-time_613910-21469.jpg", imageAlt: "Barber Shop Style" },
|
||||
{ id: "6", imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-cutting-man-s-hair-barber-shop_23-2149186474.jpg", imageAlt: "Barber Shop Style" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -108,19 +63,9 @@ export default function LandingPage() {
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Une tradition transmise",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/barber-shop-tools-arrangement_23-2149167448.jpg",
|
||||
alt: "Notre Salon",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
content: "avec passion.",
|
||||
},
|
||||
{ type: "text", content: "Une tradition transmise" },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/barber-shop-tools-arrangement_23-2149167448.jpg", alt: "Notre Salon" },
|
||||
{ type: "text", content: "avec passion." },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -132,21 +77,9 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Coupe Classique",
|
||||
description: "Une coupe sur mesure selon votre style.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-selfcare-products_23-2149313020.jpg",
|
||||
},
|
||||
{
|
||||
title: "Taille de Barbe",
|
||||
description: "Soins précis pour une barbe élégante.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-shaving-morning_23-2147787851.jpg",
|
||||
},
|
||||
{
|
||||
title: "Soin Rasage",
|
||||
description: "L'expérience du rasage à l'ancienne.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/barber-using-shaving-cream-contour-male-customer-s-beard_23-2148985733.jpg",
|
||||
},
|
||||
{ title: "Coupe Classique", description: "Une coupe sur mesure selon votre style.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-selfcare-products_23-2149313020.jpg" },
|
||||
{ title: "Taille de Barbe", description: "Soins précis pour une barbe élégante.", imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-shaving-morning_23-2147787851.jpg" },
|
||||
{ title: "Soin Rasage", description: "L'expérience du rasage à l'ancienne.", imageSrc: "http://img.b2bpic.net/free-photo/barber-using-shaving-cream-contour-male-customer-s-beard_23-2148985733.jpg" },
|
||||
]}
|
||||
title="Nos Services Signature"
|
||||
description="Des soins complets pour une apparence impeccable."
|
||||
@@ -160,54 +93,12 @@ export default function LandingPage() {
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "Gentle",
|
||||
name: "Pomade Classique",
|
||||
price: "19€",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plant-near-cosmetics-bottles-jar_23-2147787932.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "Gentle",
|
||||
name: "Argile Coiffante",
|
||||
price: "22€",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-selfcare-products_23-2149313073.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "Gentle",
|
||||
name: "Baume Barbe",
|
||||
price: "25€",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-using-nose-product_23-2149137916.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "Gentle",
|
||||
name: "Rasoir Pro",
|
||||
price: "45€",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tools-shaving-beard-desk_23-2148181852.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
brand: "Gentle",
|
||||
name: "Spray Fixant",
|
||||
price: "18€",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hair-salon-tools_23-2148108858.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
brand: "Gentle",
|
||||
name: "Lotion Après-Rasage",
|
||||
price: "28€",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-male-self-care-items_23-2150347086.jpg",
|
||||
},
|
||||
{ id: "p1", brand: "Gentle", name: "Pomade Classique", price: "19€", rating: 5, reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/plant-near-cosmetics-bottles-jar_23-2147787932.jpg" },
|
||||
{ id: "p2", brand: "Gentle", name: "Argile Coiffante", price: "22€", rating: 5, reviewCount: "85", imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-selfcare-products_23-2149313073.jpg" },
|
||||
{ id: "p3", brand: "Gentle", name: "Baume Barbe", price: "25€", rating: 5, reviewCount: "92", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-using-nose-product_23-2149137916.jpg" },
|
||||
{ id: "p4", brand: "Gentle", name: "Rasoir Pro", price: "45€", rating: 5, reviewCount: "45", imageSrc: "http://img.b2bpic.net/free-photo/tools-shaving-beard-desk_23-2148181852.jpg" },
|
||||
{ id: "p5", brand: "Gentle", name: "Spray Fixant", price: "18€", rating: 5, reviewCount: "60", imageSrc: "http://img.b2bpic.net/free-photo/hair-salon-tools_23-2148108858.jpg" },
|
||||
{ id: "p6", brand: "Gentle", name: "Lotion Après-Rasage", price: "28€", rating: 5, reviewCount: "75", imageSrc: "http://img.b2bpic.net/free-photo/top-view-male-self-care-items_23-2150347086.jpg" },
|
||||
]}
|
||||
title="Produits Professionnels"
|
||||
description="Maintenez votre style à domicile avec notre gamme sélectionnée."
|
||||
@@ -221,24 +112,9 @@ export default function LandingPage() {
|
||||
gridVariant="one-large-left-three-stacked-right"
|
||||
useInvertedBackground={true}
|
||||
members={[
|
||||
{
|
||||
id: "m1",
|
||||
name: "Julien",
|
||||
role: "Maître Barbier",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pleased-looking-side-young-male-barber-wearing-uniform-holding-barber-tools-isolated-olive-green-wall_141793-106088.jpg",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
name: "Marc",
|
||||
role: "Styliste",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/positive-bearded-black-male-with-tattoo-cross-arms-dressed-white-shirt_613910-15917.jpg",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
name: "Thomas",
|
||||
role: "Expert Rasage",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tattooed-caucasian-male-barber-cutting-beard-black-stylish-man_613910-1464.jpg",
|
||||
},
|
||||
{ id: "m1", name: "Julien", role: "Maître Barbier", imageSrc: "http://img.b2bpic.net/free-photo/pleased-looking-side-young-male-barber-wearing-uniform-holding-barber-tools-isolated-olive-green-wall_141793-106088.jpg" },
|
||||
{ id: "m2", name: "Marc", role: "Styliste", imageSrc: "http://img.b2bpic.net/free-photo/positive-bearded-black-male-with-tattoo-cross-arms-dressed-white-shirt_613910-15917.jpg" },
|
||||
{ id: "m3", name: "Thomas", role: "Expert Rasage", imageSrc: "http://img.b2bpic.net/free-photo/tattooed-caucasian-male-barber-cutting-beard-black-stylish-man_613910-1464.jpg" },
|
||||
]}
|
||||
title="Nos Barbiers Experts"
|
||||
description="Rencontrez les artisans qui prennent soin de votre look."
|
||||
@@ -252,46 +128,11 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Jean",
|
||||
role: "Client Fidèle",
|
||||
company: "Habitué",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/interested-woman-with-phone-standing-panoramic-kitchen-casual-clothes_231208-2965.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Pierre",
|
||||
role: "Nouveau Client",
|
||||
company: "Découverte",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-blue-eyed-bearded-hipster-male-with-crossed-arms-grey-background_613910-12834.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Lucas",
|
||||
role: "Client",
|
||||
company: "Habitué",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sitting-hair-dresser-posing_23-2148108747.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Simon",
|
||||
role: "Client",
|
||||
company: "Expertise",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-afro-american-male-barber-wearing-uniform-doing-haircut-his-young-client_141793-117515.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Paul",
|
||||
role: "Client",
|
||||
company: "Style",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-happy-man-looking-camera-shaving-his-face-with-electric-razor_23-2148088271.jpg",
|
||||
},
|
||||
{ id: "1", name: "Jean", role: "Client Fidèle", company: "Habitué", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/interested-woman-with-phone-standing-panoramic-kitchen-casual-clothes_231208-2965.jpg" },
|
||||
{ id: "2", name: "Pierre", role: "Nouveau Client", company: "Découverte", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-blue-eyed-bearded-hipster-male-with-crossed-arms-grey-background_613910-12834.jpg" },
|
||||
{ id: "3", name: "Lucas", role: "Client", company: "Habitué", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/sitting-hair-dresser-posing_23-2148108747.jpg" },
|
||||
{ id: "4", name: "Simon", role: "Client", company: "Expertise", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-afro-american-male-barber-wearing-uniform-doing-haircut-his-young-client_141793-117515.jpg" },
|
||||
{ id: "5", name: "Paul", role: "Client", company: "Style", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-happy-man-looking-camera-shaving-his-face-with-electric-razor_23-2148088271.jpg" },
|
||||
]}
|
||||
title="Ils nous recommandent"
|
||||
description="L'excellence au quotidien selon nos clients."
|
||||
@@ -303,21 +144,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Faut-il réserver ?",
|
||||
content: "Oui, nous recommandons vivement de réserver votre créneau.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Quels produits utilisez-vous ?",
|
||||
content: "Nous utilisons exclusivement des produits professionnels de haute qualité.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Proposez-vous des cartes cadeaux ?",
|
||||
content: "Oui, offrez une expérience de soin à vos proches.",
|
||||
},
|
||||
{ id: "f1", title: "Faut-il réserver ?", content: "Oui, nous recommandons vivement de réserver votre créneau." },
|
||||
{ id: "f2", title: "Quels produits utilisez-vous ?", content: "Nous utilisons exclusivement des produits professionnels de haute qualité." },
|
||||
{ id: "f3", title: "Proposez-vous des cartes cadeaux ?", content: "Oui, offrez une expérience de soin à vos proches." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/professional-barber-working-with-client-hairdressing-salon-styling-beard-with-trimmer_613910-18295.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -330,9 +159,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "rotated-rays-animated",
|
||||
}}
|
||||
background={{ variant: "rotated-rays-animated" }}
|
||||
tag="Contact"
|
||||
title="Réservez votre séance"
|
||||
description="Contactez-nous pour toute question ou pour réserver votre prochaine coupe."
|
||||
@@ -346,16 +173,8 @@ export default function LandingPage() {
|
||||
logoText="Gentleman's Cut"
|
||||
copyrightText="© 2025 | Gentleman's Cut"
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Instagram,
|
||||
href: "https://instagram.com",
|
||||
ariaLabel: "Instagram",
|
||||
},
|
||||
{
|
||||
icon: Facebook,
|
||||
href: "https://facebook.com",
|
||||
ariaLabel: "Facebook",
|
||||
},
|
||||
{ icon: Instagram, href: "https://instagram.com", ariaLabel: "Instagram" },
|
||||
{ icon: Facebook, href: "https://facebook.com", ariaLabel: "Facebook" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user