diff --git a/src/app/page.tsx b/src/app/page.tsx
index eed72eb..28faddc 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -48,7 +48,7 @@ export default function LandingPage() {
       buttons={[
         { text: "Get Started", href: "#contact" },
       ]}
-      background={{ variant: "sparkles-gradient" }}
+      background={{ variant: "cell-wave" }}
       imageSrc="http://img.b2bpic.net/free-photo/abstract-geometric-background-with-futuristic-design_1048-5529.jpg?_wi=1"
       imageAlt="NEXUS Automations Hero"
     />
@@ -67,7 +67,7 @@ export default function LandingPage() {
 
   <div id="features" data-section="features">
       <FeatureCardTwentySeven
-      animationType="slide-up"
+      animationType="scale-rotate"
       textboxLayout="split"
       useInvertedBackground={true}
       features={[
@@ -82,7 +82,7 @@ export default function LandingPage() {
 
   <div id="metrics" data-section="metrics">
       <MetricCardOne
-      animationType="slide-up"
+      animationType="depth-3d"
       textboxLayout="default"
       gridVariant="bento-grid"
       useInvertedBackground={false}
@@ -98,7 +98,7 @@ export default function LandingPage() {
 
   <div id="pricing" data-section="pricing">
       <PricingCardNine
-      animationType="slide-up"
+      animationType="blur-reveal"
       textboxLayout="split"
       useInvertedBackground={true}
       plans={[
@@ -125,7 +125,7 @@ export default function LandingPage() {
 
   <div id="testimonials" data-section="testimonials">
       <TestimonialCardTwo
-      animationType="slide-up"
+      animationType="depth-3d"
       textboxLayout="default"
       useInvertedBackground={false}
       testimonials={[
@@ -152,15 +152,17 @@ export default function LandingPage() {
       title="Frequently Asked Questions"
       description="Find quick answers here."
       faqsAnimation="slide-up"
+      animationType="smooth"
     />
   </div>
 
   <div id="contact" data-section="contact">
       <ContactText
       useInvertedBackground={false}
-      background={{ variant: "sparkles-gradient" }}
+      background={{ variant: "cell-wave" }}
       text="Ready to transform your business? Get in touch with our team today."
       buttons={[{ text: "Schedule Consultation" }]}
+      animationType="background-highlight"
     />
   </div>
 
diff --git a/src/app/styles/base.css b/src/app/styles/base.css
index 0435273..34aea07 100644
--- a/src/app/styles/base.css
+++ b/src/app/styles/base.css
@@ -11,7 +11,7 @@ html {
 body {
   background-color: var(--background);
   color: var(--foreground);
-  font-family: var(--font-archivo), sans-serif;
+  font-family: var(--font-inter), sans-serif;
   position: relative;
   min-height: 100vh;
   overscroll-behavior: none;
@@ -24,5 +24,5 @@ h3,
 h4,
 h5,
 h6 {
-  font-family: var(--font-archivo), sans-serif;
+  font-family: var(--font-inter), sans-serif;
 }
diff --git a/src/app/styles/variables.css b/src/app/styles/variables.css
index f94c4da..8dc519c 100644
--- a/src/app/styles/variables.css
+++ b/src/app/styles/variables.css
@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #050012;
-  --card: #1d123b;
-  --foreground: #f0e6ff;
-  --primary-cta: #c89bff;
+  --background: #020617;
+  --card: #0f172a;
+  --foreground: #e2e8f0;
+  --primary-cta: #c4d8f9;
   --primary-cta-text: #050012;
-  --secondary-cta: #040121;
+  --secondary-cta: #041633;
   --secondary-cta-text: #f0e6ff;
-  --accent: #684f7b;
-  --background-accent: #65417c;
+  --accent: #2d30f3;
+  --background-accent: #1d4ed8;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);