bender/111d86c5-433d-44dc-b21c-7f5999ee2198
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1 into main

Browse Source 
Merge version_1 into main
This commit was merged in pull request #2.
This commit is contained in:
bender
2026-05-10 13:43:38 +00:00
parent 54ae57a1a5 ec0280b2ea
commit 0284a8abf5
1 changed files with 71 additions and 328 deletions
Download Patch File Download Diff File Expand all files Collapse all files

399
src/app/page.tsx
View File

@@ -32,26 +32,11 @@ export default function LandingPage() {
<div id="nav" data-section="nav"> <div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay <NavbarLayoutFloatingOverlay
navItems={[ navItems={[
{ { name: "Accueil", id: "hero" },
name: "Accueil", { name: "Soins", id: "services" },
id: "hero", { name: "Galerie", id: "gallery" },
}, { name: "Tarifs", id: "pricing" },
{ { name: "Contact", id: "contact" },
name: "Soins",
id: "services",
},
{
name: "Galerie",
id: "gallery",
},
{
name: "Tarifs",
id: "pricing",
},
{
name: "Contact",
id: "contact",
},
]} ]}
brandName="Zeïn Massage" brandName="Zeïn Massage"
/> />
@@ -59,99 +44,32 @@ export default function LandingPage() {
<div id="hero" data-section="hero"> <div id="hero" data-section="hero">
<HeroSplitTestimonial <HeroSplitTestimonial
background={{ background={{ variant: "sparkles-gradient" }}
variant: "sparkles-gradient",
}}
title="Une parenthèse de sérénité à Halluin" title="Une parenthèse de sérénité à Halluin"
description="Laissez-vous transporter par l'expérience Zeïn Massage. Des soins sur-mesure dans une ambiance de luxe et de calme absolu." description="Laissez-vous transporter par l'expérience Zeïn Massage. Des soins sur-mesure dans une ambiance de luxe et de calme absolu."
testimonials={[ testimonials={[
{ { name: "Marie L.", handle: "@mariel", testimonial: "Un moment inoubliable, l'accueil est aussi raffiné que les massages.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-healthy-woman-bathrobe-posing-indoors_1153-7349.jpg" },
name: "Marie L.", { name: "Thomas V.", handle: "@thomasv", testimonial: "Le meilleur massage sportif que j'ai pu tester dans la région.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-adults-knitting-outside_23-2149431858.jpg" },
handle: "@mariel", { name: "Julie D.", handle: "@julied", testimonial: "Une bulle de bien-être, je recommande vivement ce spa !", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-woman-holding-tea-cup-relaxing-spa-salon_176420-7508.jpg" },
testimonial: "Un moment inoubliable, l'accueil est aussi raffiné que les massages.", { name: "Sophie M.", handle: "@sophiem", testimonial: "Cadre magnifique et prestations de très haute qualité.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/friends-posing-with-bathrobe-spa_23-2148206162.jpg" },
rating: 5, { name: "Paul R.", handle: "@paulr", testimonial: "Professionnalisme et détente absolue, le combo parfait.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-charming-smiling-tanned-brunette-woman-white-t-shirt-sitting-rattand-armchair_197531-22786.jpg" }
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-healthy-woman-bathrobe-posing-indoors_1153-7349.jpg",
},
{
name: "Thomas V.",
handle: "@thomasv",
testimonial: "Le meilleur massage sportif que j'ai pu tester dans la région.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-adults-knitting-outside_23-2149431858.jpg",
},
{
name: "Julie D.",
handle: "@julied",
testimonial: "Une bulle de bien-être, je recommande vivement ce spa !",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-holding-tea-cup-relaxing-spa-salon_176420-7508.jpg",
},
{
name: "Sophie M.",
handle: "@sophiem",
testimonial: "Cadre magnifique et prestations de très haute qualité.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/friends-posing-with-bathrobe-spa_23-2148206162.jpg",
},
{
name: "Paul R.",
handle: "@paulr",
testimonial: "Professionnalisme et détente absolue, le combo parfait.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-charming-smiling-tanned-brunette-woman-white-t-shirt-sitting-rattand-armchair_197531-22786.jpg",
},
]} ]}
buttons={[ buttons={[{ text: "Réserver votre soin", href: "#contact" }]}
{ imageSrc="http://img.b2bpic.net/free-photo/young-woman-checking-water-before-taking-bath_23-2149239340.jpg"
text: "Réserver votre soin",
href: "#contact",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/young-woman-checking-water-before-taking-bath_23-2149239340.jpg?_wi=1"
mediaAnimation="blur-reveal" mediaAnimation="blur-reveal"
avatars={[ avatars={[
{ { src: "http://img.b2bpic.net/free-photo/women-making-preparations-wedding_23-2149184348.jpg", alt: "Happy woman at spa" },
src: "http://img.b2bpic.net/free-photo/women-making-preparations-wedding_23-2149184348.jpg", { src: "http://img.b2bpic.net/free-photo/young-beautiful-girl-relaxing-spa-salon_176420-14869.jpg", alt: "Portrait of relaxing woman" },
alt: "Happy woman at spa", { src: "http://img.b2bpic.net/free-photo/young-woman-holding-tea-cup-relaxing-spa-salon_176420-7542.jpg", alt: "Client enjoying tea" },
}, { src: "http://img.b2bpic.net/free-photo/young-woman-holding-tea-cup-relaxing-spa-salon_176420-7519.jpg", alt: "Serene spa customer" },
{ { src: "http://img.b2bpic.net/free-photo/young-woman-holding-tea-cup-relaxing-spa-salon_176420-7548.jpg", alt: "Happy spa client" }
src: "http://img.b2bpic.net/free-photo/young-beautiful-girl-relaxing-spa-salon_176420-14869.jpg",
alt: "Portrait of relaxing woman",
},
{
src: "http://img.b2bpic.net/free-photo/young-woman-holding-tea-cup-relaxing-spa-salon_176420-7542.jpg",
alt: "Client enjoying tea",
},
{
src: "http://img.b2bpic.net/free-photo/young-woman-holding-tea-cup-relaxing-spa-salon_176420-7519.jpg",
alt: "Serene spa customer",
},
{
src: "http://img.b2bpic.net/free-photo/young-woman-holding-tea-cup-relaxing-spa-salon_176420-7548.jpg",
alt: "Happy spa client",
},
]} ]}
marqueeItems={[ marqueeItems={[
{ { type: "text", text: "Bien-être absolu" },
type: "text", { type: "text", text: "Soins Signature" },
text: "Bien-être absolu", { type: "text", text: "Détente garantie" },
}, { type: "text", text: "Ambiance apaisante" },
{ { type: "text", text: "Expertise bien-être" }
type: "text",
text: "Soins Signature",
},
{
type: "text",
text: "Détente garantie",
},
{
type: "text",
text: "Ambiance apaisante",
},
{
type: "text",
text: "Expertise bien-être",
},
]} ]}
/> />
</div> </div>
@@ -160,12 +78,7 @@ export default function LandingPage() {
<TextAbout <TextAbout
useInvertedBackground={false} useInvertedBackground={false}
title="L'Art du Bien-Être par Zeïn" title="L'Art du Bien-Être par Zeïn"
buttons={[ buttons={[{ text: "Découvrir nos valeurs", href: "#services" }]}
{
text: "Découvrir nos valeurs",
href: "#services",
},
]}
/> />
</div> </div>
@@ -176,65 +89,29 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
features={[ features={[
{ {
title: "Massages Relaxants", title: "Massages Relaxants", description: "Des mouvements enveloppants pour une relaxation profonde et une libération immédiate des tensions.", media: { imageSrc: "http://img.b2bpic.net/free-photo/manual-thigh-massage-with-oil-modern-spa-lymphatic-relax_169016-69242.jpg" },
description: "Des mouvements enveloppants pour une relaxation profonde et une libération immédiate des tensions.",
media: {
imageSrc: "http://img.b2bpic.net/free-photo/manual-thigh-massage-with-oil-modern-spa-lymphatic-relax_169016-69242.jpg",
},
items: [ items: [
{ { icon: Sparkles, text: "Huiles biologiques" },
icon: Sparkles, { icon: CheckCircle, text: "Sur-mesure" }
text: "Huiles biologiques",
},
{
icon: CheckCircle,
text: "Sur-mesure",
},
], ],
reverse: false, reverse: false
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-checking-water-before-taking-bath_23-2149239340.jpg?_wi=2",
imageAlt: "relaxing massage oil treatment",
}, },
{ {
title: "Massages Sportifs", title: "Massages Sportifs", description: "Une approche ciblée pour la récupération musculaire et le soulagement des douleurs après l'effort.", media: { imageSrc: "http://img.b2bpic.net/free-photo/man-receiving-massage-physiotherapy-session_23-2149143820.jpg" },
description: "Une approche ciblée pour la récupération musculaire et le soulagement des douleurs après l'effort.",
media: {
imageSrc: "http://img.b2bpic.net/free-photo/man-receiving-massage-physiotherapy-session_23-2149143820.jpg",
},
items: [ items: [
{ { icon: Sparkles, text: "Récupération intense" },
icon: Sparkles, { icon: CheckCircle, text: "Travail profond" }
text: "Récupération intense",
},
{
icon: CheckCircle,
text: "Travail profond",
},
], ],
reverse: true, reverse: true
imageSrc: "http://img.b2bpic.net/free-photo/couple-home-enjoying-life_23-2149167728.jpg",
imageAlt: "relaxing massage oil treatment",
}, },
{ {
title: "Soins Bien-Être", title: "Soins Bien-Être", description: "Des rituels complets combinant techniques ancestrales et modernité pour un ressourcement global.", media: { imageSrc: "http://img.b2bpic.net/free-photo/creative-feng-shui-arrangement_23-2149058746.jpg" },
description: "Des rituels complets combinant techniques ancestrales et modernité pour un ressourcement global.",
media: {
imageSrc: "http://img.b2bpic.net/free-photo/creative-feng-shui-arrangement_23-2149058746.jpg",
},
items: [ items: [
{ { icon: Sparkles, text: "Rituel sensoriel" },
icon: Sparkles, { icon: CheckCircle, text: "Évasion totale" }
text: "Rituel sensoriel",
},
{
icon: CheckCircle,
text: "Évasion totale",
},
], ],
reverse: false, reverse: false
imageSrc: "http://img.b2bpic.net/free-photo/spa-equipments-with-soap-cotton-flower_23-2147844979.jpg?_wi=1", }
imageAlt: "relaxing massage oil treatment",
},
]} ]}
title="Nos Soins Signature" title="Nos Soins Signature"
description="Chaque soin est une invitation au voyage, pensé pour restaurer l'équilibre de votre corps et de votre esprit." description="Chaque soin est une invitation au voyage, pensé pour restaurer l'équilibre de votre corps et de votre esprit."
@@ -245,44 +122,15 @@ export default function LandingPage() {
<ProductCardOne <ProductCardOne
textboxLayout="default" textboxLayout="default"
gridVariant="four-items-2x2-equal-grid" gridVariant="four-items-2x2-equal-grid"
animationType="slide-up"
useInvertedBackground={false} useInvertedBackground={false}
products={[ products={[
{ { id: "g1", name: "Espace Accueil", price: "Luxe", imageSrc: "http://img.b2bpic.net/free-photo/spa-equipments-with-soap-cotton-flower_23-2147844979.jpg" },
id: "g1", { id: "g2", name: "Cabine Zen", price: "Sérénité", imageSrc: "http://img.b2bpic.net/free-photo/modern-interior-design-interior_23-2151929506.jpg" },
name: "Espace Accueil", { id: "g3", name: "Détails Soins", price: "Raffinement", imageSrc: "http://img.b2bpic.net/free-photo/spa-ingredients-brush-coaster_23-2147845017.jpg" },
price: "Luxe", { id: "g4", name: "Ambiance", price: "Calme", imageSrc: "http://img.b2bpic.net/free-photo/spa-composition-with-thai-orchid-flowers-bath-accessories_169016-17361.jpg" },
imageSrc: "http://img.b2bpic.net/free-photo/spa-equipments-with-soap-cotton-flower_23-2147844979.jpg?_wi=2", { id: "g5", name: "Décoration", price: "Élégance", imageSrc: "http://img.b2bpic.net/free-photo/spa-accessories-dark-background_1220-3615.jpg" },
}, { id: "g6", name: "Espace Soins", price: "Détente", imageSrc: "http://img.b2bpic.net/free-photo/top-view-cosmetic-products-hair-care_23-2148547361.jpg" }
{
id: "g2",
name: "Cabine Zen",
price: "Sérénité",
imageSrc: "http://img.b2bpic.net/free-photo/modern-interior-design-interior_23-2151929506.jpg",
},
{
id: "g3",
name: "Détails Soins",
price: "Raffinement",
imageSrc: "http://img.b2bpic.net/free-photo/spa-ingredients-brush-coaster_23-2147845017.jpg",
},
{
id: "g4",
name: "Ambiance",
price: "Calme",
imageSrc: "http://img.b2bpic.net/free-photo/spa-composition-with-thai-orchid-flowers-bath-accessories_169016-17361.jpg",
},
{
id: "g5",
name: "Décoration",
price: "Élégance",
imageSrc: "http://img.b2bpic.net/free-photo/spa-accessories-dark-background_1220-3615.jpg",
},
{
id: "g6",
name: "Espace Soins",
price: "Détente",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-cosmetic-products-hair-care_23-2148547361.jpg",
},
]} ]}
title="Notre Sanctuaire" title="Notre Sanctuaire"
description="Découvrez en images l'atmosphère feutrée et apaisante de votre spa Zeïn Massage." description="Découvrez en images l'atmosphère feutrée et apaisante de votre spa Zeïn Massage."
@@ -295,56 +143,9 @@ export default function LandingPage() {
textboxLayout="default" textboxLayout="default"
useInvertedBackground={false} useInvertedBackground={false}
plans={[ plans={[
{ { id: "p1", tag: "Soin Express", price: "55€", period: "30 min", description: "Détente ciblée pour une pause rapide.", button: { text: "Réserver", href: "#contact" }, featuresTitle: "Inclus", features: ["Soin manuel", "Ambiance relaxante"] },
id: "p1", { id: "p2", tag: "Signature Zen", price: "89€", period: "1h", description: "Notre soin complet pour une évasion totale.", button: { text: "Réserver", href: "#contact" }, featuresTitle: "Inclus", features: ["Massage complet", "Huiles chaudes", "Rituel bien-être"] },
tag: "Soin Express", { id: "p3", tag: "Rituel Premium", price: "130€", period: "1h30", description: "L'excellence pour un ressourcement global.", button: { text: "Réserver", href: "#contact" }, featuresTitle: "Inclus", features: ["Massage complet", "Soins du visage", "Rituel sensoriel"] }
price: "55€",
period: "30 min",
description: "Détente ciblée pour une pause rapide.",
button: {
text: "Réserver",
href: "#contact",
},
featuresTitle: "Inclus",
features: [
"Soin manuel",
"Ambiance relaxante",
],
},
{
id: "p2",
tag: "Signature Zen",
price: "89€",
period: "1h",
description: "Notre soin complet pour une évasion totale.",
button: {
text: "Réserver",
href: "#contact",
},
featuresTitle: "Inclus",
features: [
"Massage complet",
"Huiles chaudes",
"Rituel bien-être",
],
},
{
id: "p3",
tag: "Rituel Premium",
price: "130€",
period: "1h30",
description: "L'excellence pour un ressourcement global.",
button: {
text: "Réserver",
href: "#contact",
},
featuresTitle: "Inclus",
features: [
"Massage complet",
"Soins du visage",
"Rituel sensoriel",
],
},
]} ]}
title="Nos Tarifs Soins" title="Nos Tarifs Soins"
description="Des forfaits conçus pour vous offrir des moments de pure évasion." description="Des forfaits conçus pour vous offrir des moments de pure évasion."
@@ -358,26 +159,11 @@ export default function LandingPage() {
rating={5} rating={5}
author="Claire L." author="Claire L."
avatars={[ avatars={[
{ { src: "http://img.b2bpic.net/free-photo/young-blonde-woman-having-massage-smiling-spa_1139-1139.jpg", alt: "Claire L." },
src: "http://img.b2bpic.net/free-photo/young-blonde-woman-having-massage-smiling-spa_1139-1139.jpg", { src: "http://img.b2bpic.net/free-photo/side-view-woman-working-spa_23-2150911819.jpg", alt: "Thomas V." },
alt: "Claire L.", { src: "http://img.b2bpic.net/free-photo/women-having-beauty-treatment-sauna_23-2149241463.jpg", alt: "Julie D." },
}, { src: "http://img.b2bpic.net/free-photo/woman-drinking-healthy-tea_23-2151800781.jpg", alt: "Sophie M." },
{ { src: "http://img.b2bpic.net/free-photo/side-view-people-getting-massage_23-2151178230.jpg", alt: "Paul R." }
src: "http://img.b2bpic.net/free-photo/side-view-woman-working-spa_23-2150911819.jpg",
alt: "Thomas V.",
},
{
src: "http://img.b2bpic.net/free-photo/women-having-beauty-treatment-sauna_23-2149241463.jpg",
alt: "Julie D.",
},
{
src: "http://img.b2bpic.net/free-photo/woman-drinking-healthy-tea_23-2151800781.jpg",
alt: "Sophie M.",
},
{
src: "http://img.b2bpic.net/free-photo/side-view-people-getting-massage_23-2151178230.jpg",
alt: "Paul R.",
},
]} ]}
ratingAnimation="blur-reveal" ratingAnimation="blur-reveal"
avatarsAnimation="blur-reveal" avatarsAnimation="blur-reveal"
@@ -388,21 +174,9 @@ export default function LandingPage() {
<FaqSplitText <FaqSplitText
useInvertedBackground={false} useInvertedBackground={false}
faqs={[ faqs={[
{ { id: "f1", title: "Comment réserver ?", content: "Vous pouvez réserver directement via notre formulaire ou par téléphone." },
id: "f1", { id: "f2", title: "Dois-je arriver en avance ?", content: "Nous conseillons d'arriver 10 minutes avant votre soin pour profiter de notre espace d'accueil." },
title: "Comment réserver ?", { id: "f3", title: "Les soins sont-ils mixtes ?", content: "Oui, notre spa est ouvert à tous pour une détente absolue." }
content: "Vous pouvez réserver directement via notre formulaire ou par téléphone.",
},
{
id: "f2",
title: "Dois-je arriver en avance ?",
content: "Nous conseillons d'arriver 10 minutes avant votre soin pour profiter de notre espace d'accueil.",
},
{
id: "f3",
title: "Les soins sont-ils mixtes ?",
content: "Oui, notre spa est ouvert à tous pour une détente absolue.",
},
]} ]}
sideTitle="Questions fréquentes" sideTitle="Questions fréquentes"
sideDescription="Tout ce qu'il faut savoir avant votre visite chez Zeïn Massage." sideDescription="Tout ce qu'il faut savoir avant votre visite chez Zeïn Massage."
@@ -413,18 +187,11 @@ export default function LandingPage() {
<div id="contact" data-section="contact"> <div id="contact" data-section="contact">
<ContactCTA <ContactCTA
useInvertedBackground={false} useInvertedBackground={false}
background={{ background={{ variant: "plain" }}
variant: "plain",
}}
tag="Contact" tag="Contact"
title="Prêt pour votre moment détente ?" title="Prêt pour votre moment détente ?"
description="Prenez rendez-vous dès maintenant chez Zeïn Massage à Halluin." description="Prenez rendez-vous dès maintenant chez Zeïn Massage à Halluin."
buttons={[ buttons={[{ text: "Réserver maintenant", href: "mailto:contact@zeinmassage.fr" }]}
{
text: "Réserver maintenant",
href: "mailto:contact@zeinmassage.fr",
},
]}
/> />
</div> </div>
@@ -432,48 +199,24 @@ export default function LandingPage() {
<FooterSimple <FooterSimple
columns={[ columns={[
{ {
title: "Zeïn Massage", title: "Zeïn Massage", items: [
items: [ { label: "Halluin, France", href: "#" },
{ { label: "03 20 00 00 00", href: "tel:0320000000" }
label: "Halluin, France", ]
href: "#",
},
{
label: "03 20 00 00 00",
href: "tel:0320000000",
},
],
}, },
{ {
title: "Navigation", title: "Navigation", items: [
items: [ { label: "Soins", href: "#services" },
{ { label: "Tarifs", href: "#pricing" },
label: "Soins", { label: "Contact", href: "#contact" }
href: "#services", ]
},
{
label: "Tarifs",
href: "#pricing",
},
{
label: "Contact",
href: "#contact",
},
],
}, },
{ {
title: "Légal", title: "Légal", items: [
items: [ { label: "Mentions Légales", href: "#" },
{ { label: "Confidentialité", href: "#" }
label: "Mentions Légales", ]
href: "#", }
},
{
label: "Confidentialité",
href: "#",
},
],
},
]} ]}
bottomLeftText="© 2024 Zeïn Massage. Tous droits réservés." bottomLeftText="© 2024 Zeïn Massage. Tous droits réservés."
bottomRightText="Spa de luxe à Halluin" bottomRightText="Spa de luxe à Halluin"