Update src/app/page.tsx

Merge version_2 into main

src/app/page.tsx

@@ -2,9 +2,9 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactText from '@/components/sections/contact/ContactText';
+import ContactCTA from '@/components/sections/contact/ContactCTA';
 import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne';
-import FooterCard from '@/components/sections/footer/FooterCard';
+import FooterBase from '@/components/sections/footer/FooterBase';
 import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
 import MediaAbout from '@/components/sections/about/MediaAbout';
 import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
@@ -171,22 +171,39 @@ export default function LandingPage() {
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactText
+      <ContactCTA
-      useInvertedBackground={false}
+      tag="Contact"
-      background={{
+      title="Besoin d'un devis ou d'informations ?"
-        variant: "canvas-reveal"}}
+      description="Caisson Bois Maroc est à votre écoute pour concrétiser vos projets de menuiserie. Contactez-nous pour toute demande."
-      text="Prêt pour votre projet ? Contactez-nous pour une étude personnalisée."
       buttons={[
-        {
+        { text: "Nous appeler: +212 600 000 000", href: "tel:+212600000000" },
-          text: "Contactez-nous",          href: "mailto:contact@caissonbois.fr"},
+        { text: "Envoyer un mail", href: "mailto:contact@caissonbois.ma" }
       ]}
+      background={{ variant: "sparkles-gradient" }}
+      useInvertedBackground={false}
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterCard
+      <FooterBase
-      logoText="Caisson Bois"
+      logoText="Caisson Bois Maroc"
-      copyrightText="© 2025 | Caisson Bois"
+      copyrightText="© 2025 | Caisson Bois Maroc. Tous droits réservés."
+      columns={[
+        {
+          title: "Navigation",          items: [
+            { label: "Accueil", href: "#hero" },
+            { label: "À propos", href: "#about" },
+            { label: "Portfolio", href: "#products" },
+            { label: "Contact", href: "#contact" }
+          ]
+        },
+        {
+          title: "Informations",          items: [
+            { label: "Siège Social: Casablanca, Maroc", href: "#" },
+            { label: "Horaires: Lun-Ven, 09h-18h", href: "#" }
+          ]
+        }
+      ]}
     />
   </div>
       </ReactLenis>