Update src/app/page.tsx

Merge version_1 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 ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
 import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
-import FooterCard from '@/components/sections/footer/FooterCard';
+import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
 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 (
@@ -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,43 +274,39 @@ export default function LandingPage() {
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactText
+      <ContactSplitForm
       useInvertedBackground={false}
-      background={{
+      title="Get in Touch with EST"
-        variant: "radial-gradient"}}
+      description="Reach out to us for fan inquiries, partnership opportunities, or general feedback. We're here to connect!"
-      text="Join the Empire. Connect with Espérance Sportive de Tunis."
+      inputs={[
-      buttons={[
         {
-          text: "Email Us",          href: "mailto:info@est.com"},
+          name: "name",          type: "text",          placeholder: "Your Name",          required: true},
         {
-          text: "Visit Our Store",          href: "#"},
+          name: "email",          type: "email",          placeholder: "Your Email",          required: true}
       ]}
+      textarea={{
+        name: "message",        placeholder: "Your Message",        rows: 4,
+        required: true}}
+      buttonText="Send Message"
+      onSubmit={(data) => console.log(data)}
+      imageSrc="http://img.b2bpic.net/free-photo/football-player-jumping-with-ball_23-2149509428.jpg"
+      imageAlt="Football player making a jump kick"
+      mediaPosition="right"
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterCard
+      <FooterLogoReveal
       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."
+      leftLink={{
-      socialLinks={[
+        text: "Home",        href: "#home"}}
-        {
+      rightLink={{
-          icon: Facebook,
+        text: "News",        href: "#news"}}
-          href: "https://facebook.com/EST",          ariaLabel: "Facebook"},
-        {
-          icon: Twitter,
-          href: "https://twitter.com/EST",          ariaLabel: "Twitter"},
-        {
-          icon: Instagram,
-          href: "https://instagram.com/EST",          ariaLabel: "Instagram"},
-        {
-          icon: Film,
-          href: "https://youtube.com/EST",          ariaLabel: "YouTube"},
-      ]}
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}