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 ContactCenter from '@/components/sections/contact/ContactCenter';
+import ContactSplit from '@/components/sections/contact/ContactSplit';
 import FeatureBento from '@/components/sections/feature/FeatureBento';
-import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
+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 TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
+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 (
@@ -31,27 +31,21 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarLayoutFloatingInline
       navItems={[
-        {
+        { name: "Home", id: "#hero" },
-          name: "Home",          id: "#hero"},
+        { name: "About", id: "#about" },
-        {
+        { name: "Services", id: "#features" },
-          name: "About",          id: "#about"},
+        { name: "Cities", id: "#cities" },
-        {
+        { name: "Partners", id: "#partners" },
-          name: "Services",          id: "#features"},
-        {
-          name: "Cities",          id: "#cities"},
-        {
-          name: "Partners",          id: "#partners"},
       ]}
       brandName="SAVAD"
       button={{
-        text: "Get Started",        href: "#contact"}}
+        text: "Get Started", href: "#contact" }}
     />
   </div>
 
   <div id="hero" data-section="hero">
       <HeroSplitDoubleCarousel
-      background={{
+      background={{ variant: "gradient-bars" }}
-        variant: "gradient-bars"}}
       title="The Student Super App for Belgium"
       description="Savad.eu helps international students navigate Belgian life — from housing and banking to transport and social life. Everything you need, in one place, in your language."
       leftCarouselItems={[
@@ -68,10 +62,7 @@ export default function LandingPage() {
         { imageSrc: "http://img.b2bpic.net/free-photo/abstract-3d-creation-made-from-geometric-shapes_23-2150829321.jpg", imageAlt: "abstract 3d unification of services" },
         { imageSrc: "http://img.b2bpic.net/free-photo/male-student-with-disability-makes-exam-preparations-university-library_482257-126459.jpg", imageAlt: "connected campus tech aesthetic" },
       ]}
-      buttons={[
+      buttons={[{ text: "Get Started", href: "#contact" }]}
-        {
-          text: "Get Started",          href: "#contact"},
-      ]}
       carouselPosition="right"
       avatars={[
         { src: "http://img.b2bpic.net/free-photo/young-student-man_1194-2288.jpg", alt: "young student man" },
@@ -142,68 +133,50 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       names={[
-        "VUB",        "ULB",        "KU Leuven",        "UGent",        "UAntwerpen"]}
+        "VUB", "ULB", "KU Leuven", "UGent", "UAntwerpen"
+      ]}
       title="Trusted by Institutions"
-      description="Building connections with Belgium's leading universities and international communities."
+      description="We partner with Belgium's top universities to bring verified resources directly to international students."
     />
   </div>
 
   <div id="testimonial" data-section="testimonial">
-      <TestimonialCardTwelve
+      <TestimonialCardFive
+      title="What Students Say"
+      description="Real experiences from international students navigating their journey in Belgium."
+      textboxLayout="default"
       useInvertedBackground={true}
       testimonials={[
-        { id: "1", name: "Aghasalim", imageSrc: "http://img.b2bpic.net/free-photo/group-friends-planning-trip-cafe_23-2148952344.jpg" },
+        { id: "1", name: "Aghasalim", date: "2025", title: "International Student", quote: "Savad made everything so much easier when I first arrived in Brussels. Housing was sorted in days!", tag: "Housing", avatarSrc: "http://img.b2bpic.net/free-photo/group-friends-planning-trip-cafe_23-2148952344.jpg" },
-        { id: "2", name: "Ayhan", imageSrc: "http://img.b2bpic.net/free-photo/authentic-book-club-scene_23-2150104621.jpg" },
+        { id: "2", name: "Ayhan", date: "2025", title: "Exchanged Student", quote: "The transport guides were a lifesaver. I saved so much time and stress navigating the city.", tag: "Transport", avatarSrc: "http://img.b2bpic.net/free-photo/authentic-book-club-scene_23-2150104621.jpg" },
-        { id: "3", name: "Maria", imageSrc: "http://img.b2bpic.net/free-photo/woman-showing-her-colleagues-documents_23-2149330964.jpg" },
+        { id: "3", name: "Maria", date: "2025", title: "Masters Student", quote: "Banking in Belgium was a mystery until I used Savad. The step-by-step guidance is excellent.", tag: "Banking", avatarSrc: "http://img.b2bpic.net/free-photo/woman-showing-her-colleagues-documents_23-2149330964.jpg" },
-        { id: "4", name: "John", imageSrc: "http://img.b2bpic.net/free-photo/people-working-together-animation-studio_23-2149207991.jpg" },
-        { id: "5", name: "Elena", imageSrc: "http://img.b2bpic.net/free-photo/view-modern-futuristic-work-space-with-furniture_23-2151797710.jpg" },
       ]}
-      cardTitle="What Students Say"
+      tagAnimation="blur-reveal"
-      cardTag="Testimonials"
-      cardAnimation="blur-reveal"
     />
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactCenter
+      <ContactSplit
-      useInvertedBackground={false}
+      tag="Contact Us"
-      background={{
-        variant: "sparkles-gradient"}}
-      tag="Get in touch"
       title="Ready to Make Belgium Feel Like Home?"
-      description="Whether you're a student arriving in Belgium or a local business wanting to reach the student community — we'd love to hear from you."
+      description="Join the Savad community today for exclusive student benefits and personalized guidance."
+      background={{ variant: "sparkles-gradient" }}
+      useInvertedBackground={false}
+      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">
-      <FooterBaseCard
+      <FooterLogoEmphasis
       logoText="SAVAD"
       columns={[
-        {
+        { items: [{ label: "About Us", href: "#about" }, { label: "Founders" }, { label: "Roadmap" }] },
-          title: "Platform",          items: [
+        { items: [{ label: "Housing", href: "#features" }, { label: "Banking", href: "#features" }, { label: "Transport", href: "#features" }] },
-            { label: "About Us", href: "#about" },
+        { items: [{ label: "For Businesses", href: "#contact" }, { label: "For Universities", href: "#contact" }] },
-            { label: "Founders", href: "#" },
-            { label: "Roadmap", href: "#" },
-          ],
-        },
-        {
-          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" },
-          ],
-        },
       ]}
-      copyrightText="© 2026 Savad.eu. All rights reserved."
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #000000;
+  --background: #f5f4f0;
-  --card: #0c0c0c;
+  --card: #ffffff;
-  --foreground: #ffffff;
+  --foreground: #1a1a1a;
-  --primary-cta: #cee7ff;
+  --primary-cta: #2c2c2c;
-  --primary-cta-text: #000000;
+  --primary-cta-text: #f5f4f0;
-  --secondary-cta: #000000;
+  --secondary-cta: #f5f4f0;
-  --secondary-cta-text: #ffffff;
+  --secondary-cta-text: #1a1a1a;
-  --accent: #535353;
+  --accent: #8a8a8a;
-  --background-accent: #CEE7FF;
+  --background-accent: #e8e6e1;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);