Compare commits
3 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 5f359e3266 | |||
| 0bf5d8d463 | |||
| 49d2c6b922 |
161
src/app/page.tsx
161
src/app/page.tsx
@@ -30,14 +30,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Accueil", id: "hero"},
|
||||
{
|
||||
name: "À Propos", id: "about"},
|
||||
{
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
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="City Coif"
|
||||
/>
|
||||
@@ -46,13 +43,12 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogo
|
||||
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={[
|
||||
{
|
||||
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"
|
||||
imageAlt="Intérieur du salon City Coif"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/barber-shop-interior-with-tools-chair_23-2148967913.jpg"
|
||||
imageAlt="Espace barbier intimiste"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -60,18 +56,15 @@ export default function LandingPage() {
|
||||
<SplitAbout
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
title="Une expertise coiffure dédiée"
|
||||
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."
|
||||
title="Un service exclusif pour homme"
|
||||
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={[
|
||||
{
|
||||
title: "Coupes Personnalisées", description: "Un style unique qui vous correspond parfaitement."},
|
||||
{
|
||||
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é."},
|
||||
{ title: "Expertise Masculine", description: "Maîtrise totale des techniques de coupe homme." },
|
||||
{ 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." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/child-getting-their-hair-blown-salon_23-2150462467.jpg"
|
||||
imageAlt="Coiffeur travaillant sur un client"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/man-getting-hair-cut-barber-shop_23-2148722757.jpg"
|
||||
imageAlt="Barbier en plein travail"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -81,15 +74,12 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
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: "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: "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: "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="Nos Services"
|
||||
description="Des prestations complètes pour sublimer votre chevelure."
|
||||
title="Expertise Homme"
|
||||
description="Des prestations dédiées à l'élégance masculine."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -99,36 +89,12 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "p1", badge: "Basique", price: "35€", subtitle: "Coupe Homme", buttons: [
|
||||
{
|
||||
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"],
|
||||
},
|
||||
{ id: "p1", badge: "Entretien", price: "25€", subtitle: "Coupe Homme", buttons: [{ text: "Réserver", href: "#contact" }], features: ["Shampoing", "Coupe aux ciseaux/tondeuse", "Coiffage"] },
|
||||
{ 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"] },
|
||||
]}
|
||||
title="Nos Tarifs"
|
||||
description="Des prix transparents pour une qualité exceptionnelle."
|
||||
description="Transparence et précision pour vos besoins."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -139,42 +105,22 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1", name: "Sophie M.", role: "Cliente", company: "L'Isle-d'Abeau", rating: 5,
|
||||
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"},
|
||||
{ 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: "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" },
|
||||
]}
|
||||
title="Ce que disent nos clients"
|
||||
description="La satisfaction de nos clients est notre priorité."
|
||||
title="Retours Clients"
|
||||
description="Ce que disent nos habitués."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="team" data-section="team">
|
||||
<TeamCardTen
|
||||
useInvertedBackground={true}
|
||||
title="Notre Équipe"
|
||||
tag="Expertise Passionnée"
|
||||
title="Le Barbier"
|
||||
tag="Expertise Indépendante"
|
||||
membersAnimation="slide-up"
|
||||
members={[
|
||||
{
|
||||
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"},
|
||||
{ id: "m1", name: "Votre Barbier", imageSrc: "http://img.b2bpic.net/free-photo/barber-professional-portrait_23-2147674070.jpg" },
|
||||
]}
|
||||
memberVariant="card"
|
||||
/>
|
||||
@@ -183,48 +129,23 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain"}}
|
||||
title="Contactez-nous"
|
||||
description="Prenez rendez-vous dès maintenant ou posez vos questions."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/comfortable-modern-living-room-with-elegant-wood-design-generated-by-ai_188544-27368.jpg"
|
||||
imageAlt="Entrée du salon"
|
||||
tag="Contactez-nous"
|
||||
background={{ variant: "plain" }}
|
||||
title="Contactez-moi"
|
||||
description="Prenez votre créneau privé dès aujourd'hui."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/barbershop-tools-dark-background_23-2147854659.jpg"
|
||||
imageAlt="Outils de barbier"
|
||||
tag="Rendez-vous"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<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"
|
||||
columns={[
|
||||
{
|
||||
title: "Navigation", items: [
|
||||
{
|
||||
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: "#"},
|
||||
],
|
||||
},
|
||||
{ title: "Navigation", items: [{ 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", href: "#" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user