Compare commits
1 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 70abbbb8e4 |
195
src/app/page.tsx
195
src/app/page.tsx
@@ -31,21 +31,13 @@ export default function LandingPage() {
|
|||||||
<NavbarStyleApple
|
<NavbarStyleApple
|
||||||
navItems={[
|
navItems={[
|
||||||
{
|
{
|
||||||
name: "Accueil",
|
name: "Accueil", id: "hero"},
|
||||||
id: "hero",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "À Propos",
|
name: "À Propos", id: "about"},
|
||||||
id: "about",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Services",
|
name: "Services", id: "services"},
|
||||||
id: "services",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Contact",
|
name: "Contact", id: "contact"},
|
||||||
id: "contact",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
brandName="City Coif"
|
brandName="City Coif"
|
||||||
/>
|
/>
|
||||||
@@ -57,9 +49,7 @@ export default function LandingPage() {
|
|||||||
description="Sublimez votre style au cœur de L'Isle-d'Abeau. Expertise et élégance pour toutes vos coiffures."
|
description="Sublimez votre style au cœur de L'Isle-d'Abeau. Expertise et élégance pour toutes vos coiffures."
|
||||||
buttons={[
|
buttons={[
|
||||||
{
|
{
|
||||||
text: "Prendre Rendez-vous",
|
text: "Prendre Rendez-vous", href: "#contact"},
|
||||||
href: "#contact",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/mirror-hairdressing-salon_23-2147670185.jpg"
|
imageSrc="http://img.b2bpic.net/free-photo/mirror-hairdressing-salon_23-2147670185.jpg"
|
||||||
imageAlt="Intérieur du salon City Coif"
|
imageAlt="Intérieur du salon City Coif"
|
||||||
@@ -74,17 +64,11 @@ export default function LandingPage() {
|
|||||||
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="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."
|
||||||
bulletPoints={[
|
bulletPoints={[
|
||||||
{
|
{
|
||||||
title: "Coupes Personnalisées",
|
title: "Coupes Personnalisées", description: "Un style unique qui vous correspond parfaitement."},
|
||||||
description: "Un style unique qui vous correspond parfaitement.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
title: "Techniques de Coloration",
|
title: "Techniques de Coloration", description: "Des nuances éclatantes et respectueuses du cheveu."},
|
||||||
description: "Des nuances éclatantes et respectueuses du cheveu.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
title: "Soins Capillaires",
|
title: "Soins Capillaires", description: "Des rituels de soin relaxants pour une chevelure en pleine santé."},
|
||||||
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/child-getting-their-hair-blown-salon_23-2150462467.jpg"
|
||||||
imageAlt="Coiffeur travaillant sur un client"
|
imageAlt="Coiffeur travaillant sur un client"
|
||||||
@@ -98,20 +82,11 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
features={[
|
features={[
|
||||||
{
|
{
|
||||||
title: "Coupe Dame & Homme",
|
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"},
|
||||||
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",
|
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"},
|
||||||
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",
|
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"},
|
||||||
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="Nos Services"
|
||||||
description="Des prestations complètes pour sublimer votre chevelure."
|
description="Des prestations complètes pour sublimer votre chevelure."
|
||||||
@@ -125,54 +100,31 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
plans={[
|
plans={[
|
||||||
{
|
{
|
||||||
id: "p1",
|
id: "p1", badge: "Basique", price: "35€", subtitle: "Coupe Homme", buttons: [
|
||||||
badge: "Basique",
|
|
||||||
price: "35€",
|
|
||||||
subtitle: "Coupe Homme",
|
|
||||||
buttons: [
|
|
||||||
{
|
{
|
||||||
text: "Réserver",
|
text: "Réserver", href: "#contact"
|
||||||
},
|
},
|
||||||
],
|
],
|
||||||
features: [
|
features: [
|
||||||
"Shampoing",
|
"Shampoing", "Coupe", "Coiffage"],
|
||||||
"Coupe",
|
|
||||||
"Coiffage",
|
|
||||||
],
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: "p2",
|
id: "p2", badge: "Populaire", price: "55€", subtitle: "Coupe Femme", buttons: [
|
||||||
badge: "Populaire",
|
|
||||||
price: "55€",
|
|
||||||
subtitle: "Coupe Femme",
|
|
||||||
buttons: [
|
|
||||||
{
|
{
|
||||||
text: "Réserver",
|
text: "Réserver", href: "#contact"
|
||||||
},
|
},
|
||||||
],
|
],
|
||||||
features: [
|
features: [
|
||||||
"Shampoing",
|
"Shampoing", "Coupe", "Coiffage", "Soins flash"],
|
||||||
"Coupe",
|
|
||||||
"Coiffage",
|
|
||||||
"Soins flash",
|
|
||||||
],
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: "p3",
|
id: "p3", badge: "Premium", price: "95€", subtitle: "Coloration Complète", buttons: [
|
||||||
badge: "Premium",
|
|
||||||
price: "95€",
|
|
||||||
subtitle: "Coloration Complète",
|
|
||||||
buttons: [
|
|
||||||
{
|
{
|
||||||
text: "Réserver",
|
text: "Réserver", href: "#contact"
|
||||||
},
|
},
|
||||||
],
|
],
|
||||||
features: [
|
features: [
|
||||||
"Coloration",
|
"Coloration", "Coupe", "Coiffage", "Soin profond"],
|
||||||
"Coupe",
|
|
||||||
"Coiffage",
|
|
||||||
"Soin profond",
|
|
||||||
],
|
|
||||||
},
|
},
|
||||||
]}
|
]}
|
||||||
title="Nos Tarifs"
|
title="Nos Tarifs"
|
||||||
@@ -188,45 +140,20 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
testimonials={[
|
testimonials={[
|
||||||
{
|
{
|
||||||
id: "t1",
|
id: "t1", name: "Sophie M.", role: "Cliente", company: "L'Isle-d'Abeau", rating: 5,
|
||||||
name: "Sophie M.",
|
imageSrc: "http://img.b2bpic.net/free-photo/woman-looking-her-smiling-friend-sitting-ferris-wheel-cabin_23-2147910621.jpg"},
|
||||||
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",
|
id: "t2", name: "Marc T.", role: "Client", company: "L'Isle-d'Abeau", rating: 5,
|
||||||
name: "Marc T.",
|
imageSrc: "http://img.b2bpic.net/free-photo/team-bride-celebrating-before-wedding_23-2149329119.jpg"},
|
||||||
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",
|
id: "t3", name: "Julie D.", role: "Cliente", company: "L'Isle-d'Abeau", rating: 5,
|
||||||
name: "Julie D.",
|
imageSrc: "http://img.b2bpic.net/free-photo/young-black-people-taking-care-afro-hair_23-2149575478.jpg"},
|
||||||
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",
|
id: "t4", name: "Thomas L.", role: "Client", company: "L'Isle-d'Abeau", rating: 5,
|
||||||
name: "Thomas L.",
|
imageSrc: "http://img.b2bpic.net/free-photo/red_1385-786.jpg"},
|
||||||
role: "Client",
|
|
||||||
company: "L'Isle-d'Abeau",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/red_1385-786.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "t5",
|
id: "t5", name: "Elodie V.", role: "Cliente", company: "L'Isle-d'Abeau", rating: 5,
|
||||||
name: "Elodie V.",
|
imageSrc: "http://img.b2bpic.net/free-photo/regretted-young-beautiful-female-barber-uniform-speaks-phone-isolated-green-background_141793-118626.jpg"},
|
||||||
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="Ce que disent nos clients"
|
||||||
description="La satisfaction de nos clients est notre priorité."
|
description="La satisfaction de nos clients est notre priorité."
|
||||||
@@ -241,25 +168,13 @@ export default function LandingPage() {
|
|||||||
membersAnimation="slide-up"
|
membersAnimation="slide-up"
|
||||||
members={[
|
members={[
|
||||||
{
|
{
|
||||||
id: "m1",
|
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"},
|
||||||
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",
|
id: "m2", name: "Thomas", imageSrc: "http://img.b2bpic.net/free-photo/portrait-glad-pretty-woman-dark-sweater-standing-near-lamps_114579-81865.jpg"},
|
||||||
name: "Thomas",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-glad-pretty-woman-dark-sweater-standing-near-lamps_114579-81865.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "m3",
|
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"},
|
||||||
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",
|
id: "m4", name: "Lucas", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67123.jpg"},
|
||||||
name: "Lucas",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67123.jpg",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
memberVariant="card"
|
memberVariant="card"
|
||||||
/>
|
/>
|
||||||
@@ -269,8 +184,7 @@ export default function LandingPage() {
|
|||||||
<ContactSplit
|
<ContactSplit
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
background={{
|
background={{
|
||||||
variant: "plain",
|
variant: "plain"}}
|
||||||
}}
|
|
||||||
title="Contactez-nous"
|
title="Contactez-nous"
|
||||||
description="Prenez rendez-vous dès maintenant ou posez vos questions."
|
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"
|
imageSrc="http://img.b2bpic.net/free-photo/comfortable-modern-living-room-with-elegant-wood-design-generated-by-ai_188544-27368.jpg"
|
||||||
@@ -286,46 +200,29 @@ export default function LandingPage() {
|
|||||||
logoText="City Coif"
|
logoText="City Coif"
|
||||||
columns={[
|
columns={[
|
||||||
{
|
{
|
||||||
title: "Navigation",
|
title: "Navigation", items: [
|
||||||
items: [
|
|
||||||
{
|
{
|
||||||
label: "Accueil",
|
label: "Accueil", href: "#hero"},
|
||||||
href: "#hero",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Services",
|
label: "Services", href: "#services"},
|
||||||
href: "#services",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Tarifs",
|
label: "Tarifs", href: "#pricing"},
|
||||||
href: "#pricing",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "Contact",
|
title: "Contact", items: [
|
||||||
items: [
|
|
||||||
{
|
{
|
||||||
label: "04 74 00 00 00",
|
label: "04 74 00 00 00", href: "tel:0474000000"},
|
||||||
href: "tel:0474000000",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "L'Isle-d'Abeau, France",
|
label: "L'Isle-d'Abeau, France", href: "#"},
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "Légal",
|
title: "Légal", items: [
|
||||||
items: [
|
|
||||||
{
|
{
|
||||||
label: "Mentions Légales",
|
label: "Mentions Légales", href: "#"},
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Privacy",
|
label: "Privacy", href: "#"},
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
]}
|
]}
|
||||||
@@ -334,4 +231,4 @@ export default function LandingPage() {
|
|||||||
</ReactLenis>
|
</ReactLenis>
|
||||||
</ThemeProvider>
|
</ThemeProvider>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
Reference in New Issue
Block a user