bender/70a5db7b-f75b-4340-b56f-16e698ff9c70
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_2 into main #2

Merged
bender merged 2 commits from version_2 into main 2026-04-09 15:56:36 +00:00
Conversation 0 Commits 2 Files Changed 2 +66 -163
2 changed files with 66 additions and 163 deletions
Download Patch File Download Diff File Expand all files Collapse all files

215
src/app/page.tsx
View File

@@ -3,13 +3,13 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import SplitAbout from '@/components/sections/about/SplitAbout';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
import { Award, Leaf, Smile, Sparkles, Waves } from "lucide-react";
export default function LandingPage() {
@@ -31,21 +31,13 @@ export default function LandingPage() {
<NavbarStyleFullscreen
navItems={[
{
name: "Accueil",
id: "hero",
},
name: "Accueil", id: "hero"},
{
name: "L'Expérience",
id: "experience",
},
name: "L'Expérience", id: "experience"},
{
name: "Avis",
id: "testimonials",
},
name: "Avis", id: "testimonials"},
{
name: "Réserver",
id: "contact",
},
name: "Réserver", id: "contact"},
]}
brandName="Maison Thaï Spa Royal"
/>
@@ -54,81 +46,52 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroSplitKpi
background={{
variant: "radial-gradient",
}}
variant: "radial-gradient"}}
title="L'Authentique relaxation thaï"
description="Une parenthèse de sérénité dédiée à votre bien-être. Découvrez l'art du massage thaï dans un cadre apaisant et soigné."
kpis={[
{
value: "5,0",
label: "Note moyenne",
},
value: "5,0", label: "Note moyenne"},
{
value: "11",
label: "Avis vérifiés",
},
value: "11", label: "Avis vérifiés"},
{
value: "100%",
label: "Détente garantie",
},
value: "100%", label: "Détente garantie"},
]}
enableKpiAnimation={true}
buttons={[
{
text: "Réserver votre séance",
href: "#contact",
},
text: "Réserver votre séance", href: "#contact"},
]}
imageSrc="http://img.b2bpic.net/free-photo/spa-composition-with-natural-body-care-products-lavender-copy-space_169016-14927.jpg?_wi=1"
mediaAnimation="slide-up"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/attractive-young-woman-black-swimsuit-is-relaxing-pool_169016-22938.jpg",
alt: "Client 1",
},
src: "http://img.b2bpic.net/free-photo/attractive-young-woman-black-swimsuit-is-relaxing-pool_169016-22938.jpg", alt: "Client 1"},
{
src: "http://img.b2bpic.net/free-photo/happy-man-wearing-bathrobe-talking-his-wife-while-enjoying-spa_637285-7456.jpg",
alt: "Client 2",
},
src: "http://img.b2bpic.net/free-photo/happy-man-wearing-bathrobe-talking-his-wife-while-enjoying-spa_637285-7456.jpg", alt: "Client 2"},
{
src: "http://img.b2bpic.net/free-photo/portrait-stylish-brunette-woman-posing-smiling_23-2149021863.jpg",
alt: "Client 3",
},
src: "http://img.b2bpic.net/free-photo/portrait-stylish-brunette-woman-posing-smiling_23-2149021863.jpg", alt: "Client 3"},
{
src: "http://img.b2bpic.net/free-photo/woman-spending-time-spa-with-face-mask-treatment_23-2149871944.jpg",
alt: "Client 4",
},
src: "http://img.b2bpic.net/free-photo/woman-spending-time-spa-with-face-mask-treatment_23-2149871944.jpg", alt: "Client 4"},
{
src: "http://img.b2bpic.net/free-photo/young-woman-pointing-aside-bathrobe-looking-joyful_176474-88333.jpg",
alt: "Client 5",
},
src: "http://img.b2bpic.net/free-photo/young-woman-pointing-aside-bathrobe-looking-joyful_176474-88333.jpg", alt: "Client 5"},
]}
avatarText="Rejoignez nos clients satisfaits"
marqueeItems={[
{
type: "text-icon",
text: "Authentique",
icon: Sparkles,
type: "text-icon", text: "Authentique", icon: Sparkles,
},
{
type: "text-icon",
text: "Apaisant",
icon: Leaf,
type: "text-icon", text: "Apaisant", icon: Leaf,
},
{
type: "text-icon",
text: "Bien-être",
icon: Smile,
type: "text-icon", text: "Bien-être", icon: Smile,
},
{
type: "text-icon",
text: "Expertise",
icon: Award,
type: "text-icon", text: "Expertise", icon: Award,
},
{
type: "text-icon",
text: "Sérénité",
icon: Waves,
type: "text-icon", text: "Sérénité", icon: Waves,
},
]}
/>
@@ -142,17 +105,11 @@ export default function LandingPage() {
description="Chez Maison Thaï Spa Royal, nous privilégions la qualité et le respect de la tradition. Chaque massage est une invitation à lâcher prise."
bulletPoints={[
{
title: "Détente profonde",
description: "Une écoute attentive pour soulager vos tensions.",
},
title: "Détente profonde", description: "Une écoute attentive pour soulager vos tensions."},
{
title: "Savoir-faire thaï",
description: "Une expérience inspirée par les rituels de relaxation thaïlandais.",
},
title: "Savoir-faire thaï", description: "Une expérience inspirée par les rituels de relaxation thaïlandais."},
{
title: "Cadre soigné",
description: "Un espace pensé pour votre tranquillité.",
},
title: "Cadre soigné", description: "Un espace pensé pour votre tranquillité."},
]}
imageSrc="http://img.b2bpic.net/free-photo/oil-drop-hand-with-soft-bokeh-quiet-moment-warm-wellness_169016-69672.jpg"
mediaAnimation="blur-reveal"
@@ -160,110 +117,60 @@ export default function LandingPage() {
</div>
<div id="experience" data-section="experience">
<FeatureCardTwentyOne
useInvertedBackground={false}
<FeatureCardTen
useInvertedBackground={true}
title="L'expérience massage"
description="Focus sur votre bien-être, sans artifices."
accordionItems={[
textboxLayout="default"
animationType="blur-reveal"
features={[
{
id: "1",
title: "Massage traditionnel thaï",
content: "Une technique reconnue pour équilibrer le corps et apaiser l'esprit.",
},
{
id: "2",
title: "Adaptation aux besoins",
content: "Nos praticiens adaptent la pression et les gestes à vos besoins spécifiques.",
},
{
id: "3",
title: "Qualité de service",
content: "Un accueil personnalisé et un suivi de qualité pour chaque visite.",
},
title: "Massage traditionnel thaï", description: "Une technique reconnue pour équilibrer le corps et apaiser l'esprit.", media: { imageSrc: "http://img.b2bpic.net/free-photo/two-birds-near-white-cake-leaves-white-background_23-2147975468.jpg" },
items: [],
reverse: false
}
]}
imageSrc="http://img.b2bpic.net/free-photo/two-birds-near-white-cake-leaves-white-background_23-2147975468.jpg"
mediaAnimation="slide-up"
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardSix
animationType="slide-up"
<TestimonialCardSixteen
animationType="blur-reveal"
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Marie L.",
handle: "@mariel",
testimonial: "Un massage thaï authentique, j'en suis ressortie apaisée. Une adresse que je garde précieusement.",
imageSrc: "http://img.b2bpic.net/free-photo/attractive-young-woman-black-swimsuit-is-relaxing-pool_169016-22938.jpg",
},
{
id: "2",
name: "Thomas P.",
handle: "@t-p",
testimonial: "La qualité du massage est exceptionnelle, on sent une réelle expertise. Le cadre est parfait.",
imageSrc: "http://img.b2bpic.net/free-photo/happy-man-wearing-bathrobe-talking-his-wife-while-enjoying-spa_637285-7456.jpg",
},
{
id: "3",
name: "Julie G.",
handle: "@julieg",
testimonial: "Une bulle de détente. Tout est fait pour qu'on se sente bien. Je reviendrai très vite.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-brunette-woman-posing-smiling_23-2149021863.jpg",
},
{
id: "4",
name: "Marc D.",
handle: "@marcd",
testimonial: "Vraiment le meilleur massage thaï que j'ai pu faire, très relaxant.",
imageSrc: "http://img.b2bpic.net/free-photo/woman-spending-time-spa-with-face-mask-treatment_23-2149871944.jpg",
},
{
id: "5",
name: "Sophie C.",
handle: "@sophie",
testimonial: "Une satisfaction totale. Accueil chaleureux et prestation de haute qualité.",
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-pointing-aside-bathrobe-looking-joyful_176474-88333.jpg",
},
]}
useInvertedBackground={true}
title="Ce que disent nos clients"
description="Des retours sincères sur leur expérience."
kpiItems={[{ value: "5,0", label: "Note" }, { value: "100%", label: "Satisfaits" }, { value: "10+ ans", label: "Expertise" }]}
testimonials={[
{
id: "1", name: "Marie L.", role: "Client", company: "Local", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/attractive-young-woman-black-swimsuit-is-relaxing-pool_169016-22938.jpg"}
]}
/>
</div>
<div id="faq" data-section="faq">
<FaqSplitText
useInvertedBackground={false}
<FaqSplitMedia
useInvertedBackground={true}
faqs={[
{
id: "1",
title: "Comment réserver ?",
content: "Vous pouvez réserver directement en ligne via nos liens de réservation disponibles sur cette page.",
},
id: "1", title: "Comment réserver ?", content: "Vous pouvez réserver directement en ligne via nos liens de réservation disponibles sur cette page."},
{
id: "2",
title: "Faut-il prévoir quelque chose ?",
content: "Simplement votre envie de détente. Tout le nécessaire est fourni sur place.",
},
id: "2", title: "Faut-il prévoir quelque chose ?", content: "Simplement votre envie de détente. Tout le nécessaire est fourni sur place."},
{
id: "3",
title: "Puis-je venir sans rendez-vous ?",
content: "La réservation en ligne est vivement recommandée pour garantir votre créneau.",
},
id: "3", title: "Puis-je venir sans rendez-vous ?", content: "La réservation en ligne est vivement recommandée pour garantir votre créneau."},
]}
sideTitle="Questions fréquentes"
title="Questions fréquentes"
faqsAnimation="blur-reveal"
textboxLayout="default"
/>
</div>
<div id="contact" data-section="contact">
<ContactSplit
useInvertedBackground={false}
useInvertedBackground={true}
background={{
variant: "plain",
}}
variant: "plain"}}
tag="Réservez maintenant"
title="Prêt pour un moment de détente ?"
description="Prenez rendez-vous en ligne pour votre séance de bien-être."
@@ -275,16 +182,12 @@ export default function LandingPage() {
</div>
<div id="footer" data-section="footer">
<FooterLogoReveal
logoText="Maison Thaï Spa Royal"
leftLink={{
text: "Accueil",
href: "#hero",
}}
rightLink={{
text: "Réserver",
href: "#contact",
}}
<FooterSimple
columns={[
{ title: "Liens", items: [{ label: "Accueil", href: "#hero" }, { label: "Réserver", href: "#contact" }] }
]}
bottomLeftText="© 2024 Maison Thaï Spa Royal"
bottomRightText="Tous droits réservés"
/>
</div>
</ReactLenis>

14
src/app/styles/variables.css
View File

@@ -10,15 +10,15 @@
--accent: #ffffff;
--background-accent: #ffffff; */
--background: #f5f4ef;
--card: #dad6cd;
--foreground: #2a2928;
--primary-cta: #2a2928;
--background: #f6f0e9;
--card: #efe7dd;
--foreground: #2b180a;
--primary-cta: #2b180a;
--primary-cta-text: #f5f4ef;
--secondary-cta: #ecebea;
--secondary-cta: #efe7dd;
--secondary-cta-text: #2a2928;
--accent: #ffffff;
--background-accent: #c6b180;
--accent: #94877c;
--background-accent: #afa094;
/* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);