diff --git a/src/app/globals.css b/src/app/globals.css
index 50921e8..eab49f7 100644
--- a/src/app/globals.css
+++ b/src/app/globals.css
@@ -7,9 +7,9 @@
   --background: #fafafa;;
   --card: #f4f4f5;;
   --foreground: #27272a;;
-  --primary-cta: #3f3f46;;
+  --primary-cta: #facc15;;
   --secondary-cta: #ffffff;;
-  --accent: #facc15;;
+  --accent: #3f3f46;;
   --background-accent: #eab308;;
 
   /* text sizing - set by ThemeProvider */
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 0b822c8..3d930f3 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -1,4 +1,4 @@
-"use client"
+"use client";
 
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
 import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
@@ -16,16 +16,16 @@ import { Zap, Gauge, Award, ThumbsUp } from "lucide-react";
 export default function LandingPage() {
   return (
     <ThemeProvider
-      defaultButtonVariant="text-shift"
-      defaultTextAnimation="background-highlight"
-      borderRadius="sharp"
-      contentWidth="smallMedium"
-      sizing="largeSizeMediumTitles"
-      background="noiseGradient"
-      cardStyle="spotlight"
-      primaryButtonStyle="radial-glow"
+      defaultButtonVariant="hover-magnetic"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="rounded"
+      contentWidth="medium"
+      sizing="mediumLarge"
+      background="aurora"
+      cardStyle="glass-elevated"
+      primaryButtonStyle="gradient"
       secondaryButtonStyle="glass"
-      headingFontWeight="normal"
+      headingFontWeight="semibold"
     >
       <div id="nav" data-section="nav">
         <NavbarStyleApple