Merge version_1 into main #2
226
src/app/page.tsx
226
src/app/page.tsx
@@ -30,26 +30,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Accueil",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "À Propos",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "Tarifs",
|
||||
id: "pricing",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Accueil", id: "hero" },
|
||||
{ name: "À Propos", id: "about" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Tarifs", id: "pricing" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
brandName="Hair Barber Cut"
|
||||
/>
|
||||
@@ -57,23 +42,15 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
logoText="Hair Barber Cut Nancy"
|
||||
description="L'excellence de la coiffure pour homme au cœur de Nancy. Un savoir-faire traditionnel allié aux techniques modernes."
|
||||
buttons={[
|
||||
{
|
||||
text: "Prendre RDV",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "Nos Services",
|
||||
href: "#services",
|
||||
},
|
||||
{ text: "Prendre RDV", href: "#contact" },
|
||||
{ text: "Nos Services", href: "#services" }
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/young-man-barber-shop-after-getting-haircut_23-2149186513.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/young-man-barber-shop-after-getting-haircut_23-2149186513.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -83,8 +60,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="L'Art du barbier"
|
||||
description={[
|
||||
"Situé à Nancy, Hair Barber Cut vous accueille dans un espace dédié au soin masculin.",
|
||||
"Notre équipe de barbiers passionnés met son expertise à votre service pour des coupes précises et un entretien de barbe irréprochable.",
|
||||
"Situé à Nancy, Hair Barber Cut vous accueille dans un espace dédié au soin masculin.", "Notre équipe de barbiers passionnés met son expertise à votre service pour des coupes précises et un entretien de barbe irréprochable."
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -96,50 +72,26 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Coupe Homme",
|
||||
description: "Coupe classique ou moderne, adaptée à votre style.",
|
||||
icon: Scissors,
|
||||
title: "Coupe Homme", description: "Coupe classique ou moderne, adaptée à votre style.", icon: Scissors,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/positive-blond-bearded-male-dressed-plaid-shirt-denim-jacket-posing-grey-vignette-background_613910-11758.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/positive-blond-bearded-male-dressed-plaid-shirt-denim-jacket-posing-grey-vignette-background_613910-11758.jpg?_wi=2",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-barber-shop-after-getting-haircut_23-2149186513.jpg?_wi=2",
|
||||
imageAlt: "barbershop interior modern style",
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/positive-blond-bearded-male-dressed-plaid-shirt-denim-jacket-posing-grey-vignette-background_613910-11758.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/positive-blond-bearded-male-dressed-plaid-shirt-denim-jacket-posing-grey-vignette-background_613910-11758.jpg" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Taille de Barbe",
|
||||
description: "Entretien précis au rasoir et à la tondeuse.",
|
||||
icon: Sparkles,
|
||||
title: "Taille de Barbe", description: "Entretien précis au rasoir et à la tondeuse.", icon: Sparkles,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-getting-his-beard-trimmed-with-scissor_107420-94774.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-getting-his-beard-trimmed-with-scissor_107420-94774.jpg?_wi=2",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/scissors-towel-beauty-salon_23-2148181999.jpg",
|
||||
imageAlt: "barber craftsman professional tools",
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/man-getting-his-beard-trimmed-with-scissor_107420-94774.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/man-getting-his-beard-trimmed-with-scissor_107420-94774.jpg" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Soin Rituel",
|
||||
description: "Un moment de détente avec serviette chaude.",
|
||||
icon: Shield,
|
||||
title: "Soin Rituel", description: "Un moment de détente avec serviette chaude.", icon: Shield,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-massaging-armchair-using-vr-technology_158595-5189.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-massaging-armchair-using-vr-technology_158595-5189.jpg?_wi=2",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/positive-blond-bearded-male-dressed-plaid-shirt-denim-jacket-posing-grey-vignette-background_613910-11758.jpg?_wi=3",
|
||||
imageAlt: "men haircut modern style",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/man-massaging-armchair-using-vr-technology_158595-5189.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/man-massaging-armchair-using-vr-technology_158595-5189.jpg" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
title="Nos Prestations"
|
||||
description="Nous vous proposons une gamme complète de services de coiffure et de soin du visage."
|
||||
@@ -153,54 +105,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "p1",
|
||||
badge: "Classique",
|
||||
price: "25€",
|
||||
subtitle: "Coupe rapide et efficace",
|
||||
buttons: [
|
||||
{
|
||||
text: "Choisir",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"Coupe tondeuse",
|
||||
"Coiffage",
|
||||
],
|
||||
id: "p1", badge: "Classique", price: "25€", subtitle: "Coupe rapide et efficace", buttons: [{ text: "Choisir", href: "#contact" }],
|
||||
features: ["Coupe tondeuse", "Coiffage"]
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
badge: "Premium",
|
||||
price: "40€",
|
||||
subtitle: "L'expérience complète",
|
||||
buttons: [
|
||||
{
|
||||
text: "Choisir",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"Coupe complète",
|
||||
"Soin barbe",
|
||||
"Serviette chaude",
|
||||
],
|
||||
id: "p2", badge: "Premium", price: "40€", subtitle: "L'expérience complète", buttons: [{ text: "Choisir", href: "#contact" }],
|
||||
features: ["Coupe complète", "Soin barbe", "Serviette chaude"]
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
badge: "Barbe",
|
||||
price: "20€",
|
||||
subtitle: "Entretien soigné",
|
||||
buttons: [
|
||||
{
|
||||
text: "Choisir",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"Taille rasoir",
|
||||
"Soin hydratant",
|
||||
],
|
||||
},
|
||||
id: "p3", badge: "Barbe", price: "20€", subtitle: "Entretien soigné", buttons: [{ text: "Choisir", href: "#contact" }],
|
||||
features: ["Taille rasoir", "Soin hydratant"]
|
||||
}
|
||||
]}
|
||||
title="Nos Tarifs"
|
||||
description="Des prestations de qualité à des prix accessibles."
|
||||
@@ -213,41 +128,11 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Thomas M.",
|
||||
role: "Client Fidèle",
|
||||
testimonial: "Le meilleur barbier de Nancy, sans aucun doute.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-african-american-man-posing-outdoors-paris-happy-smile-fashion-style-lights-evening-cafes_1321-2935.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Lucas P.",
|
||||
role: "Étudiant",
|
||||
testimonial: "Equipe sympa et coupe toujours au top.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-man-sitting-barbershop_1157-20140.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Marc L.",
|
||||
role: "Manager",
|
||||
testimonial: "Un service pro, je recommande vivement.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/media-marketing-internet-digital-global_53876-132202.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Jean D.",
|
||||
role: "Habitué",
|
||||
testimonial: "Très bonne ambiance et super soin.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/washing-pet-dog-home_23-2149627217.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Alex R.",
|
||||
role: "Commercial",
|
||||
testimonial: "Toujours satisfait de la taille de barbe.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/experienced-tattoo-artist-front-his-studio_23-2149479271.jpg",
|
||||
},
|
||||
{ id: "1", name: "Thomas M.", role: "Client Fidèle", testimonial: "Le meilleur barbier de Nancy, sans aucun doute.", imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-african-american-man-posing-outdoors-paris-happy-smile-fashion-style-lights-evening-cafes_1321-2935.jpg" },
|
||||
{ id: "2", name: "Lucas P.", role: "Étudiant", testimonial: "Equipe sympa et coupe toujours au top.", imageSrc: "http://img.b2bpic.net/free-photo/stylish-man-sitting-barbershop_1157-20140.jpg" },
|
||||
{ id: "3", name: "Marc L.", role: "Manager", testimonial: "Un service pro, je recommande vivement.", imageSrc: "http://img.b2bpic.net/free-photo/media-marketing-internet-digital-global_53876-132202.jpg" },
|
||||
{ id: "4", name: "Jean D.", role: "Habitué", testimonial: "Très bonne ambiance et super soin.", imageSrc: "http://img.b2bpic.net/free-photo/washing-pet-dog-home_23-2149627217.jpg" },
|
||||
{ id: "5", name: "Alex R.", role: "Commercial", testimonial: "Toujours satisfait de la taille de barbe.", imageSrc: "http://img.b2bpic.net/free-photo/experienced-tattoo-artist-front-his-studio_23-2149479271.jpg" }
|
||||
]}
|
||||
title="Avis Clients"
|
||||
description="Ce que nos clients disent de Hair Barber Cut."
|
||||
@@ -257,9 +142,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
tag="Contact"
|
||||
title="Prendre Rendez-vous"
|
||||
description="Laissez-nous votre email et nous vous recontacterons pour confirmer votre créneau."
|
||||
@@ -273,35 +156,18 @@ export default function LandingPage() {
|
||||
logoText="Hair Barber Cut"
|
||||
columns={[
|
||||
{
|
||||
title: "Navigation",
|
||||
items: [
|
||||
{
|
||||
label: "Accueil",
|
||||
href: "/",
|
||||
},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "Tarifs",
|
||||
href: "#pricing",
|
||||
},
|
||||
],
|
||||
title: "Navigation", items: [
|
||||
{ label: "Accueil", href: "/" },
|
||||
{ label: "Services", href: "#services" },
|
||||
{ label: "Tarifs", href: "#pricing" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
{
|
||||
label: "Nancy, France",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "03 00 00 00 00",
|
||||
href: "tel:0300000000",
|
||||
},
|
||||
],
|
||||
},
|
||||
title: "Contact", items: [
|
||||
{ label: "Nancy, France", href: "#" },
|
||||
{ label: "03 00 00 00 00", href: "tel:0300000000" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
copyrightText="© 2025 Hair Barber Cut Nancy"
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user