Merge version_2 into main #1
195
src/app/page.tsx
195
src/app/page.tsx
@@ -31,21 +31,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Accueil",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Accueil", id: "hero"},
|
||||
{
|
||||
name: "À Propos",
|
||||
id: "about",
|
||||
},
|
||||
name: "À Propos", id: "about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
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."
|
||||
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"
|
||||
@@ -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."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Coupes Personnalisées",
|
||||
description: "Un style unique qui vous correspond parfaitement.",
|
||||
},
|
||||
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: "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: "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"
|
||||
imageAlt="Coiffeur travaillant sur un client"
|
||||
@@ -98,20 +82,11 @@ export default function LandingPage() {
|
||||
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: "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: "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: "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"
|
||||
description="Des prestations complètes pour sublimer votre chevelure."
|
||||
@@ -125,54 +100,31 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "p1",
|
||||
badge: "Basique",
|
||||
price: "35€",
|
||||
subtitle: "Coupe Homme",
|
||||
buttons: [
|
||||
id: "p1", badge: "Basique", price: "35€", subtitle: "Coupe Homme", buttons: [
|
||||
{
|
||||
text: "Réserver",
|
||||
text: "Réserver", href: "#contact"
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"Shampoing",
|
||||
"Coupe",
|
||||
"Coiffage",
|
||||
],
|
||||
"Shampoing", "Coupe", "Coiffage"],
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
badge: "Populaire",
|
||||
price: "55€",
|
||||
subtitle: "Coupe Femme",
|
||||
buttons: [
|
||||
id: "p2", badge: "Populaire", price: "55€", subtitle: "Coupe Femme", buttons: [
|
||||
{
|
||||
text: "Réserver",
|
||||
text: "Réserver", href: "#contact"
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"Shampoing",
|
||||
"Coupe",
|
||||
"Coiffage",
|
||||
"Soins flash",
|
||||
],
|
||||
"Shampoing", "Coupe", "Coiffage", "Soins flash"],
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
badge: "Premium",
|
||||
price: "95€",
|
||||
subtitle: "Coloration Complète",
|
||||
buttons: [
|
||||
id: "p3", badge: "Premium", price: "95€", subtitle: "Coloration Complète", buttons: [
|
||||
{
|
||||
text: "Réserver",
|
||||
text: "Réserver", href: "#contact"
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"Coloration",
|
||||
"Coupe",
|
||||
"Coiffage",
|
||||
"Soin profond",
|
||||
],
|
||||
"Coloration", "Coupe", "Coiffage", "Soin profond"],
|
||||
},
|
||||
]}
|
||||
title="Nos Tarifs"
|
||||
@@ -188,45 +140,20 @@ export default function LandingPage() {
|
||||
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: "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: "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: "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: "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: "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"
|
||||
description="La satisfaction de nos clients est notre priorité."
|
||||
@@ -241,25 +168,13 @@ export default function LandingPage() {
|
||||
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: "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: "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: "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: "m4", name: "Lucas", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67123.jpg"},
|
||||
]}
|
||||
memberVariant="card"
|
||||
/>
|
||||
@@ -269,8 +184,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
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"
|
||||
@@ -286,46 +200,29 @@ export default function LandingPage() {
|
||||
logoText="City Coif"
|
||||
columns={[
|
||||
{
|
||||
title: "Navigation",
|
||||
items: [
|
||||
title: "Navigation", items: [
|
||||
{
|
||||
label: "Accueil",
|
||||
href: "#hero",
|
||||
},
|
||||
label: "Accueil", href: "#hero"},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Services", href: "#services"},
|
||||
{
|
||||
label: "Tarifs",
|
||||
href: "#pricing",
|
||||
},
|
||||
label: "Tarifs", href: "#pricing"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
title: "Contact", items: [
|
||||
{
|
||||
label: "04 74 00 00 00",
|
||||
href: "tel:0474000000",
|
||||
},
|
||||
label: "04 74 00 00 00", href: "tel:0474000000"},
|
||||
{
|
||||
label: "L'Isle-d'Abeau, France",
|
||||
href: "#",
|
||||
},
|
||||
label: "L'Isle-d'Abeau, France", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Légal",
|
||||
items: [
|
||||
title: "Légal", items: [
|
||||
{
|
||||
label: "Mentions Légales",
|
||||
href: "#",
|
||||
},
|
||||
label: "Mentions Légales", href: "#"},
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -334,4 +231,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user