Switch to version 2: modified src/app/page.tsx

Merge version_3 into main

src/app/page.tsx

@@ -5,7 +5,7 @@ import ReactLenis from "lenis/react";
 import AboutMetric from '@/components/sections/about/AboutMetric';
 import BlogCardOne from '@/components/sections/blog/BlogCardOne';
 import FeatureCardTwentyEight from '@/components/sections/feature/FeatureCardTwentyEight';
-import FooterBase from '@/components/sections/footer/FooterBase';
+import FooterMedia from '@/components/sections/footer/FooterMedia';
 import HeroCentered from '@/components/sections/hero/HeroCentered';
 import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
@@ -201,43 +201,35 @@ export default function LandingPage() {
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterBase
+      <FooterMedia
+      logoText="RELEVATE"
+      imageSrc="http://img.b2bpic.net/free-photo/modern-luxury-interior-living-room_23-2149110196.jpg"
       columns={[
         {
           title: "Company",          items: [
-            {
-              label: "About Us",              href: "/about"},
-            {
-              label: "Insights",              href: "/insights"},
-            {
-              label: "Join Us",              href: "/join"},
+            { label: "About Us", href: "/about" },
+            { label: "Insights", href: "/insights" },
+            { label: "Join Us", href: "/join" },
           ],
         },
         {
           title: "Legal",          items: [
-            {
-              label: "Privacy Policy",              href: "#"},
-            {
-              label: "Cookies",              href: "#"},
-            {
-              label: "Terms",              href: "#"},
+            { label: "Privacy Policy", href: "#" },
+            { label: "Cookies", href: "#" },
+            { label: "Terms", href: "#" },
           ],
         },
         {
           title: "Connect",          items: [
-            {
-              label: "Twitter",              href: "#"},
-            {
-              label: "LinkedIn",              href: "#"},
-            {
-              label: "Instagram",              href: "#"},
+            { label: "Twitter", href: "#" },
+            { label: "LinkedIn", href: "#" },
+            { label: "Instagram", href: "#" },
           ],
         },
       ]}
-      logoText="RELEVATE"
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}