Merge version_3 into main

Merge version_3 into main

src/app/page.tsx

@@ -2,10 +2,10 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactSplit from '@/components/sections/contact/ContactSplit';
+import ContactCTA from '@/components/sections/contact/ContactCTA';
 import FaqBase from '@/components/sections/faq/FaqBase';
-import FooterCard from '@/components/sections/footer/FooterCard';
+import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
-import HeroCentered from '@/components/sections/hero/HeroCentered';
+import HeroSplit from '@/components/sections/hero/HeroSplit';
 import MediaAbout from '@/components/sections/about/MediaAbout';
 import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
@@ -30,85 +30,24 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleCentered
       navItems={[
-        {
+        { name: "Accueil", id: "hero" },
-          name: "Accueil",
+        { name: "À propos", id: "about" },
-          id: "hero",
+        { name: "Produits", id: "products" },
-        },
+        { name: "Contact", id: "contact" },
-        {
-          name: "À propos",
-          id: "about",
-        },
-        {
-          name: "Produits",
-          id: "products",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
       ]}
       brandName="Magasins du Monde"
     />
   </div>
 
   <div id="hero" data-section="hero">
-      <HeroCentered
+      <HeroSplit
-      background={{
+      background={{ variant: "glowing-orb" }}
-        variant: "plain",
-      }}
       title="Engagement et Équité à Porrentruy"
-      description="Découvrez une sélection de produits biologiques, cadeaux éthiques et objets issus du commerce équitable au cœur de notre magasin."
+      description="Découvrez une sélection de produits biologiques, cadeaux éthiques et objets issus du commerce équitable au cœur de notre magasin. Notre globe interactif illustre notre impact mondial."
-      avatars={[
+      imageSrc="https://img.b2bpic.net/free-photo/planet-earth-globe-space_1232-2374.jpg"
-        {
+      imageAlt="Animated spinning world globe highlighting global community impact"
-          src: "http://img.b2bpic.net/free-photo/smiley-woman-doing-groceries-shopping_23-2148685760.jpg",
+      imagePosition="right"
-          alt: "Client",
+      buttons={[{ text: "Explorer la boutique", href: "#products" }]}
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/medium-shot-woman-with-potted-plants_23-2149412615.jpg",
-          alt: "Client",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/woman-with-red-gift-with-white-tie_1187-3202.jpg",
-          alt: "Client",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/beautiful-african-american-woman-cafe_273609-5072.jpg",
-          alt: "Client",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/selfie-cheerful-caucasian-fair-haired-woman-standing-near-rack-with-dresses-fashion-shop-looking-camera-smiling-boutique-customer-shop-assistant-concept_74855-11952.jpg",
-          alt: "Client",
-        },
-      ]}
-      avatarText="Nos clients engagés"
-      buttons={[
-        {
-          text: "Explorer la boutique",
-          href: "#products",
-        },
-      ]}
-      marqueeItems={[
-        {
-          type: "text",
-          text: "Commerce Équitable",
-        },
-        {
-          type: "text",
-          text: "Produits Biologiques",
-        },
-        {
-          type: "text",
-          text: "Artisanat Local",
-        },
-        {
-          type: "text",
-          text: "Développement Durable",
-        },
-        {
-          type: "text",
-          text: "Engagement Solidaire",
-        },
-      ]}
     />
   </div>
 
@@ -128,48 +67,10 @@ export default function LandingPage() {
       gridVariant="four-items-2x2-equal-grid"
       useInvertedBackground={false}
       products={[
-        {
+        { id: "1", name: "Café Éthique", price: "12,00 CHF", variant: "Bio", imageSrc: "http://img.b2bpic.net/free-photo/two-brutal-tattooed-roaster-hands-hold-sealed-package-bag-with-tea-coffee-ready-delivery-sale_346278-558.jpg?_wi=1" },
-          id: "1",
+        { id: "2", name: "Thé de montagne", price: "8,50 CHF", variant: "Bio", imageSrc: "http://img.b2bpic.net/free-photo/dried-herb-tea-spilled-from-tea-strainer-blue-backdrop_23-2147975437.jpg?_wi=1" },
-          name: "Café Éthique",
+        { id: "3", name: "Écharpe artisanale", price: "35,00 CHF", variant: "Équitable", imageSrc: "http://img.b2bpic.net/free-photo/birthday-background_23-2148030994.jpg?_wi=1" },
-          price: "12,00 CHF",
+        { id: "4", name: "Bijoux en perles", price: "22,00 CHF", variant: "Artisanat", imageSrc: "http://img.b2bpic.net/free-photo/top-view-paper-straws-cup-with-copy-space_23-2148289759.jpg" },
-          variant: "Bio",
-          imageSrc: "http://img.b2bpic.net/free-photo/two-brutal-tattooed-roaster-hands-hold-sealed-package-bag-with-tea-coffee-ready-delivery-sale_346278-558.jpg?_wi=1",
-        },
-        {
-          id: "2",
-          name: "Thé de montagne",
-          price: "8,50 CHF",
-          variant: "Bio",
-          imageSrc: "http://img.b2bpic.net/free-photo/dried-herb-tea-spilled-from-tea-strainer-blue-backdrop_23-2147975437.jpg?_wi=1",
-        },
-        {
-          id: "3",
-          name: "Écharpe artisanale",
-          price: "35,00 CHF",
-          variant: "Équitable",
-          imageSrc: "http://img.b2bpic.net/free-photo/birthday-background_23-2148030994.jpg?_wi=1",
-        },
-        {
-          id: "4",
-          name: "Bijoux en perles",
-          price: "22,00 CHF",
-          variant: "Artisanat",
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-paper-straws-cup-with-copy-space_23-2148289759.jpg",
-        },
-        {
-          id: "5",
-          name: "Cosmétique Bio",
-          price: "18,00 CHF",
-          variant: "Soin",
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-beauty-products-shelf-with-copy-space_23-2150718119.jpg",
-        },
-        {
-          id: "6",
-          name: "Panier tressé",
-          price: "45,00 CHF",
-          variant: "Décor",
-          imageSrc: "http://img.b2bpic.net/free-photo/wicker-baskets-home-store-display_169016-49147.jpg",
-        },
       ]}
       title="Nos sélections"
       description="Une gamme variée de produits bio et cadeaux originaux."
@@ -182,21 +83,9 @@ export default function LandingPage() {
       title="Chiffres marquants"
       tag="Impact"
       metrics={[
-        {
+        { id: "1", value: "4,8", description: "Note moyenne avis" },
-          id: "1",
+        { id: "2", value: "6", description: "Avis vérifiés" },
-          value: "4,8",
+        { id: "3", value: "100%", description: "Engagement équitable" },
-          description: "Note moyenne avis",
-        },
-        {
-          id: "2",
-          value: "6",
-          description: "Avis vérifiés",
-        },
-        {
-          id: "3",
-          value: "100%",
-          description: "Engagement équitable",
-        },
       ]}
       metricsAnimation="slide-up"
     />
@@ -207,61 +96,8 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       testimonials={[
-        {
+        { id: "1", name: "Isabelle Mioche Henry", date: "il y a 7 ans", title: "Très agréable", quote: "Un magasin très agréable, coloré avec de nombreux objets du commerce équitable.", tag: "Top", avatarSrc: "http://img.b2bpic.net/free-photo/cheerful-florist-speaking-phone_23-2147760930.jpg" },
-          id: "1",
+        { id: "2", name: "Cyriaque", date: "il y a 7 ans", title: "Superbe", quote: "Un lieu superbe, très bien servi, bénévoles chaleureuses et serviable.", tag: "Avis", avatarSrc: "http://img.b2bpic.net/free-photo/small-business-manager-her-workshop_23-2149094639.jpg" },
-          name: "Isabelle Mioche Henry",
-          date: "il y a 7 ans",
-          title: "Très agréable",
-          quote: "Un magasin très agréable, coloré avec de nombreux objets du commerce équitable.",
-          tag: "Top",
-          avatarSrc: "http://img.b2bpic.net/free-photo/cheerful-florist-speaking-phone_23-2147760930.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/knitting-wool-thread-close-up_23-2148923307.jpg",
-          imageAlt: "happy customer portrait fair trade shop",
-        },
-        {
-          id: "2",
-          name: "Cyriaque",
-          date: "il y a 7 ans",
-          title: "Superbe",
-          quote: "Un lieu superbe, très bien servi, bénévoles chaleureuses et serviable.",
-          tag: "Avis",
-          avatarSrc: "http://img.b2bpic.net/free-photo/small-business-manager-her-workshop_23-2149094639.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/interior-flower-shop_181624-58301.jpg?_wi=2",
-          imageAlt: "happy customer portrait fair trade shop",
-        },
-        {
-          id: "3",
-          name: "Viviane Moor",
-          date: "il y a 3 ans",
-          title: "Très pratique",
-          quote: "Bien du choix, idées cadeaux.",
-          tag: "Local",
-          avatarSrc: "http://img.b2bpic.net/free-photo/young-beautiful-blonde-woman-with-blue-eyes-holding-birthday-gift-pink-background-happy-with-big-smile-doing-ok-sign-thumb-up-with-fingers-excellent-sign_839833-25862.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/two-brutal-tattooed-roaster-hands-hold-sealed-package-bag-with-tea-coffee-ready-delivery-sale_346278-558.jpg?_wi=2",
-          imageAlt: "happy customer portrait fair trade shop",
-        },
-        {
-          id: "4",
-          name: "Client régulier",
-          date: "il y a 1 an",
-          title: "Engagement",
-          quote: "Toujours de belles trouvailles éthiques dans cette boutique.",
-          tag: "Shop",
-          avatarSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-shopping_23-2149241332.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/dried-herb-tea-spilled-from-tea-strainer-blue-backdrop_23-2147975437.jpg?_wi=2",
-          imageAlt: "happy customer portrait fair trade shop",
-        },
-        {
-          id: "5",
-          name: "Bénévole local",
-          date: "il y a 6 mois",
-          title: "Qualité",
-          quote: "Des produits de grande qualité pour un commerce éthique.",
-          tag: "Bio",
-          avatarSrc: "http://img.b2bpic.net/free-photo/smiley-woman-holding-biodegradable-bag-with-goodies_23-2148685829.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/birthday-background_23-2148030994.jpg?_wi=2",
-          imageAlt: "happy customer portrait fair trade shop",
-        },
       ]}
       title="Ce que vous dites"
       description="Retours de nos précieux clients à Porrentruy."
@@ -273,21 +109,8 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={true}
       faqs={[
-        {
+        { id: "1", title: "Horaires", content: "Ouvert du mardi au samedi dès 09h30." },
-          id: "1",
+        { id: "2", title: "Localisation", content: "Rue des Malvoisins 14, 2900 Porrentruy." },
-          title: "Horaires",
-          content: "Ouvert du mardi au samedi dès 09h30.",
-        },
-        {
-          id: "2",
-          title: "Localisation",
-          content: "Rue des Malvoisins 14, 2900 Porrentruy.",
-        },
-        {
-          id: "3",
-          title: "Produits",
-          content: "Nous proposons uniquement des articles issus du commerce équitable et de la culture biologique.",
-        },
       ]}
       title="Questions fréquentes"
       description="En savoir plus sur nos activités."
@@ -296,26 +119,27 @@ export default function LandingPage() {
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactSplit
+      <ContactCTA
-      useInvertedBackground={false}
-      background={{
-        variant: "plain",
-      }}
       tag="Contact"
       title="Restons en contact"
       description="Venez nous rendre visite Rue des Malvoisins 14 ou contactez-nous par téléphone au 079 582 06 75."
-      imageSrc="http://img.b2bpic.net/free-photo/view-floral-shop-window-with-worker_23-2147761041.jpg"
+      buttons={[{ text: "Nous appeler", href: "tel:0795820675" }, { text: "Envoyer un mail", href: "mailto:info@magasinsdumonde.ch" }]}
-      mediaAnimation="slide-up"
+      background={{ variant: "plain" }}
+      useInvertedBackground={false}
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterCard
+      <FooterBaseReveal
       logoText="Magasins du Monde"
+      columns={[
+        { title: "Informations", items: [{ label: "Localisation", href: "#faq" }, { label: "Horaires", href: "#faq" }] },
+        { title: "Légal", items: [{ label: "Politique de confidentialité", href: "#" }] }
+      ]}
       copyrightText="© 2024 Magasins du Monde | Porrentruy"
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}