Update src/app/page.tsx

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 ContactCenter from '@/components/sections/contact/ContactCenter';
 import FaqSplitText from '@/components/sections/faq/FaqSplitText';
 import FeatureBento from '@/components/sections/feature/FeatureBento';
-import FooterMedia from '@/components/sections/footer/FooterMedia';
+import FooterBase from '@/components/sections/footer/FooterBase';
 import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
 import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
@@ -148,20 +148,17 @@ export default function LandingPage() {
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactSplit
-      useInvertedBackground={true}
-      background={{ variant: "plain" }}
+      <ContactCenter
       tag="Entrer en contact"
       title="Planifiez votre consultation juridique"
       description="Parlez avec notre équipe pour discuter de vos besoins juridiques dès aujourd'hui."
-      imageSrc="http://img.b2bpic.net/free-photo/front-view-young-beautiful-lady-white-shirt-dark-jacket-black-trousers-looking-distance-hall-waiting-daytime-building-job-activity_140725-15228.jpg"
-      mediaPosition="left"
+      background={{ variant: "plain" }}
+      useInvertedBackground={true}
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterMedia
-      imageSrc="http://img.b2bpic.net/free-vector/gradient-advocate-logo-design_23-2150649108.jpg"
+      <FooterBase
       logoText="MYLEGALWIN"
       columns={[
         {
@@ -183,4 +180,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}