182 lines
8.9 KiB
TypeScript
182 lines
8.9 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
|
import FaqBase from '@/components/sections/faq/FaqBase';
|
|
import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
|
|
import FooterCard from '@/components/sections/footer/FooterCard';
|
|
import HeroLogo from '@/components/sections/hero/HeroLogo';
|
|
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
|
|
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
|
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
|
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
|
|
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
|
|
import { Facebook, Instagram, Twitter } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="hover-magnetic"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="rounded"
|
|
contentWidth="small"
|
|
sizing="largeSizeMediumTitles"
|
|
background="circleGradient"
|
|
cardStyle="gradient-mesh"
|
|
primaryButtonStyle="primary-glow"
|
|
secondaryButtonStyle="solid"
|
|
headingFontWeight="medium"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleFullscreen
|
|
navItems={[
|
|
{ name: "Accueil", id: "hero" },
|
|
{ name: "Boutique", id: "products" },
|
|
{ name: "Catégories", id: "features" },
|
|
{ name: "À propos", id: "about" },
|
|
{ name: "FAQ", id: "faq" },
|
|
{ name: "Contact", id: "contact" },
|
|
]}
|
|
brandName="Vitality Santé"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroLogo
|
|
logoText="Vitalité & Santé"
|
|
description="Retrouvez l'équilibre et la sérénité avec notre sélection rigoureuse d'objets bien-être et de matériel de santé naturel."
|
|
buttons={[
|
|
{ text: "Explorer la boutique", href: "#products" },
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
imageSrc="http://img.b2bpic.net/free-photo/composition-zero-waste-products_23-2148491143.jpg"
|
|
imageAlt="Vitalité Santé lifestyle"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TextSplitAbout
|
|
useInvertedBackground={false}
|
|
title="Votre santé est notre priorité"
|
|
description={[
|
|
"Nous sélectionnons chaque produit avec soin pour garantir une qualité optimale pour votre bien-être.", "Basés sur une approche naturelle, nos objets et matériels vous aident à prendre soin de vous au quotidien."]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardOne
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="three-columns-all-equal-width"
|
|
useInvertedBackground={true}
|
|
features={[
|
|
{
|
|
title: "Certifié Bio", description: "Des produits sélectionnés selon les standards de qualité les plus stricts.", imageSrc: "http://img.b2bpic.net/free-photo/quality-service-guaranteed-premium-quality-concept_53876-133870.jpg", imageAlt: "Certifié Bio"},
|
|
{
|
|
title: "Livraison Rapide", description: "Recevez vos équipements bien-être sous 48h partout en France.", imageSrc: "http://img.b2bpic.net/free-photo/packages-parcels-delivery-covid-quarantine-transfer-orders-concerned-troubled-courier_1258-85076.jpg", imageAlt: "Livraison Rapide"},
|
|
{
|
|
title: "Expertise Santé", description: "Des conseils d'experts pour vous guider vers le produit adapté à vos besoins.", imageSrc: "http://img.b2bpic.net/free-photo/marketing-concept-with-wooden-figures-person-stand-circle-wooden-background-flat-lay_176474-7809.jpg", imageAlt: "Expertise Santé"},
|
|
]}
|
|
title="Nos Catégories"
|
|
description="Une gamme complète pour votre quotidien."
|
|
/>
|
|
</div>
|
|
|
|
<div id="products" data-section="products">
|
|
<ProductCardFour
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="one-large-left-three-stacked-right"
|
|
useInvertedBackground={false}
|
|
products={[
|
|
{ id: "p1", name: "Compléments Naturels", price: "29€", variant: "Bien-être", imageSrc: "http://img.b2bpic.net/free-photo/green-smoothie-bottle_23-2148150424.jpg", imageAlt: "Compléments" },
|
|
{ id: "p2", name: "Huile Essentielle Pure", price: "15€", variant: "Détente", imageSrc: "http://img.b2bpic.net/free-photo/serum-bottle-green-leaf-arrangement_23-2149353092.jpg", imageAlt: "Huile" },
|
|
{ id: "p3", name: "Thé de Santé", price: "12€", variant: "Nutrition", imageSrc: "http://img.b2bpic.net/free-photo/herbal-tea-sugar-cubes-tea-strainer-white-boxes-green-backdrop_23-2147874152.jpg", imageAlt: "Thé" },
|
|
{ id: "p4", name: "Massage Bambou", price: "35€", variant: "Accessoire", imageSrc: "http://img.b2bpic.net/free-photo/hazardous-waste-nature-surgeon-masks_23-2148764828.jpg", imageAlt: "Massage" },
|
|
{ id: "p5", name: "Crème Visage Bio", price: "22€", variant: "Skincare", imageSrc: "http://img.b2bpic.net/free-photo/body-butter-with-leaves-marble-background_23-2148241808.jpg", imageAlt: "Crème" },
|
|
{ id: "p6", name: "Pack Multivitamines", price: "45€", variant: "Santé", imageSrc: "http://img.b2bpic.net/free-photo/woman-working-as-doctor_23-2148827812.jpg", imageAlt: "Vitamines" },
|
|
]}
|
|
title="Nos essentiels bien-être"
|
|
description="Découvrez notre sélection de produits pour améliorer votre quotidien."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardSixteen
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
testimonials={[
|
|
{ id: "1", name: "Julie", role: "Cliente", company: "France", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/doctor-talking-female-patient_107420-73976.jpg" },
|
|
{ id: "2", name: "Marc", role: "Client", company: "France", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-drinking-herbal-tea-with-her-friend_1398-4078.jpg" },
|
|
{ id: "3", name: "Sophie", role: "Cliente", company: "France", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/two-happy-friends-chatting-laughing-haven-t-seen-each-other-long-time_273609-6606.jpg" },
|
|
{ id: "4", name: "Lucas", role: "Client", company: "France", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/pharmacist-work_23-2150600114.jpg" },
|
|
{ id: "5", name: "Claire", role: "Cliente", company: "France", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/friends-doing-yoga-together-park_23-2149891955.jpg" },
|
|
]}
|
|
kpiItems={[
|
|
{ value: "10k+", label: "Clients" },
|
|
{ value: "98%", label: "Satisfaction" },
|
|
{ value: "500+", label: "Produits" },
|
|
]}
|
|
title="Ce que nos clients disent"
|
|
description="Des milliers de clients satisfaits à travers la France."
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardFourteen
|
|
useInvertedBackground={false}
|
|
title="Vitalité en chiffres"
|
|
tag="Expertise"
|
|
metrics={[
|
|
{ id: "m1", value: "5+", description: "Années d'expertise" },
|
|
{ id: "m2", value: "1200", description: "Livraisons réussies" },
|
|
{ id: "m3", value: "250", description: "Produits naturels" },
|
|
]}
|
|
metricsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqBase
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
faqs={[
|
|
{ id: "f1", title: "Comment effectuer un retour ?", content: "Vous pouvez retourner vos produits sous 14 jours via notre espace client." },
|
|
{ id: "f2", title: "Les produits sont-ils testés ?", content: "Oui, tous nos produits sont rigoureusement testés par des laboratoires partenaires." },
|
|
{ id: "f3", title: "Quels sont les délais de livraison ?", content: "Nous livrons en 48h à 72h selon votre adresse." },
|
|
]}
|
|
title="Questions fréquentes"
|
|
description="Besoin d'éclaircissements ? Trouvez les réponses ici."
|
|
faqsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCenter
|
|
useInvertedBackground={false}
|
|
background={{ variant: "animated-grid" }}
|
|
tag="Newsletter"
|
|
title="Restez informé"
|
|
description="Inscrivez-vous pour recevoir des conseils bien-être et nos offres exclusives."
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterCard
|
|
logoText="Vitalité Santé"
|
|
copyrightText="© 2024 Vitalité Santé. Tous droits réservés."
|
|
socialLinks={[
|
|
{ icon: Facebook, href: "#", ariaLabel: "Facebook" },
|
|
{ icon: Instagram, href: "#", ariaLabel: "Instagram" },
|
|
{ icon: Twitter, href: "#", ariaLabel: "Twitter" },
|
|
]}
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|