Merge version_2 into main #1
295
src/app/page.tsx
295
src/app/page.tsx
@@ -32,22 +32,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Accueil", id: "hero" },
|
||||
{ name: "À propos", id: "about" },
|
||||
{ name: "Services", id: "features" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Nour Spa"
|
||||
/>
|
||||
@@ -55,63 +43,19 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
title="Unwind and Rejuvenate at Nour"
|
||||
description="Experience premium beauty and wellness treatments tailored to your unique needs. Nour Spa is your sanctuary for peace and radiance."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Your Session",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
background={{ variant: "plain" }}
|
||||
title="Détente et ressourcement chez Nour"
|
||||
description="Découvrez des soins de beauté et de bien-être haut de gamme adaptés à vos besoins. Nour Spa est votre sanctuaire de paix et d'éclat."
|
||||
buttons={[{ text: "Réservez votre séance", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/candles-towels-bath-salt-serum-bathtub-filled-with-water_23-2149239363.jpg"
|
||||
imageAlt="Luxurious serene spa sanctuary"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/spa-equipments-with-soap-cotton-flower_23-2147844979.jpg",
|
||||
alt: "Spa professional",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/tranquil-spa-pool-meditation-space_23-2151935106.jpg",
|
||||
alt: "Relaxed guest",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/luxury-hotel-room-comfort-elegance-relaxation-romance-generated-by-ai_188544-29044.jpg",
|
||||
alt: "Treatment expert",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/serene-minimalist-spa-interior-meditation-space_23-2151935120.jpg",
|
||||
alt: "Spa sanctuary",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/relaxed-woman-spa_1098-3.jpg",
|
||||
alt: "Peaceful guest",
|
||||
},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Organic Skincare",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Holistic Healing",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Expert Therapists",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Luxury Atmosphere",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Total Rejuvenation",
|
||||
},
|
||||
{ type: "text", text: "Soins bio" },
|
||||
{ type: "text", text: "Guérison holistique" },
|
||||
{ type: "text", text: "Thérapeutes experts" },
|
||||
{ type: "text", text: "Atmosphère de luxe" },
|
||||
{ type: "text", text: "Rajeunissement total" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -120,21 +64,12 @@ export default function LandingPage() {
|
||||
<SplitAbout
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
title="Our Philosophy"
|
||||
description="At Nour, we believe that beauty is a reflection of inner harmony. We combine ancient rituals with modern care to provide the ultimate restorative journey for every guest."
|
||||
title="Notre Philosophie"
|
||||
description="Chez Nour, nous croyons que la beauté est le reflet d'une harmonie intérieure. Nous combinons rituels anciens et soins modernes pour offrir un voyage réparateur ultime à chaque invité."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Organic Care",
|
||||
description: "We only use premium, clean products.",
|
||||
},
|
||||
{
|
||||
title: "Expert Care",
|
||||
description: "Skilled therapists dedicated to you.",
|
||||
},
|
||||
{
|
||||
title: "Serene Space",
|
||||
description: "A tranquil environment for total peace.",
|
||||
},
|
||||
{ title: "Soins Bio", description: "Nous utilisons uniquement des produits purs et naturels." },
|
||||
{ title: "Expertise", description: "Thérapeutes qualifiés dédiés à votre bien-être." },
|
||||
{ title: "Sérénité", description: "Un environnement calme pour une paix totale." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-portrait-tender-young-woman-with-flowers-grey-wall_176420-2710.jpg"
|
||||
imageAlt="Facial treatment wellness"
|
||||
@@ -147,26 +82,10 @@ export default function LandingPage() {
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
negativeCard={{
|
||||
items: [
|
||||
"No harsh chemicals",
|
||||
"No rushed sessions",
|
||||
"No impersonal treatments",
|
||||
"No synthetic fragrances",
|
||||
"No generic service plans",
|
||||
],
|
||||
}}
|
||||
positiveCard={{
|
||||
items: [
|
||||
"Personalized skincare",
|
||||
"Holistic approach",
|
||||
"Expert guidance",
|
||||
"Ethically sourced botanicals",
|
||||
"Tailored wellness experience",
|
||||
],
|
||||
}}
|
||||
title="Why Choose Nour?"
|
||||
description="Everything we do is designed to elevate your wellness and beauty standards."
|
||||
negativeCard={{ items: ["Pas de produits chimiques", "Pas de précipitation", "Traitements personnalisés", "Pas de parfums synthétiques", "Soins uniques"] }}
|
||||
positiveCard={{ items: ["Soins personnalisés", "Approche holistique", "Conseils d'experts", "Botaniques éthiques", "Expérience sur mesure"] }}
|
||||
title="Pourquoi choisir Nour ?"
|
||||
description="Chaque geste est conçu pour élever vos standards de bien-être et de beauté."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -177,45 +96,12 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Radiance Serum",
|
||||
price: "$85",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-composition-natural-argan-product_23-2148955791.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Calm Face Cream",
|
||||
price: "$65",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pink-cosmetic-containers-flowers-assortment_23-2149270050.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Botanical Mask",
|
||||
price: "$45",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-with-facial-treatment_23-2148660802.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Earthy Salts",
|
||||
price: "$30",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-decoration-with-salts-bowl_23-2148295970.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Nourish Oil",
|
||||
price: "$70",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-still-life-arrangement-with-water_23-2149176152.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Spa Soap",
|
||||
price: "$15",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-still-life-with-herbal-medicine_23-2149292042.jpg",
|
||||
},
|
||||
{ id: "1", name: "Sérum Éclat", price: "85 €", imageSrc: "http://img.b2bpic.net/free-photo/front-view-composition-natural-argan-product_23-2148955791.jpg" },
|
||||
{ id: "2", name: "Crème Apaisante", price: "65 €", imageSrc: "http://img.b2bpic.net/free-photo/pink-cosmetic-containers-flowers-assortment_23-2149270050.jpg" },
|
||||
{ id: "3", name: "Masque Botanique", price: "45 €", imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-with-facial-treatment_23-2148660802.jpg" },
|
||||
]}
|
||||
title="Luxury Skincare Rituals"
|
||||
description="Take the spa experience home with our signature range of organic beauty products."
|
||||
title="Rituels de Luxe"
|
||||
description="Prolongez l'expérience spa avec notre gamme de produits biologiques."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -226,65 +112,21 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "10k+",
|
||||
title: "Happy Guests",
|
||||
description: "Served with heart",
|
||||
icon: Smile,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "15+",
|
||||
title: "Expert Staff",
|
||||
description: "Highly trained",
|
||||
icon: Users,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "5.0",
|
||||
title: "Avg Rating",
|
||||
description: "From our clients",
|
||||
icon: Star,
|
||||
},
|
||||
{ id: "m1", value: "10k+", title: "Clients satisfaits", description: "Avec passion", icon: Smile },
|
||||
{ id: "m2", value: "15+", title: "Équipe experte", description: "Hautement qualifiée", icon: Users },
|
||||
{ id: "m3", value: "5.0", title: "Note moyenne", description: "De nos clients", icon: Star },
|
||||
]}
|
||||
title="Our Impact"
|
||||
description="We are proud to serve our community with excellence and care."
|
||||
title="Notre Impact"
|
||||
description="Nous sommes fiers de servir notre communauté avec excellence."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/charming-woman-spa-environment_1098-3077.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael L.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-healthy-woman-bathrobe-posing-camera-indoors_1153-8644.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emma R.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/calm-woman-with-flower-hair_1098-3071.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David W.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-girls-have-fun-mall-fountain_1153-3980.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Chloe T.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-women-indulging-self-care-with-beauty-product_23-2148655768.jpg",
|
||||
},
|
||||
]}
|
||||
cardTitle="What Guests Say"
|
||||
cardTag="Testimonials"
|
||||
testimonials={[{ id: "1", name: "Sarah J." }, { id: "2", name: "Michael L." }, { id: "3", name: "Emma R." }]}
|
||||
cardTitle="Ce que disent nos clients"
|
||||
cardTag="Témoignages"
|
||||
cardAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -294,24 +136,12 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Do I need to book in advance?",
|
||||
content: "Yes, we recommend booking a few days ahead.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "What payment methods do you accept?",
|
||||
content: "We accept major cards and mobile payments.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Are your products natural?",
|
||||
content: "Absolutely, our entire range is organic.",
|
||||
},
|
||||
{ id: "q1", title: "Dois-je réserver à l'avance ?", content: "Oui, nous recommandons de réserver quelques jours à l'avance." },
|
||||
{ id: "q2", title: "Quels paiements acceptez-vous ?", content: "Nous acceptons les cartes bancaires et les paiements mobiles." },
|
||||
{ id: "q3", title: "Vos produits sont-ils naturels ?", content: "Absolument, notre gamme est 100% organique." },
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Find answers to common questions about our spa treatments."
|
||||
title="Questions fréquentes"
|
||||
description="Retrouvez les réponses aux questions les plus posées."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -319,50 +149,19 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Contact"
|
||||
title="Ready for your escape?"
|
||||
description="Book your appointment today and start your journey."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "mailto:hello@nourspa.com",
|
||||
},
|
||||
]}
|
||||
title="Prêt pour votre évasion ?"
|
||||
description="Réservez votre rendez-vous aujourd'hui."
|
||||
buttons={[{ text: "Contactez-nous", href: "mailto:hello@nourspa.com" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Entreprise", items: [{ label: "À propos", href: "#about" }, { label: "Carrières", href: "#" }] },
|
||||
{ title: "Légal", items: [{ label: "Confidentialité", href: "#" }, { label: "CGU", href: "#" }] },
|
||||
]}
|
||||
logoText="Nour Spa"
|
||||
/>
|
||||
@@ -370,4 +169,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user