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';
@@ -97,6 +97,7 @@ export default function LandingPage() {
             animationType="slide-up"
             textboxLayout="default"
             useInvertedBackground={true}
+            buttons={[{ text: "Start Tracking Now", href: "#contact" }]}
             metrics={[
               { id: "m1", value: "95%", title: "Predictive Success", description: "Overall winning accuracy.", imageSrc: "http://img.b2bpic.net/free-photo/man-trading-browsing-online-stock-investments-night_169016-48803.jpg" },
               { id: "m2", value: "120+", title: "Monthly Picks", description: "Total volume of picks tracked.", imageSrc: "http://img.b2bpic.net/free-photo/sports-event-postponed-arrangement_23-2148596836.jpg" },
@@ -151,26 +152,24 @@ export default function LandingPage() {
         </div>
 
         <div id="contact" data-section="contact">
-          <ContactSplitForm
-            useInvertedBackground={false}
+          <ContactCenter
+            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."
-            inputs={[
-              { name: "name", type: "text", placeholder: "Your Name" },
-              { name: "email", type: "email", placeholder: "Your Email" },
-            ]}
-            imageSrc="http://img.b2bpic.net/free-photo/call-center-onboarding-specialist-tutoring-intern-how-use-csm-system_482257-117972.jpg"
+            description="Join the elite community of sports bettors today. Enter your email to receive early access and updates."
+            onSubmit={(email) => console.log(email)}
+            useInvertedBackground={false}
+            background={{ variant: "plain" }}
           />
         </div>
 
         <div id="footer" data-section="footer">
-          <FooterSimple
+          <FooterLogoEmphasis
+            logoText="PickTrack"
             columns={[
-              { title: "Platform", items: [{ label: "Features", href: "#features" }, { label: "Performance", href: "#metrics" }] },
-              { title: "Support", items: [{ label: "FAQ", href: "#faq" }, { label: "Contact", href: "#contact" }] },
+              { items: [{ label: "Features", href: "#features" }, { label: "Performance", href: "#metrics" }] },
+              { 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>