diff --git a/src/app/page.tsx b/src/app/page.tsx
index 79e8300..da4ae0e 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -3,7 +3,7 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import ContactCenter from '@/components/sections/contact/ContactCenter';
-import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
+import FooterBase from '@/components/sections/footer/FooterBase';
 import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
 import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
@@ -18,10 +18,10 @@ export default function LandingPage() {
         borderRadius="soft"
         contentWidth="smallMedium"
         sizing="largeSmallSizeLargeTitles"
-        background="aurora"
-        cardStyle="inset"
-        primaryButtonStyle="diagonal-gradient"
-        secondaryButtonStyle="radial-glow"
+        background="noise"
+        cardStyle="glass-elevated"
+        primaryButtonStyle="primary-glow"
+        secondaryButtonStyle="glass"
         headingFontWeight="medium"
     >
       <ReactLenis root>
@@ -173,7 +173,7 @@ export default function LandingPage() {
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterBaseCard
+      <FooterBase
       logoText="JAMMIN ZONE"
       columns={[
         {
@@ -206,4 +206,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file
diff --git a/src/app/styles/variables.css b/src/app/styles/variables.css
index 7d38a9b..01fb1df 100644
--- a/src/app/styles/variables.css
+++ b/src/app/styles/variables.css
@@ -11,7 +11,7 @@
   --background-accent: #ffffff; */
 
   --background: #000000;
-  --card: #0a0a0a;
+  --card: #0c0c0c;
   --foreground: #ffffff;
   --primary-cta: #7c3aed;
   --primary-cta-text: #ffffff;