diff --git a/src/app/page.tsx b/src/app/page.tsx
index 6d9d837..62d8a55 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -3,10 +3,10 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import { Zap, Shield, Award, Star, Mail, MapPin, Instagram, Twitter, Linkedin } from 'lucide-react';
-import ContactText from '@/components/sections/contact/ContactText';
+import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
 import FaqSplitText from '@/components/sections/faq/FaqSplitText';
 import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
-import FooterMedia from '@/components/sections/footer/FooterMedia';
+import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
 import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
 import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
@@ -150,24 +150,26 @@ export default function LandingPage() {
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactText
-      useInvertedBackground={false}
-      background={{ variant: "sparkles-gradient" }}
-      text="Need assistance? Connect with our support team."
-      buttons={[
-        { text: "support@blackgravity.com", href: "mailto:support@blackgravity.com" },
-        { text: "+1 (555) 012-3456", href: "tel:+15550123456" },
+      <ContactSplitForm
+      title="Get in Touch"
+      description="Reach out to our professional team for partnership opportunities, wholesale inquiries, or custom gear requirements."
+      inputs={[
+        { name: "name", type: "text", placeholder: "Full Name", required: true },
+        { name: "email", type: "email", placeholder: "Email Address", required: true }
       ]}
+      textarea={{ name: "message", placeholder: "Your message for our team...", rows: 4 }}
+      useInvertedBackground={false}
+      imageSrc="http://img.b2bpic.net/free-photo/woman-orange-sports-wear-posing-street_1303-31736.jpg"
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterMedia
-      imageSrc="http://img.b2bpic.net/free-photo/black-background-with-rope_23-2149872563.jpg?_wi=2"
+      <FooterBaseCard
       logoText="BLACK GRAVITY"
       columns={[
-        { title: "Support", items: [{ label: "Contact Us", href: "#contact" }, { label: "Shipping", href: "#" }, { label: "Returns", href: "#" }] },
-        { title: "Socials", items: [{ label: "Instagram", href: "#" }, { label: "Twitter", href: "#" }, { label: "LinkedIn", href: "#" }] },
+        { title: "Support", items: [{ label: "FAQ", href: "#faq" }, { label: "Shipping", href: "#" }, { label: "Returns", href: "#" }] },
+        { title: "Brand", items: [{ label: "About Us", href: "#" }, { label: "Careers", href: "#" }, { label: "Press", href: "#" }] },
+        { title: "Socials", items: [{ label: "Instagram", href: "#" }, { label: "Twitter", href: "#" }, { label: "LinkedIn", href: "#" }] }
       ]}
       copyrightText="© 2025 | Black Gravity Performance Wear"
     />
diff --git a/src/app/styles/variables.css b/src/app/styles/variables.css
index 018e8e2..0a2aef4 100644
--- a/src/app/styles/variables.css
+++ b/src/app/styles/variables.css
@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #000000;
-  --card: #0c0c0c;
+  --background: #0a0a0a;
+  --card: #121212;
   --foreground: #ffffff;
-  --primary-cta: #106EFB;
+  --primary-cta: #ffffff;
   --primary-cta-text: #ffffff;
-  --secondary-cta: #000000;
+  --secondary-cta: #1a1a1a;
   --secondary-cta-text: #ffffff;
-  --accent: #535353;
-  --background-accent: #106EFB;
+  --accent: #333333;
+  --background-accent: #1a1a1a;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);