Update src/app/page.tsx

Merge version_1 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,38 @@ export default function LandingPage() {
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactText
+      <ContactCTA
-      useInvertedBackground={false}
+      tag="Contact"
-      background={{
+      title="Prêt pour votre projet ?"
-        variant: "canvas-reveal"}}
+      description="Discutons de vos idées de mobilier sur-mesure et demandez votre devis gratuit."
-      text="Prêt pour votre projet ? Contactez-nous pour une étude personnalisée."
       buttons={[
-        {
+        { text: "Envoyer un message", href: "mailto:contact@caissonbois.fr" }
-          text: "Contactez-nous",          href: "mailto:contact@caissonbois.fr"},
       ]}
+      background={{ variant: "sparkles-gradient" }}
+      useInvertedBackground={false}
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterCard
+      <FooterBase
       logoText="Caisson Bois"
       copyrightText="© 2025 | Caisson Bois"
+      columns={[
+        {
+          title: "Navigation",          items: [
+            { label: "Accueil", href: "#hero" },
+            { label: "À propos", href: "#about" },
+            { label: "Portfolio", href: "#products" },
+            { label: "Contact", href: "#contact" }
+          ]
+        },
+        {
+          title: "Légal",          items: [
+            { label: "Mentions Légales", href: "#" },
+            { label: "Politique de confidentialité", href: "#" }
+          ]
+        }
+      ]}
     />
   </div>
       </ReactLenis>