Update src/app/styles/variables.css

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 ContactSplit from '@/components/sections/contact/ContactSplit';
+import ContactText from '@/components/sections/contact/ContactText';
 import FaqDouble from '@/components/sections/faq/FaqDouble';
 import FeatureCardTwentyNine from '@/components/sections/feature/featureCardTwentyNine/FeatureCardTwentyNine';
-import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
+import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
 import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
 import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
@@ -161,47 +161,44 @@ export default function LandingPage() {
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactSplit
-      useInvertedBackground={false}
-      background={{ variant: "plain" }}
-      tag="Get In Touch"
-      title="Lock In Your Ride"
-      description="Give us a call at (832) 752-9062 or drop your email below to get updates on our latest inventory and service offers."
-      imageSrc="http://img.b2bpic.net/free-photo/close-up-young-male-technician-examining-computer-part_23-2147922303.jpg"
-      buttonText="Subscribe"
-      mediaAnimation="slide-up"
+      <ContactText
+      text="Ready to ride? Get in touch with our team today and let's get you on the perfect machine."
+      background={{ variant: "sparkles-gradient" }}
+      useInvertedBackground={true}
+      buttons={[
+          { text: "Call (832) 752-9062", href: "tel:8327529062" },
+          { text: "Contact Us", href: "mailto:support@throttletheory.com" }
+      ]}
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterBaseReveal
+      <FooterLogoEmphasis
       logoText="Throttle Theory Powersports"
       columns={[
         {
-          title: "Inventory",          items: [
+          items: [
             { label: "E-Bikes", href: "#products" },
             { label: "Go-Karts", href: "#products" },
             { label: "ATVs", href: "#products" },
           ],
         },
         {
-          title: "Services",          items: [
+          items: [
             { label: "Tune-Ups", href: "#features" },
             { label: "Maintenance", href: "#features" },
-            { label: "Support", href: "#contact" },
           ],
         },
         {
-          title: "Connect",          items: [
+          items: [
             { label: "Call Us", href: "tel:8327529062" },
             { label: "Location", href: "#contact" },
           ],
         },
       ]}
-      copyrightText="© 2026 Throttle Theory Powersports. All rights reserved."
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

@@ -10,14 +10,14 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #000000;
-  --card: #0c0c0c;
-  --foreground: #ffffff;
+  --background: #ffffff;
+  --card: #f9f9f9;
+  --foreground: #000612e6;
   --primary-cta: #106EFB;
   --primary-cta-text: #ffffff;
-  --secondary-cta: #000000;
+  --secondary-cta: #f9f9f9;
   --secondary-cta-text: #ffffff;
-  --accent: #535353;
+  --accent: #e2e2e2;
   --background-accent: #106EFB;
 
   /* text sizing - set by ThemeProvider */