Merge version_4 into main

Merge version_4 into main

src/app/page.tsx

@@ -3,16 +3,16 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import BlogCardOne from '@/components/sections/blog/BlogCardOne';
-import ContactText from '@/components/sections/contact/ContactText';
+import ContactCTA from '@/components/sections/contact/ContactCTA';
 import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
-import FooterCard from '@/components/sections/footer/FooterCard';
+import FooterBase from '@/components/sections/footer/FooterBase';
 import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
 import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
 import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
 import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
 import TeamCardOne from '@/components/sections/team/TeamCardOne';
-import { Award, BarChart, Crown, Facebook, Film, Flame, Gauge, HelpCircle, Instagram, Link, Newspaper, Rocket, Shield, Sparkles, Star, Trophy, Twitter, Zap } from "lucide-react";
+import { Award, BarChart, Crown, Film, Flame, Gauge, HelpCircle, Link, Newspaper, Rocket, Shield, Sparkles, Star, Trophy, Zap } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -49,7 +49,7 @@ export default function LandingPage() {
       logoAlt="Espérance Sportive de Tunis Logo"
       brandName="EST"
       button={{
-        text: "Join Fan Club",        href: "#contact"}}
+        text: "Join Fan Club",          href: "#contact"}}
       animateOnLoad={true}
     />
   </div>
@@ -107,19 +107,19 @@ export default function LandingPage() {
       avatarText="Over 1 Million Passionate Fans"
       marqueeItems={[
         {
-          type: "text-icon",          text: "League Champions",          icon: Trophy,
+          type: "text-icon",          text: "League Champions",          icon: Trophy
         },
         {
-          type: "text-icon",          text: "Continental Victories",          icon: Crown,
+          type: "text-icon",          text: "Continental Victories",          icon: Crown
         },
         {
-          type: "text-icon",          text: "Unbreakable Spirit",          icon: Sparkles,
+          type: "text-icon",          text: "Unbreakable Spirit",          icon: Sparkles
         },
         {
-          type: "text-icon",          text: "Future of Tunisian Sport",          icon: Rocket,
+          type: "text-icon",          text: "Future of Tunisian Sport",          icon: Rocket
         },
         {
-          type: "text-icon",          text: "EST Always First",          icon: Flame,
+          type: "text-icon",          text: "EST Always First",          icon: Flame
         },
       ]}
       marqueeSpeed={40}
@@ -274,39 +274,53 @@ export default function LandingPage() {
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactText
+      <ContactCTA
       useInvertedBackground={false}
-      background={{
+      title="Engage with EST Community"
-        variant: "radial-gradient"}}
+      description="Whether it's a fan inquiry, partnership opportunity, or feedback, our team is ready to connect and build the future of Espérance together."
-      text="Join the Empire. Connect with Espérance Sportive de Tunis."
+      tag="Connect with Us"
+      tagIcon={Sparkles}
+      tagAnimation="slide-up"
       buttons={[
         {
-          text: "Email Us",          href: "mailto:info@est.com"},
+          text: "Email Us",          href: "mailto:contact@est.com"},
         {
-          text: "Visit Our Store",          href: "#"},
+          text: "Join Our Fan Club",          href: "#"},
       ]}
+      buttonAnimation="slide-up"
+      background={{
+        variant: "radial-gradient"}}
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterCard
+      <FooterBase
       logoSrc="http://img.b2bpic.net/free-vector/autumn-labels-collection_23-2147882334.jpg"
       logoAlt="EST Logo"
       logoText="EST: The Empire of Africa"
-      copyrightText="© 2024 Espérance Sportive de Tunis. All rights reserved."
+      copyrightText="© 2025 | Espérance Sportive de Tunis. All rights reserved."
-      socialLinks={[
+      columns={[
         {
-          icon: Facebook,
+          title: "Discover EST",          items: [
-          href: "https://facebook.com/EST",          ariaLabel: "Facebook"},
+            { label: "Home", href: "#home" },
+            { label: "Legends", href: "#legends" },
+            { label: "Sports Hub", href: "#sports-hub" },
+            { label: "Players", href: "#players" }
+          ]
+        },
         {
-          icon: Twitter,
+          title: "Media & Info",          items: [
-          href: "https://twitter.com/EST",          ariaLabel: "Twitter"},
+            { label: "News", href: "#news" },
+            { label: "Partners", href: "#partners" },
+            { label: "About", href: "#about" }
+          ]
+        },
         {
-          icon: Instagram,
+          title: "Connect",          items: [
-          href: "https://instagram.com/EST",          ariaLabel: "Instagram"},
+            { label: "Contact", href: "#contact" },
-        {
+            { label: "Join Fan Club", href: "#" }
-          icon: Film,
+          ]
-          href: "https://youtube.com/EST",          ariaLabel: "YouTube"},
+        }
       ]}
     />
   </div>

src/app/styles/base.css

@@ -11,7 +11,7 @@ html {
 body {
   background-color: var(--background);
   color: var(--foreground);
-  font-family: var(--font-dm-sans), sans-serif;
+  font-family: var(--font-inter), sans-serif;
   position: relative;
   min-height: 100vh;
   overscroll-behavior: none;

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #0A0A0A;
+  --background: #000000;
-  --card: #1A1A1A;
+  --card: #0c0c0c;
-  --foreground: #F0F0F0;
+  --foreground: #ffffff;
-  --primary-cta: #C8102E;
+  --primary-cta: #cee7ff;
-  --primary-cta-text: #FFFFFF;
+  --primary-cta-text: #000000;
-  --secondary-cta: #FFD700;
+  --secondary-cta: #000000;
-  --secondary-cta-text: #000000;
+  --secondary-cta-text: #ffffff;
-  --accent: #E01B44;
+  --accent: #535353;
-  --background-accent: #5A000D;
+  --background-accent: #CEE7FF;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);