Update src/app/page.tsx

Merge version_2 into main

src/app/page.tsx

@@ -2,10 +2,10 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
+import ContactCenter from '@/components/sections/contact/ContactCenter';
 import FaqBase from '@/components/sections/faq/FaqBase';
 import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
-import FooterSimple from '@/components/sections/footer/FooterSimple';
+import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
 import HeroOverlayTestimonial from '@/components/sections/hero/HeroOverlayTestimonial';
 import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
 import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
@@ -152,26 +152,24 @@ export default function LandingPage() {
         </div>
 
         <div id="contact" data-section="contact">
-          <ContactSplitForm
+          <ContactCenter
-            useInvertedBackground={false}
+            tag="Get In Touch"
             title="Ready to Get Started?"
-            description="Send us a message and our support team will get back to you within 24 hours."
+            description="Join the elite community of sports bettors today. Enter your email to receive early access and updates."
-            inputs={[
+            onSubmit={(email) => console.log(email)}
-              { name: "name", type: "text", placeholder: "Your Name" },
+            useInvertedBackground={false}
-              { name: "email", type: "email", placeholder: "Your Email" },
+            background={{ variant: "plain" }}
-            ]}
-            imageSrc="http://img.b2bpic.net/free-photo/call-center-onboarding-specialist-tutoring-intern-how-use-csm-system_482257-117972.jpg"
           />
         </div>
 
         <div id="footer" data-section="footer">
-          <FooterSimple
+          <FooterLogoEmphasis
+            logoText="PickTrack"
             columns={[
-              { title: "Platform", items: [{ label: "Features", href: "#features" }, { label: "Performance", href: "#metrics" }] },
+              { items: [{ label: "Features", href: "#features" }, { label: "Performance", href: "#metrics" }] },
-              { title: "Support", items: [{ label: "FAQ", href: "#faq" }, { label: "Contact", href: "#contact" }] },
+              { items: [{ label: "FAQ", href: "#faq" }, { label: "Contact", href: "#contact" }] },
+              { items: [{ label: "Privacy Policy" }, { label: "Terms of Service" }] }
             ]}
-            bottomLeftText="© 2024 PickTrack Inc."
-            bottomRightText="Privacy Policy | Terms of Service"
           />
         </div>
       </ReactLenis>