bender/bd99b60f-3f9c-438f-9464-abe3c7179c59
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

merge into: bender:version_2
Branches Tags
bender:main bender:version_3 bender:version_2 bender:version_1
...
pull from: bender:main
Branches Tags
bender:main bender:version_3 bender:version_2 bender:version_1

3 Commits
version_2 ... main

Author SHA1 Message Date
bender
5f359e3266 Merge version_3 into main 
Merge version_3 into main
 2026-05-18 15:13:40 +00:00
bender
0bf5d8d463 Update src/app/page.tsx 2026-05-18 15:13:37 +00:00
bender
49d2c6b922 Merge version_2 into main 
Merge version_2 into main
 2026-05-18 15:04:49 +00:00
1 changed files with 41 additions and 120 deletions
Expand all files Collapse all files

161
src/app/page.tsx
View File

@@ -30,14 +30,11 @@ export default function LandingPage() {
<div id="nav" data-section="nav"> <div id="nav" data-section="nav">
<NavbarStyleApple <NavbarStyleApple
navItems={[ navItems={[
{ { name: "Accueil", id: "hero" },
name: "Accueil", id: "hero"}, { name: "À Propos", id: "about" },
{ { name: "Services", id: "services" },
name: "À Propos", id: "about"}, { name: "Tarifs", id: "pricing" },
{ { name: "Contact", id: "contact" },
name: "Services", id: "services"},
{
name: "Contact", id: "contact"},
]} ]}
brandName="City Coif" brandName="City Coif"
/> />
@@ -46,13 +43,12 @@ export default function LandingPage() {
<div id="hero" data-section="hero"> <div id="hero" data-section="hero">
<HeroLogo <HeroLogo
logoText="City Coif" logoText="City Coif"
description="Sublimez votre style au cœur de L'Isle-d'Abeau. Expertise et élégance pour toutes vos coiffures." description="Barbier indépendant à L'Isle-d'Abeau. Spécialiste exclusif de la coupe homme et de l'entretien de la barbe dans un cadre intimiste."
buttons={[ buttons={[
{ { text: "Prendre Rendez-vous", href: "#contact" },
text: "Prendre Rendez-vous", href: "#contact"},
]} ]}
imageSrc="http://img.b2bpic.net/free-photo/mirror-hairdressing-salon_23-2147670185.jpg" imageSrc="http://img.b2bpic.net/free-photo/barber-shop-interior-with-tools-chair_23-2148967913.jpg"
imageAlt="Intérieur du salon City Coif" imageAlt="Espace barbier intimiste"
/> />
</div> </div>
@@ -60,18 +56,15 @@ export default function LandingPage() {
<SplitAbout <SplitAbout
textboxLayout="split" textboxLayout="split"
useInvertedBackground={true} useInvertedBackground={true}
title="Une expertise coiffure dédiée" title="Un service exclusif pour homme"
description="Bienvenue chez City Coif, votre salon de référence à L'Isle-d'Abeau. Nos coiffeurs passionnés sont à votre écoute pour révéler votre personnalité et sublimer vos cheveux avec des techniques modernes et personnalisées." description="Chez City Coif, je travaille seul pour vous offrir une attention totale. Spécialisé exclusivement dans la coiffure masculine et le soin de la barbe, je vous garantis une expertise pointue et un moment de détente privilégié, loin de l'agitation des salons traditionnels."
bulletPoints={[ bulletPoints={[
{ { title: "Expertise Masculine", description: "Maîtrise totale des techniques de coupe homme." },
title: "Coupes Personnalisées", description: "Un style unique qui vous correspond parfaitement."}, { title: "Soins Barbe", description: "Entretien précis et rituel de soin du visage." },
{ { title: "Service Privé", description: "Un moment de calme rien que pour vous." },
title: "Techniques de Coloration", description: "Des nuances éclatantes et respectueuses du cheveu."},
{
title: "Soins Capillaires", description: "Des rituels de soin relaxants pour une chevelure en pleine santé."},
]} ]}
imageSrc="http://img.b2bpic.net/free-photo/child-getting-their-hair-blown-salon_23-2150462467.jpg" imageSrc="http://img.b2bpic.net/free-photo/man-getting-hair-cut-barber-shop_23-2148722757.jpg"
imageAlt="Coiffeur travaillant sur un client" imageAlt="Barbier en plein travail"
mediaAnimation="slide-up" mediaAnimation="slide-up"
/> />
</div> </div>
@@ -81,15 +74,12 @@ export default function LandingPage() {
textboxLayout="default" textboxLayout="default"
useInvertedBackground={false} useInvertedBackground={false}
features={[ features={[
{ { title: "Coupe Homme", description: "Techniques de précision adaptées à vos cheveux.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-barber-cutting-hair_23-2147775923.jpg" },
title: "Coupe Dame & Homme", description: "Tendance ou classique, une coupe adaptée à votre morphologie.", imageSrc: "http://img.b2bpic.net/free-photo/professional-stylist-washing-hair-customer_23-2147769798.jpg"}, { title: "Taille de Barbe", description: "Structuration et entretien complet de votre barbe.", imageSrc: "http://img.b2bpic.net/free-photo/beard-trimming-barbershop_23-2148641199.jpg" },
{ { title: "Rituel Soin", description: "Soin relaxant du visage et de la barbe.", imageSrc: "http://img.b2bpic.net/free-photo/man-relaxing-barbershop_23-2147854659.jpg" },
title: "Balayage & Couleur", description: "Illuminez votre visage avec nos techniques de coloration.", imageSrc: "http://img.b2bpic.net/free-photo/woman-puts-crystal-hairpin-bride-s-blonde-hair_8353-571.jpg"},
{
title: "Soins Profonds", description: "Régénérez vos cheveux avec nos soins professionnels.", imageSrc: "http://img.b2bpic.net/free-photo/anime-style-beauty-salon-with-cosmetology-equipment_23-2151500998.jpg"},
]} ]}
title="Nos Services" title="Expertise Homme"
description="Des prestations complètes pour sublimer votre chevelure." description="Des prestations dédiées à l'élégance masculine."
/> />
</div> </div>
@@ -99,36 +89,12 @@ export default function LandingPage() {
textboxLayout="default" textboxLayout="default"
useInvertedBackground={true} useInvertedBackground={true}
plans={[ plans={[
{ { id: "p1", badge: "Entretien", price: "25€", subtitle: "Coupe Homme", buttons: [{ text: "Réserver", href: "#contact" }], features: ["Shampoing", "Coupe aux ciseaux/tondeuse", "Coiffage"] },
id: "p1", badge: "Basique", price: "35€", subtitle: "Coupe Homme", buttons: [ { id: "p2", badge: "Soins", price: "20€", subtitle: "Taille de Barbe", buttons: [{ text: "Réserver", href: "#contact" }], features: ["Tracé à la tondeuse", "Soin barbe", "Soin du visage"] },
{ { id: "p3", badge: "Complet", price: "40€", subtitle: "Pack Barbier", buttons: [{ text: "Réserver", href: "#contact" }], features: ["Coupe Homme", "Taille de barbe complète", "Rituel soin"] },
text: "Réserver", href: "#contact"
},
],
features: [
"Shampoing", "Coupe", "Coiffage"],
},
{
id: "p2", badge: "Populaire", price: "55€", subtitle: "Coupe Femme", buttons: [
{
text: "Réserver", href: "#contact"
},
],
features: [
"Shampoing", "Coupe", "Coiffage", "Soins flash"],
},
{
id: "p3", badge: "Premium", price: "95€", subtitle: "Coloration Complète", buttons: [
{
text: "Réserver", href: "#contact"
},
],
features: [
"Coloration", "Coupe", "Coiffage", "Soin profond"],
},
]} ]}
title="Nos Tarifs" title="Nos Tarifs"
description="Des prix transparents pour une qualité exceptionnelle." description="Transparence et précision pour vos besoins."
/> />
</div> </div>
@@ -139,42 +105,22 @@ export default function LandingPage() {
gridVariant="three-columns-all-equal-width" gridVariant="three-columns-all-equal-width"
useInvertedBackground={false} useInvertedBackground={false}
testimonials={[ testimonials={[
{ { id: "t1", name: "Alexandre P.", role: "Client", company: "L'Isle-d'Abeau", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/barber-man-doing-haircut_23-2147674068.jpg" },
id: "t1", name: "Sophie M.", role: "Cliente", company: "L'Isle-d'Abeau", rating: 5, { id: "t2", name: "Julien R.", role: "Client", company: "L'Isle-d'Abeau", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/client-smiling-after-haircut_23-2147674060.jpg" },
imageSrc: "http://img.b2bpic.net/free-photo/woman-looking-her-smiling-friend-sitting-ferris-wheel-cabin_23-2147910621.jpg"},
{
id: "t2", name: "Marc T.", role: "Client", company: "L'Isle-d'Abeau", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/team-bride-celebrating-before-wedding_23-2149329119.jpg"},
{
id: "t3", name: "Julie D.", role: "Cliente", company: "L'Isle-d'Abeau", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-black-people-taking-care-afro-hair_23-2149575478.jpg"},
{
id: "t4", name: "Thomas L.", role: "Client", company: "L'Isle-d'Abeau", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/red_1385-786.jpg"},
{
id: "t5", name: "Elodie V.", role: "Cliente", company: "L'Isle-d'Abeau", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/regretted-young-beautiful-female-barber-uniform-speaks-phone-isolated-green-background_141793-118626.jpg"},
]} ]}
title="Ce que disent nos clients" title="Retours Clients"
description="La satisfaction de nos clients est notre priorité." description="Ce que disent nos habitués."
/> />
</div> </div>
<div id="team" data-section="team"> <div id="team" data-section="team">
<TeamCardTen <TeamCardTen
useInvertedBackground={true} useInvertedBackground={true}
title="Notre Équipe" title="Le Barbier"
tag="Expertise Passionnée" tag="Expertise Indépendante"
membersAnimation="slide-up" membersAnimation="slide-up"
members={[ members={[
{ { id: "m1", name: "Votre Barbier", imageSrc: "http://img.b2bpic.net/free-photo/barber-professional-portrait_23-2147674070.jpg" },
id: "m1", name: "Julie", imageSrc: "http://img.b2bpic.net/free-photo/pleased-young-female-barber-wearing-uniform-glasses-headband-holding-comb-hair-trimmer-air-looking-down-pretend-doing-haircut-client-isolated-red-background_141793-137002.jpg"},
{
id: "m2", name: "Thomas", imageSrc: "http://img.b2bpic.net/free-photo/portrait-glad-pretty-woman-dark-sweater-standing-near-lamps_114579-81865.jpg"},
{
id: "m3", name: "Sarah", imageSrc: "http://img.b2bpic.net/free-photo/concentrated-young-female-barber-wearing-uniform-glasses-headband-combing-her-own-hair-looking-up-holding-hair-clip-head-isolated-red-background_141793-137184.jpg"},
{
id: "m4", name: "Lucas", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67123.jpg"},
]} ]}
memberVariant="card" memberVariant="card"
/> />
@@ -183,48 +129,23 @@ export default function LandingPage() {
<div id="contact" data-section="contact"> <div id="contact" data-section="contact">
<ContactSplit <ContactSplit
useInvertedBackground={false} useInvertedBackground={false}
background={{ background={{ variant: "plain" }}
variant: "plain"}} title="Contactez-moi"
title="Contactez-nous" description="Prenez votre créneau privé dès aujourd'hui."
description="Prenez rendez-vous dès maintenant ou posez vos questions." imageSrc="http://img.b2bpic.net/free-photo/barbershop-tools-dark-background_23-2147854659.jpg"
imageSrc="http://img.b2bpic.net/free-photo/comfortable-modern-living-room-with-elegant-wood-design-generated-by-ai_188544-27368.jpg" imageAlt="Outils de barbier"
imageAlt="Entrée du salon" tag="Rendez-vous"
tag="Contactez-nous"
mediaAnimation="slide-up" mediaAnimation="slide-up"
/> />
</div> </div>
<div id="footer" data-section="footer"> <div id="footer" data-section="footer">
<FooterMedia <FooterMedia
imageSrc="http://img.b2bpic.net/free-photo/steel-scissors-lie-wave-silk-brown-hair_8353-7035.jpg" imageSrc="http://img.b2bpic.net/free-photo/barber-tools-near-chair_23-2147674066.jpg"
logoText="City Coif" logoText="City Coif"
columns={[ columns={[
{ { title: "Navigation", items: [{ label: "Accueil", href: "#hero" }, { label: "Services", href: "#services" }, { label: "Tarifs", href: "#pricing" }] },
title: "Navigation", items: [ { title: "Contact", items: [{ label: "04 74 00 00 00", href: "tel:0474000000" }, { label: "L'Isle-d'Abeau", href: "#" }] },
{
label: "Accueil", href: "#hero"},
{
label: "Services", href: "#services"},
{
label: "Tarifs", href: "#pricing"},
],
},
{
title: "Contact", items: [
{
label: "04 74 00 00 00", href: "tel:0474000000"},
{
label: "L'Isle-d'Abeau, France", href: "#"},
],
},
{
title: "Légal", items: [
{
label: "Mentions Légales", href: "#"},
{
label: "Privacy", href: "#"},
],
},
]} ]}
/> />
</div> </div>