Update src/app/dashboard/page.tsx

Update src/app/styles/variables.css
Update src/app/styles/base.css
2026-03-02 23:19:57 +00:00 · 2026-03-02 23:18:32 +00:00 · 2026-03-02 23:18:32 +00:00 · 2026-03-02 23:18:32 +00:00 · 2026-03-02 23:18:31 +00:00 · 2026-03-02 23:18:31 +00:00
5 changed files with 38 additions and 39 deletions
--- a/src/app/dashboard/page.tsx
+++ b/src/app/dashboard/page.tsx
@@ -6,13 +6,13 @@ 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}>>([
-    { id: "1", name: "Calculus I - Chapter 3.pdf", status: "ready", audioUrl: "/audio/calculus-3.mp3" },
+  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}>>([
-    { id: "m1", title: "Physics Fundamentals", creator: "Prof. James Chen", subject: "Physics", downloads: 1250 },
+  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 },
    { id: "m4", title: "Literature Analysis", creator: "Dr. Kwesi Mensah", subject: "Literature", downloads: 456 },
@@ -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
--- 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}
--- 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>
--- 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;
 }
--- 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);
Author	SHA1	Message	Date
bender	d21771702c	Update src/app/dashboard/page.tsx	2026-03-02 23:19:57 +00:00
bender	5dd9508e2b	Update src/app/styles/variables.css	2026-03-02 23:18:32 +00:00
bender	64c48b3e03	Update src/app/styles/base.css	2026-03-02 23:18:32 +00:00
bender	04f3dfe8f1	Update src/app/page.tsx	2026-03-02 23:18:32 +00:00
bender	bfd7e4bda9	Update src/app/layout.tsx	2026-03-02 23:18:31 +00:00
bender	3e90517e52	Update src/app/dashboard/page.tsx	2026-03-02 23:18:31 +00:00
bender	22d5db9fa2	Merge version_4 into main Merge version_4 into main	2026-03-02 23:13:06 +00:00