diff --git a/src/app/dashboard/page.tsx b/src/app/dashboard/page.tsx
index d346134..649c90e 100644
--- a/src/app/dashboard/page.tsx
+++ b/src/app/dashboard/page.tsx
@@ -6,12 +6,12 @@ import { useState } from "react";
 import { Upload, Music, BookOpen, Download, Play, Plus } from "lucide-react";
 
 export default function DashboardPage() {
-  const [uploadedFiles, setUploadedFiles] = useState<Array<{id: string; name: string; status: 'processing' | 'ready'; audioUrl?: string}>>([
+  const [uploadedFiles, setUploadedFiles] = useState<Array<{id: string; name: string; status: 'processing' | 'ready'; audioUrl?: string}>>([]
     { id: "1", name: "Calculus I - Chapter 3.pdf", status: "ready", audioUrl: "/audio/calculus-3.mp3" },
     { id: "2", name: "Biology Notes - Photosynthesis.docx", status: "processing" },
   ]);
 
-  const [materials, setMaterials] = useState<Array<{id: string; title: string; creator: string; subject: string; downloads: number}>>([
+  const [materials, setMaterials] = useState<Array<{id: string; title: string; creator: string; subject: string; downloads: number}>>([]
     { id: "m1", title: "Physics Fundamentals", creator: "Prof. James Chen", subject: "Physics", downloads: 1250 },
     { id: "m2", title: "History of Africa", creator: "Dr. Amara Okonkwo", subject: "History", downloads: 892 },
     { id: "m3", title: "Advanced Chemistry", creator: "Prof. Sarah Kipchoge", subject: "Chemistry", downloads: 654 },
@@ -33,16 +33,16 @@ export default function DashboardPage() {
 
   return (
     <ThemeProvider
-      defaultButtonVariant="hover-bubble"
-      defaultTextAnimation="reveal-blur"
-      borderRadius="soft"
-      contentWidth="compact"
-      sizing="mediumLargeSizeMediumTitles"
-      background="noise"
-      cardStyle="gradient-radial"
-      primaryButtonStyle="primary-glow"
-      secondaryButtonStyle="layered"
-      headingFontWeight="semibold"
+      defaultButtonVariant="hover-magnetic"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="rounded"
+      contentWidth="medium"
+      sizing="large"
+      background="aurora"
+      cardStyle="glass-depth"
+      primaryButtonStyle="gradient"
+      secondaryButtonStyle="glass"
+      headingFontWeight="bold"
     >
       <div id="nav" data-section="nav">
         <NavbarStyleCentered
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index a111c28..e3f832e 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -1,12 +1,11 @@
 import type { Metadata } from "next";
-import { Poppins } from "next/font/google";
+import { Inter } from "next/font/google";
 import "./globals.css";
 import { ServiceWrapper } from "@/components/ServiceWrapper";
 import Tag from "@/tag/Tag";
 
-const poppins = Poppins({
-  variable: "--font-poppins",  subsets: ["latin"],
-  weight: ["100", "200", "300", "400", "500", "600", "700", "800", "900"],
+const inter = Inter({
+  variable: "--font-inter",  subsets: ["latin"],
 });
 
 export const metadata: Metadata = {
@@ -27,7 +26,7 @@ export default function RootLayout({
     <html lang="en" suppressHydrationWarning>
       <ServiceWrapper>
         <body
-          className={`${poppins.variable} antialiased`}
+          className={`${inter.variable} antialiased`}
         >
           <Tag />
           {children}
diff --git a/src/app/page.tsx b/src/app/page.tsx
index e3959e7..edc5458 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -14,16 +14,16 @@ import { Zap, Smartphone, Brain, BarChart3, Wifi, Headphones, Sparkles } from "l
 export default function LandingPage() {
   return (
     <ThemeProvider
-      defaultButtonVariant="hover-bubble"
-      defaultTextAnimation="reveal-blur"
-      borderRadius="soft"
-      contentWidth="compact"
-      sizing="mediumLargeSizeMediumTitles"
-      background="noise"
-      cardStyle="gradient-radial"
-      primaryButtonStyle="primary-glow"
-      secondaryButtonStyle="layered"
-      headingFontWeight="semibold"
+      defaultButtonVariant="hover-magnetic"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="rounded"
+      contentWidth="medium"
+      sizing="large"
+      background="aurora"
+      cardStyle="glass-depth"
+      primaryButtonStyle="gradient"
+      secondaryButtonStyle="glass"
+      headingFontWeight="bold"
     >
       <div id="nav" data-section="nav">
         <NavbarStyleCentered
@@ -59,7 +59,7 @@ export default function LandingPage() {
             { text: "Start Learning Free", href: "contact" },
             { text: "Watch Demo", onClick: undefined },
           ]}
-          background={{ variant: "downward-rays-static" }}
+          background={{ variant: "sparkles-gradient" }}
           buttonAnimation="slide-up"
           ariaLabel="AudioByte hero section"
         />
@@ -231,7 +231,7 @@ export default function LandingPage() {
             { text: "Schedule Demo", href: "contact" },
           ]}
           buttonAnimation="slide-up"
-          background={{ variant: "gradient-bars" }}
+          background={{ variant: "sparkles-gradient" }}
           useInvertedBackground={false}
         />
       </div>
diff --git a/src/app/styles/base.css b/src/app/styles/base.css
index 0f9f89d..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-poppins), 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-poppins), sans-serif;
+  font-family: var(--font-inter), sans-serif;
 }
diff --git a/src/app/styles/variables.css b/src/app/styles/variables.css
index 1b7a615..ec5e01a 100644
--- a/src/app/styles/variables.css
+++ b/src/app/styles/variables.css
@@ -4,21 +4,21 @@
 
   /* --background: #ffffff;;
   --card: #f9f9f9;;
-  --foreground: #120a00e6;;
-  --primary-cta: #FF7B05;;
+  --foreground: #000612e6;;
+  --primary-cta: #15479c;;
   --secondary-cta: #f9f9f9;;
   --accent: #e2e2e2;;
-  --background-accent: #FF7B05;; */
+  --background-accent: #c4c4c4;; */
 
   --background: #ffffff;;
   --card: #f9f9f9;;
-  --foreground: #120a00e6;;
-  --primary-cta: #FF7B05;;
+  --foreground: #000612e6;;
+  --primary-cta: #15479c;;
   --primary-cta-text: #ffffff;;
   --secondary-cta: #f9f9f9;;
   --secondary-cta-text: #0c1929;;
   --accent: #e2e2e2;;
-  --background-accent: #FF7B05;;
+  --background-accent: #c4c4c4;;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
