Merge version_2 into main

Merge version_2 into main

src/app/about/page.tsx

@@ -0,0 +1,45 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
+import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
+import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
+
+export default function AboutPage() {
+  return (
+    <ThemeProvider defaultButtonVariant="text-stagger" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarStyleFullscreen
+            navItems={[
+              { name: "Accueil", id: "/" },
+              { name: "À propos", id: "/about" },
+              { name: "Panier", id: "/cart" },
+              { name: "FAQ", id: "/faq" },
+              { name: "Contact", id: "/contact" },
+            ]}
+            brandName="Vitality Santé"
+          />
+        </div>
+        <div id="about" data-section="about" className="pt-32">
+          <TextSplitAbout
+            title="Notre Histoire"
+            description={["Fondée sur la passion du bien-être, Vitalité Santé s'engage à proposer des solutions naturelles et durables pour votre quotidien.", "Notre mission est de rendre la santé accessible et transparente pour chacun."]}
+            useInvertedBackground={false}
+          />
+        </div>
+        <div id="footer" data-section="footer">
+          <FooterBaseReveal
+            logoText="Vitalité Santé"
+            columns={[
+              { title: "Boutique", items: [{ label: "Accueil", href: "/" }] },
+              { title: "Assistance", items: [{ label: "Contact", href: "/contact" }, { label: "FAQ", href: "/faq" }] },
+            ]}
+            copyrightText="© 2024 Vitalité Santé. Tous droits réservés."
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/cart/page.tsx

@@ -0,0 +1,18 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
+
+export default function CartPage() {
+  return (
+    <ThemeProvider defaultButtonVariant="text-stagger" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
+      <div id="nav" data-section="nav">
+        <NavbarStyleFullscreen navItems={[{name: "Accueil", id: "/"}, {name: "Panier", id: "/cart"}]} />
+      </div>
+      <div className="container mx-auto py-20">
+        <h1 className="text-4xl">Votre Panier</h1>
+        <p>Vos articles sélectionnés.</p>
+      </div>
+    </ThemeProvider>
+  );
+}

src/app/checkout/page.tsx

@@ -0,0 +1,18 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
+
+export default function CheckoutPage() {
+  return (
+    <ThemeProvider defaultButtonVariant="text-stagger" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
+      <div id="nav" data-section="nav">
+        <NavbarStyleFullscreen navItems={[{name: "Accueil", id: "/"}, {name: "Panier", id: "/cart"}]} />
+      </div>
+      <div className="container mx-auto py-20">
+        <h1 className="text-4xl">Paiement</h1>
+        <p>Procédez au paiement sécurisé.</p>
+      </div>
+    </ThemeProvider>
+  );
+}

src/app/faq/page.tsx

@@ -0,0 +1,48 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
+import FaqBase from '@/components/sections/faq/FaqBase';
+import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
+
+export default function FaqPage() {
+  return (
+    <ThemeProvider defaultButtonVariant="text-stagger" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarStyleFullscreen
+            navItems={[
+              { name: "Accueil", id: "/" },
+              { name: "À propos", id: "/about" },
+              { name: "Panier", id: "/cart" },
+              { name: "FAQ", id: "/faq" },
+              { name: "Contact", id: "/contact" },
+            ]}
+            brandName="Vitality Santé"
+          />
+        </div>
+        <div id="faq" data-section="faq" className="pt-32">
+          <FaqBase
+            textboxLayout="default"
+            useInvertedBackground={false}
+            faqs={[]}
+            title="Questions fréquentes"
+            description="Besoin d'aide ? Consultez notre FAQ."
+            faqsAnimation="slide-up"
+          />
+        </div>
+        <div id="footer" data-section="footer">
+          <FooterBaseReveal
+            logoText="Vitalité Santé"
+            columns={[
+              { title: "Boutique", items: [{ label: "Accueil", href: "/" }] },
+              { title: "Assistance", items: [{ label: "Contact", href: "/contact" }, { label: "FAQ", href: "/faq" }] },
+            ]}
+            copyrightText="© 2024 Vitalité Santé. Tous droits réservés."
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/page.tsx

@@ -5,13 +5,14 @@ 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 FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
+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 (
@@ -31,22 +32,12 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleFullscreen
       navItems={[
-        {
-          name: "Accueil",
-          id: "hero",
-        },
-        {
-          name: "À propos",
-          id: "about",
-        },
-        {
-          name: "Produits",
-          id: "products",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
+        { 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é"
     />
@@ -57,10 +48,7 @@ export default function LandingPage() {
       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",
-        },
+        { text: "Explorer la boutique", href: "#products" },
       ]}
       buttonAnimation="slide-up"
       imageSrc="http://img.b2bpic.net/free-photo/composition-zero-waste-products_23-2148491143.jpg"
@@ -73,9 +61,7 @@ export default function LandingPage() {
       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.",
-      ]}
+        "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>
 
@@ -87,26 +73,14 @@ export default function LandingPage() {
       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: "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: "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: "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="Pourquoi nous choisir"
-      description="La garantie d'un accompagnement sain et durable."
+      title="Nos Catégories"
+      description="Une gamme complète pour votre quotidien."
     />
   </div>
 
@@ -117,54 +91,12 @@ export default function LandingPage() {
       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",
-        },
+        { 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."
@@ -177,60 +109,16 @@ export default function LandingPage() {
       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",
-        },
+        { 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",
-        },
+        { 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."
@@ -243,21 +131,9 @@ export default function LandingPage() {
       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",
-        },
+        { 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"
     />
@@ -268,21 +144,9 @@ export default function LandingPage() {
       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.",
-        },
+        { 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."
@@ -293,9 +157,7 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactCenter
       useInvertedBackground={false}
-      background={{
-        variant: "animated-grid",
-      }}
+      background={{ variant: "animated-grid" }}
       tag="Newsletter"
       title="Restez informé"
       description="Inscrivez-vous pour recevoir des conseils bien-être et nos offres exclusives."
@@ -303,37 +165,14 @@ export default function LandingPage() {
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterBaseReveal
+      <FooterCard
       logoText="Vitalité Santé"
-      columns={[
-        {
-          title: "Boutique",
-          items: [
-            {
-              label: "Accueil",
-              href: "#",
-            },
-            {
-              label: "Produits",
-              href: "#products",
-            },
-          ],
-        },
-        {
-          title: "Assistance",
-          items: [
-            {
-              label: "Contact",
-              href: "#contact",
-            },
-            {
-              label: "FAQ",
-              href: "#faq",
-            },
-          ],
-        },
-      ]}
       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>

src/app/products/[id]/page.tsx

@@ -0,0 +1,17 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
+
+export default function ProductDetailPage() {
+  return (
+    <ThemeProvider defaultButtonVariant="text-stagger" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
+      <div id="nav" data-section="nav">
+        <NavbarStyleFullscreen navItems={[{name: "Accueil", id: "/"}, {name: "Panier", id: "/cart"}]} />
+      </div>
+      <div className="container mx-auto py-20">
+        <h1 className="text-4xl">Détail du Produit</h1>
+      </div>
+    </ThemeProvider>
+  );
+}

src/app/shop/page.tsx

@@ -0,0 +1,64 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
+import ProductCardThree from '@/components/sections/product/ProductCardThree';
+import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
+
+export default function ShopPage() {
+  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: "/" },
+              { name: "Boutique", id: "/shop" },
+            ]}
+            brandName="Vitality Santé"
+          />
+        </div>
+
+        <div id="products" data-section="products" className="pt-20">
+          <ProductCardThree
+            title="Notre Catalogue Bien-être"
+            description="Découvrez l'ensemble de notre sélection santé et bien-être."
+            gridVariant="four-items-2x2-equal-grid"
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            products={[
+              { id: "s1", name: "Compléments Naturels", price: "29€", imageSrc: "http://img.b2bpic.net/free-photo/green-smoothie-bottle_23-2148150424.jpg" },
+              { id: "s2", name: "Huile Essentielle Pure", price: "15€", imageSrc: "http://img.b2bpic.net/free-photo/serum-bottle-green-leaf-arrangement_23-2149353092.jpg" },
+              { id: "s3", name: "Thé de Santé", price: "12€", imageSrc: "http://img.b2bpic.net/free-photo/herbal-tea-sugar-cubes-tea-strainer-white-boxes-green-backdrop_23-2147874152.jpg" },
+              { id: "s4", name: "Massage Bambou", price: "35€", imageSrc: "http://img.b2bpic.net/free-photo/hazardous-waste-nature-surgeon-masks_23-2148764828.jpg" },
+            ]}
+          />
+        </div>
+
+        <div id="footer" data-section="footer">
+          <FooterBaseReveal
+            logoText="Vitalité Santé"
+            columns={[
+              { title: "Boutique", items: [{ label: "Accueil", href: "/" }, { label: "Boutique", href: "/shop" }] },
+              { title: "Assistance", items: [{ label: "Contact", href: "/" }, { label: "FAQ", href: "/" }] },
+            ]}
+            copyrightText="© 2024 Vitalité Santé. Tous droits réservés."
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/testimonials/page.tsx

@@ -0,0 +1,49 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
+import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
+import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
+
+export default function TestimonialsPage() {
+  return (
+    <ThemeProvider defaultButtonVariant="text-stagger" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarStyleFullscreen
+            navItems={[
+              { name: "Accueil", id: "/" },
+              { name: "À propos", id: "/about" },
+              { name: "Panier", id: "/cart" },
+              { name: "FAQ", id: "/faq" },
+              { name: "Contact", id: "/contact" },
+            ]}
+            brandName="Vitality Santé"
+          />
+        </div>
+        <div id="testimonials" data-section="testimonials" className="pt-32">
+          <TestimonialCardSixteen
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            title="Témoignages de nos clients"
+            description="Découvrez ce que notre communauté pense de nos produits naturels."
+            kpiItems={[{ value: "10k+", label: "Clients" }, { value: "98%", label: "Satisfaction" }, { value: "500+", label: "Produits" }]}
+            testimonials={[]}
+          />
+        </div>
+        <div id="footer" data-section="footer">
+          <FooterBaseReveal
+            logoText="Vitalité Santé"
+            columns={[
+              { title: "Boutique", items: [{ label: "Accueil", href: "/" }] },
+              { title: "Assistance", items: [{ label: "Contact", href: "/contact" }, { label: "FAQ", href: "/faq" }] },
+            ]}
+            copyrightText="© 2024 Vitalité Santé. Tous droits réservés."
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}