Merge version_3 into main

Merge version_3 into main

src/app/page.tsx

@@ -2,9 +2,9 @@
 
 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 HeroSplit from '@/components/sections/hero/HeroSplit';
 import MediaAbout from '@/components/sections/about/MediaAbout';
 import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
@@ -119,24 +119,27 @@ export default function LandingPage() {
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactSplit
-      useInvertedBackground={false}
-      background={{ variant: "plain" }}
+      <ContactCTA
       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"
-      mediaAnimation="slide-up"
+      buttons={[{ text: "Nous appeler", href: "tel:0795820675" }, { text: "Envoyer un mail", href: "mailto:info@magasinsdumonde.ch" }]}
+      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>
   );
-}
+}