diff --git a/src/app/page.tsx b/src/app/page.tsx
index 294d587..eed72eb 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -5,7 +5,7 @@ import ReactLenis from "lenis/react";
 import ContactText from '@/components/sections/contact/ContactText';
 import FaqBase from '@/components/sections/faq/FaqBase';
 import FeatureCardTwentySeven from '@/components/sections/feature/FeatureCardTwentySeven';
-import FooterCard from '@/components/sections/footer/FooterCard';
+import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
 import HeroBillboard from '@/components/sections/hero/HeroBillboard';
 import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
 import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
@@ -165,9 +165,13 @@ export default function LandingPage() {
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterCard
+      <FooterBaseCard
       logoText="NEXUS"
       copyrightText="© 2025 NEXUS Automations"
+      columns={[
+          { title: "Solutions", items: [{ label: "Automation", href: "#" }, { label: "AI Integration", href: "#" }] },
+          { title: "Company", items: [{ label: "About", href: "#about" }, { label: "Careers", href: "#" }] }
+      ]}
     />
   </div>
       </ReactLenis>
diff --git a/src/app/styles/variables.css b/src/app/styles/variables.css
index 76c7cc4..f94c4da 100644
--- a/src/app/styles/variables.css
+++ b/src/app/styles/variables.css
@@ -11,11 +11,11 @@
   --background-accent: #ffffff; */
 
   --background: #050012;
-  --card: #040121;
+  --card: #1d123b;
   --foreground: #f0e6ff;
   --primary-cta: #c89bff;
   --primary-cta-text: #050012;
-  --secondary-cta: #1d123b;
+  --secondary-cta: #040121;
   --secondary-cta-text: #f0e6ff;
   --accent: #684f7b;
   --background-accent: #65417c;