Update src/app/page.tsx

Merge version_2 into main

src/app/page.tsx

@@ -2,16 +2,17 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactCenter from '@/components/sections/contact/ContactCenter';
+import ContactSplit from '@/components/sections/contact/ContactSplit';
 import FaqSplitText from '@/components/sections/faq/FaqSplitText';
 import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
-import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
+import FooterCard from '@/components/sections/footer/FooterCard';
 import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
 import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
 import ProductCardOne from '@/components/sections/product/ProductCardOne';
 import SplitAbout from '@/components/sections/about/SplitAbout';
 import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
+import { Github, Twitter, Linkedin } from 'lucide-react';
 
 export default function LandingPage() {
   return (
@@ -154,22 +155,23 @@ export default function LandingPage() {
         </div>
 
         <div id="contact" data-section="contact">
-          <ContactCenter
+          <ContactSplit
             tag="Contact"
             title="Ready to launch your vision?"
             description="Start building today with Webild."
             background={{ variant: "sparkles-gradient" }}
             useInvertedBackground={true}
+            imageSrc="http://img.b2bpic.net/free-photo/abstract-dark-cube-structure_23-2149575975.jpg"
           />
         </div>
 
         <div id="footer" data-section="footer">
-          <FooterBaseCard
+          <FooterCard
             logoText="Webild"
-            columns={[
-              { title: "Product", items: [{ label: "How It Works", href: "#" }, { label: "Features", href: "#features" }, { label: "Templates", href: "#templates" }] },
-              { title: "Company", items: [{ label: "Pricing", href: "#" }, { label: "Support", href: "#" }, { label: "Docs", href: "#" }] },
-              { title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }, { label: "Cookie Policy", href: "#" }] }
+            socialLinks={[
+              { icon: Github, href: "#", ariaLabel: "Github" },
+              { icon: Twitter, href: "#", ariaLabel: "Twitter" },
+              { icon: Linkedin, href: "#", ariaLabel: "LinkedIn" }
             ]}
           />
         </div>