Merge version_1 into main #2
281
src/app/page.tsx
281
src/app/page.tsx
@@ -32,21 +32,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Accueil",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Accueil", id: "hero"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "Avis",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Avis", id: "testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Studio 33"
|
||||
/>
|
||||
@@ -58,39 +50,23 @@ export default function LandingPage() {
|
||||
description="Votre salon de coiffure premium à Soissons. Coupe homme, barbe, coiffure et conseils personnalisés dans un cadre moderne et chaleureux."
|
||||
buttons={[
|
||||
{
|
||||
text: "Réserver",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Réserver", href: "#contact"},
|
||||
{
|
||||
text: "Appeler",
|
||||
href: "tel:+33300000000",
|
||||
},
|
||||
text: "Appeler", href: "tel:+33300000000"},
|
||||
]}
|
||||
slides={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-details-hairdresser-salon_23-2149205854.jpg?_wi=1",
|
||||
imageAlt: "Ambiance premium Studio 33 Soissons",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-details-hairdresser-salon_23-2149205854.jpg", imageAlt: "Ambiance premium Studio 33 Soissons"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-end-professional-cabinet-used-psychotherapy-meetings_482257-117710.jpg",
|
||||
imageAlt: "Intérieur salon",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-end-professional-cabinet-used-psychotherapy-meetings_482257-117710.jpg", imageAlt: "Intérieur salon"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/african-american-woman-applying-hairdresser-hairstylist-beauty-saloon_627829-4642.jpg",
|
||||
imageAlt: "Espace accueil",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/african-american-woman-applying-hairdresser-hairstylist-beauty-saloon_627829-4642.jpg", imageAlt: "Espace accueil"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-graphic-pencils-stand-standing-table-creativity-school-studio-background-diverse-team-drawing-vase-sketch-canvas-working-sketching-technique-new-years-resolutions_482257-38999.jpg",
|
||||
imageAlt: "Station coiffure",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-graphic-pencils-stand-standing-table-creativity-school-studio-background-diverse-team-drawing-vase-sketch-canvas-working-sketching-technique-new-years-resolutions_482257-38999.jpg", imageAlt: "Station coiffure"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beauty-slim-african-american-model-wear-black-blouse-green-long-legs-pants-posed-chinese-cafe_627829-5911.jpg",
|
||||
imageAlt: "Détails salon",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beauty-slim-african-american-model-wear-black-blouse-green-long-legs-pants-posed-chinese-cafe_627829-5911.jpg", imageAlt: "Détails salon"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tools-profession-hairdresser_23-2150668439.jpg",
|
||||
imageAlt: "Atmosphère détente",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tools-profession-hairdresser_23-2150668439.jpg", imageAlt: "Atmosphère détente"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -100,7 +76,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="L'Excellence Artisanale à Soissons"
|
||||
description="Au Studio 33, nous allions technique pointue et écoute attentive. Notre salon est conçu pour être un havre de détente où chaque coupe est pensée pour révéler votre personnalité et sublimer vos traits."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/blonde-girl-getting-her-hair-done_23-2148108845.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/blonde-girl-getting-her-hair-done_23-2148108845.jpg"
|
||||
imageAlt="Coiffeur professionnel à l'œuvre"
|
||||
/>
|
||||
</div>
|
||||
@@ -112,46 +88,22 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Coupe Homme & Barbe",
|
||||
description: "Expertise tailleur et rasage traditionnel pour une allure impeccable.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/set-razors-table_23-2147736987.jpg",
|
||||
imageAlt: "Outils coiffure",
|
||||
},
|
||||
title: "Coupe Homme & Barbe", description: "Expertise tailleur et rasage traditionnel pour une allure impeccable.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/set-razors-table_23-2147736987.jpg", imageAlt: "Outils coiffure"},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-hipster-bearded-male-sitting-armchair-barber-shop-while-hairdresser-shaves-his-beard-with-dangerous-razor_613910-18507.jpg",
|
||||
imageAlt: "Barbe rasée",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-details-hairdresser-salon_23-2149205854.jpg?_wi=2",
|
||||
imageAlt: "professional barber tools close up",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-hipster-bearded-male-sitting-armchair-barber-shop-while-hairdresser-shaves-his-beard-with-dangerous-razor_613910-18507.jpg", imageAlt: "Barbe rasée"},
|
||||
},
|
||||
{
|
||||
title: "Coiffure Femme & Soins",
|
||||
description: "Colorations sur-mesure, coupes de tendance et soins profonds.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-stylish-bearded-male-with-tattoo-arm-dressed-flannel-shirt-holding-juice-while-getting-haircut_613910-14751.jpg",
|
||||
imageAlt: "Service femme",
|
||||
},
|
||||
title: "Coiffure Femme & Soins", description: "Colorations sur-mesure, coupes de tendance et soins profonds.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-stylish-bearded-male-with-tattoo-arm-dressed-flannel-shirt-holding-juice-while-getting-haircut_613910-14751.jpg", imageAlt: "Service femme"},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vintage-paper-clipboard-salon-tools-jobs-career-concept_53876-127081.jpg",
|
||||
imageAlt: "Produits soins",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blonde-girl-getting-her-hair-done_23-2148108845.jpg?_wi=2",
|
||||
imageAlt: "professional barber tools close up",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vintage-paper-clipboard-salon-tools-jobs-career-concept_53876-127081.jpg", imageAlt: "Produits soins"},
|
||||
},
|
||||
{
|
||||
title: "Coiffure Mariage",
|
||||
description: "Accompagnement personnalisé pour le plus beau jour de votre vie.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-woman-salon_23-2147737030.jpg",
|
||||
imageAlt: "Mariée salon",
|
||||
},
|
||||
title: "Coiffure Mariage", description: "Accompagnement personnalisé pour le plus beau jour de votre vie.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-woman-salon_23-2147737030.jpg", imageAlt: "Mariée salon"},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-protecting-client-with-plastic-cape_23-2147769746.jpg",
|
||||
imageAlt: "Coiffure mariée",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-her-hair-washed-beauty-salon_23-2149167389.jpg?_wi=1",
|
||||
imageAlt: "professional barber tools close up",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-protecting-client-with-plastic-cape_23-2147769746.jpg", imageAlt: "Coiffure mariée"},
|
||||
},
|
||||
]}
|
||||
showStepNumbers={false}
|
||||
@@ -168,47 +120,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Shampooing Intense",
|
||||
price: "29€",
|
||||
variant: "Premium",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-her-hair-washed-beauty-salon_23-2149167389.jpg?_wi=2",
|
||||
},
|
||||
id: "1", name: "Shampooing Intense", price: "29€", variant: "Premium", imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-her-hair-washed-beauty-salon_23-2149167389.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Huile Nourrissante",
|
||||
price: "35€",
|
||||
variant: "Bio",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-giving-herself-scalp-massage_23-2151301299.jpg",
|
||||
},
|
||||
id: "2", name: "Huile Nourrissante", price: "35€", variant: "Bio", imageSrc: "http://img.b2bpic.net/free-photo/woman-giving-herself-scalp-massage_23-2151301299.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Masque Réparateur",
|
||||
price: "42€",
|
||||
variant: "Pro",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/product-branding-packaging_23-2150965840.jpg",
|
||||
},
|
||||
id: "3", name: "Masque Réparateur", price: "42€", variant: "Pro", imageSrc: "http://img.b2bpic.net/free-photo/product-branding-packaging_23-2150965840.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Spray Texturisant",
|
||||
price: "22€",
|
||||
variant: "Style",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-women-spending-time-together_23-2149643219.jpg",
|
||||
},
|
||||
id: "4", name: "Spray Texturisant", price: "22€", variant: "Style", imageSrc: "http://img.b2bpic.net/free-photo/side-view-women-spending-time-together_23-2149643219.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Pâte Modelante",
|
||||
price: "25€",
|
||||
variant: "Matte",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cosmetic-male-beauty-products-with-display_23-2150435190.jpg",
|
||||
},
|
||||
id: "5", name: "Pâte Modelante", price: "25€", variant: "Matte", imageSrc: "http://img.b2bpic.net/free-photo/cosmetic-male-beauty-products-with-display_23-2150435190.jpg"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Sérum Éclat",
|
||||
price: "38€",
|
||||
variant: "Gloss",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/spa-concept-arrangement-with-small-bottle_23-2148290956.jpg",
|
||||
},
|
||||
id: "6", name: "Sérum Éclat", price: "38€", variant: "Gloss", imageSrc: "http://img.b2bpic.net/free-photo/spa-concept-arrangement-with-small-bottle_23-2148290956.jpg"},
|
||||
]}
|
||||
title="Nos Soins Sélectionnés"
|
||||
description="Retrouvez chez Studio 33 les meilleurs produits capillaires professionnels."
|
||||
@@ -222,57 +144,28 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "base",
|
||||
badge: "Essentiel",
|
||||
price: "30€",
|
||||
subtitle: "Coupe Homme",
|
||||
buttons: [
|
||||
id: "base", badge: "Essentiel", price: "30€", subtitle: "Coupe Homme", buttons: [
|
||||
{
|
||||
text: "Réserver",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Réserver", href: "#contact"},
|
||||
],
|
||||
features: [
|
||||
"Shampoing",
|
||||
"Coupe",
|
||||
"Coiffage rapide",
|
||||
],
|
||||
"Shampoing", "Coupe", "Coiffage rapide"],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
badge: "Populaire",
|
||||
price: "55€",
|
||||
subtitle: "Coupe & Barbe",
|
||||
buttons: [
|
||||
id: "pro", badge: "Populaire", price: "55€", subtitle: "Coupe & Barbe", buttons: [
|
||||
{
|
||||
text: "Réserver",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Réserver", href: "#contact"},
|
||||
],
|
||||
features: [
|
||||
"Shampoing",
|
||||
"Coupe",
|
||||
"Taille barbe",
|
||||
"Soins",
|
||||
],
|
||||
"Shampoing", "Coupe", "Taille barbe", "Soins"],
|
||||
},
|
||||
{
|
||||
id: "luxe",
|
||||
badge: "Signature",
|
||||
price: "75€",
|
||||
subtitle: "Forfait Complet",
|
||||
buttons: [
|
||||
id: "luxe", badge: "Signature", price: "75€", subtitle: "Forfait Complet", buttons: [
|
||||
{
|
||||
text: "Réserver",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Réserver", href: "#contact"},
|
||||
],
|
||||
features: [
|
||||
"Shampoing",
|
||||
"Coupe",
|
||||
"Couleur",
|
||||
"Soins profonds",
|
||||
],
|
||||
"Shampoing", "Coupe", "Couleur", "Soins profonds"],
|
||||
},
|
||||
]}
|
||||
title="Tarifs Studio 33"
|
||||
@@ -287,40 +180,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Thomas D.",
|
||||
handle: "@thomas_d",
|
||||
testimonial: "Une expertise homme et barbe au top. Cadre moderne et accueil humain. Enfin un vrai coiffeur à Soissons.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-barber-man-apron-holding-trimmer-smiling-showing-thumbs-up_141793-37334.jpg",
|
||||
},
|
||||
id: "1", name: "Thomas D.", handle: "@thomas_d", testimonial: "Une expertise homme et barbe au top. Cadre moderne et accueil humain. Enfin un vrai coiffeur à Soissons.", imageSrc: "http://img.b2bpic.net/free-photo/professional-barber-man-apron-holding-trimmer-smiling-showing-thumbs-up_141793-37334.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Sophie M.",
|
||||
handle: "@sophie_m",
|
||||
testimonial: "Vivian est à l'écoute, de très bon conseil pour ma couleur. Moment détente assuré.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-girl-chair-hairdresser_23-2147769748.jpg",
|
||||
},
|
||||
id: "2", name: "Sophie M.", handle: "@sophie_m", testimonial: "Vivian est à l'écoute, de très bon conseil pour ma couleur. Moment détente assuré.", imageSrc: "http://img.b2bpic.net/free-photo/young-girl-chair-hairdresser_23-2147769748.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Julien B.",
|
||||
handle: "@julien_b",
|
||||
testimonial: "Coupe parfaite, cadre super sympa et rendez-vous rapide. Je recommande vivement.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/european-brutal-man-with-beard-cut-barbershop_343596-4697.jpg",
|
||||
},
|
||||
id: "3", name: "Julien B.", handle: "@julien_b", testimonial: "Coupe parfaite, cadre super sympa et rendez-vous rapide. Je recommande vivement.", imageSrc: "http://img.b2bpic.net/free-photo/european-brutal-man-with-beard-cut-barbershop_343596-4697.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Clara P.",
|
||||
handle: "@clara_p",
|
||||
testimonial: "Le meilleur salon de Soissons. Un accueil personnalisé et une prestation impeccable.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-hairdresser-styling-clients-hair_107420-94690.jpg",
|
||||
},
|
||||
id: "4", name: "Clara P.", handle: "@clara_p", testimonial: "Le meilleur salon de Soissons. Un accueil personnalisé et une prestation impeccable.", imageSrc: "http://img.b2bpic.net/free-photo/female-hairdresser-styling-clients-hair_107420-94690.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Marc F.",
|
||||
handle: "@marc_f",
|
||||
testimonial: "Très satisfait, l'expertise est là et l'ambiance est vraiment chaleureuse.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/group-people-shopping-concept_53876-22898.jpg",
|
||||
},
|
||||
id: "5", name: "Marc F.", handle: "@marc_f", testimonial: "Très satisfait, l'expertise est là et l'ambiance est vraiment chaleureuse.", imageSrc: "http://img.b2bpic.net/free-photo/group-people-shopping-concept_53876-22898.jpg"},
|
||||
]}
|
||||
title="Ce que disent nos clients"
|
||||
description="L'expérience Studio 33 au travers de vos avis."
|
||||
@@ -334,26 +202,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "16+",
|
||||
title: "Avis 5 étoiles",
|
||||
description: "Qualité reconnue",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/iso-certification-badge-collection_23-2148677341.jpg",
|
||||
},
|
||||
id: "1", value: "16+", title: "Avis 5 étoiles", description: "Qualité reconnue", imageSrc: "http://img.b2bpic.net/free-vector/iso-certification-badge-collection_23-2148677341.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
value: "100%",
|
||||
title: "Écoute client",
|
||||
description: "Conseil sur-mesure",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-barber-man-apron-holding-coffee-cup-scissors-surprised-confused_141793-37134.jpg",
|
||||
},
|
||||
id: "2", value: "100%", title: "Écoute client", description: "Conseil sur-mesure", imageSrc: "http://img.b2bpic.net/free-photo/professional-barber-man-apron-holding-coffee-cup-scissors-surprised-confused_141793-37134.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
value: "24/7",
|
||||
title: "Réservation",
|
||||
description: "Booking en ligne",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-beauty-women-elegent-enjoy-concept_53876-148023.jpg",
|
||||
},
|
||||
id: "3", value: "24/7", title: "Réservation", description: "Booking en ligne", imageSrc: "http://img.b2bpic.net/free-photo/stylish-beauty-women-elegent-enjoy-concept_53876-148023.jpg"},
|
||||
]}
|
||||
title="Studio 33 en chiffres"
|
||||
description="La confiance de nos clients au quotidien."
|
||||
@@ -364,14 +217,11 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "canvas-reveal",
|
||||
}}
|
||||
variant: "canvas-reveal"}}
|
||||
text="Prêt pour une expérience Studio 33 ? Prenez rendez-vous dès maintenant par téléphone ou via notre formulaire."
|
||||
buttons={[
|
||||
{
|
||||
text: "Appeler +33 3 00 00 00 00",
|
||||
href: "tel:+33300000000",
|
||||
},
|
||||
text: "Appeler +33 3 00 00 00 00", href: "tel:+33300000000"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -381,46 +231,29 @@ export default function LandingPage() {
|
||||
logoText="Studio 33"
|
||||
columns={[
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
title: "Contact", items: [
|
||||
{
|
||||
label: "Soissons, France",
|
||||
href: "#",
|
||||
},
|
||||
label: "Soissons, France", href: "#"},
|
||||
{
|
||||
label: "03 00 00 00 00",
|
||||
href: "tel:+33300000000",
|
||||
},
|
||||
label: "03 00 00 00 00", href: "tel:+33300000000"},
|
||||
],
|
||||
},
|
||||
{
|
||||
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: "Légal",
|
||||
items: [
|
||||
title: "Légal", items: [
|
||||
{
|
||||
label: "Mentions Légales",
|
||||
href: "#",
|
||||
},
|
||||
label: "Mentions Légales", href: "#"},
|
||||
{
|
||||
label: "Confidentialité",
|
||||
href: "#",
|
||||
},
|
||||
label: "Confidentialité", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user