Update src/app/page.tsx

Merge version_3 into main

src/app/page.tsx

@@ -4,7 +4,7 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
 import FeatureCardTwentyNine from '@/components/sections/feature/featureCardTwentyNine/FeatureCardTwentyNine';
-import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
+import FooterMedia from '@/components/sections/footer/FooterMedia';
 import HeroLogo from '@/components/sections/hero/HeroLogo';
 import MediaAbout from '@/components/sections/about/MediaAbout';
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
@@ -60,19 +60,6 @@ export default function LandingPage() {
     />
   </div>
 
-  <div id="map" data-section="map">
-    <div className="w-full h-96 flex items-center justify-center p-10">
-      <iframe
-        src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3768.123456789!2d73.06!3d19.28!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x0!2zMTnCsDE2JzQ4LjAiTiA3M8KwMDMnMzYuMCJF!5e0!3m2!1sen!2sin!4v1612345678901!5m2!1sen!2sin"
-        width="100%"
-        height="100%"
-        style={{ border: 0 }}
-        allowFullScreen
-        loading="lazy"
-      />
-    </div>
-  </div>
-
   <div id="services" data-section="services">
       <FeatureCardTwentyNine
       animationType="slide-up"
@@ -120,12 +107,13 @@ export default function LandingPage() {
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterLogoEmphasis
-      columns={[
-        { items: [{ label: "Services", href: "#services" }, { label: "About", href: "#about" }] },
-        { items: [{ label: "Contact Us", href: "#contact" }] },
-      ]}
+      <FooterMedia
+      imageSrc="http://img.b2bpic.net/free-photo/abstract-background-with-lines_23-2148810237.jpg"
       logoText="APEX"
+      columns={[
+        { title: "Services", items: [{ label: "Customs Clearance", href: "#services" }, { label: "Freight", href: "#services" }] },
+        { title: "Company", items: [{ label: "About", href: "#about" }, { label: "Contact", href: "#contact" }] },
+      ]}
     />
   </div>
       </ReactLenis>