Update theme colors

Merge version_3 into main

src/app/page.tsx

@@ -2,16 +2,16 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactText from '@/components/sections/contact/ContactText';
+import ContactSplit from '@/components/sections/contact/ContactSplit';
 import FeatureBento from '@/components/sections/feature/FeatureBento';
-import FooterSimple from '@/components/sections/footer/FooterSimple';
+import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
 import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
 import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
 import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
 import SplitAbout from '@/components/sections/about/SplitAbout';
 import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
-import { Briefcase, Car, Globe, Home, MapPin, Smartphone, Wallet } from "lucide-react";
+import { Briefcase, Car, Globe, Home, MapPin, Smartphone, Wallet, Mail } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -156,23 +156,24 @@ export default function LandingPage() {
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactText
-      text="Ready to Make Belgium Feel Like Home? Join the Savad community today for exclusive student benefits and personalized guidance."
+      <ContactSplit
+      tag="Contact Us"
+      title="Ready to Make Belgium Feel Like Home?"
+      description="Join the Savad community today for exclusive student benefits and personalized guidance."
       background={{ variant: "sparkles-gradient" }}
       useInvertedBackground={false}
-      buttons={[{ text: "Get Started" }]}
+      imageSrc="http://img.b2bpic.net/free-photo/happy-student-with-backpack-talking-on-the-phone_1150-13165.jpg"
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterSimple
+      <FooterLogoEmphasis
+      logoText="SAVAD"
       columns={[
-        { title: "Platform", items: [{ label: "About Us", href: "#about" }, { label: "Founders" }, { label: "Roadmap" }] },
-        { title: "Services", items: [{ label: "Housing", href: "#features" }, { label: "Banking", href: "#features" }, { label: "Transport", href: "#features" }] },
-        { title: "Partners", items: [{ label: "For Businesses", href: "#contact" }, { label: "For Universities", href: "#contact" }] },
+        { items: [{ label: "About Us", href: "#about" }, { label: "Founders" }, { label: "Roadmap" }] },
+        { items: [{ label: "Housing", href: "#features" }, { label: "Banking", href: "#features" }, { label: "Transport", href: "#features" }] },
+        { items: [{ label: "For Businesses", href: "#contact" }, { label: "For Universities", href: "#contact" }] },
       ]}
-      bottomLeftText="© 2026 Savad.eu. All rights reserved."
-      bottomRightText="Empowering International Students in Belgium"
     />
   </div>
       </ReactLenis>