Compare commits
11 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 4027a6eda6 | |||
| a86c9d611c | |||
| 1fc4df7cfa | |||
| d21771702c | |||
| 9beabc35cd | |||
| 5dd9508e2b | |||
| 64c48b3e03 | |||
| 04f3dfe8f1 | |||
| bfd7e4bda9 | |||
| 3e90517e52 | |||
| 22d5db9fa2 |
@@ -6,13 +6,13 @@ import { useState } from "react";
|
|||||||
import { Upload, Music, BookOpen, Download, Play, Plus } from "lucide-react";
|
import { Upload, Music, BookOpen, Download, Play, Plus } from "lucide-react";
|
||||||
|
|
||||||
export default function DashboardPage() {
|
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: "1", name: "Calculus I - Chapter 3.pdf", status: "ready", audioUrl: "/audio/calculus-3.mp3" },
|
||||||
{ id: "2", name: "Biology Notes - Photosynthesis.docx", status: "processing" },
|
{ 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: "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: "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: "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 },
|
{ id: "m4", title: "Literature Analysis", creator: "Dr. Kwesi Mensah", subject: "Literature", downloads: 456 },
|
||||||
@@ -33,24 +33,24 @@ export default function DashboardPage() {
|
|||||||
|
|
||||||
return (
|
return (
|
||||||
<ThemeProvider
|
<ThemeProvider
|
||||||
defaultButtonVariant="hover-bubble"
|
defaultButtonVariant="hover-magnetic"
|
||||||
defaultTextAnimation="reveal-blur"
|
defaultTextAnimation="entrance-slide"
|
||||||
borderRadius="soft"
|
borderRadius="rounded"
|
||||||
contentWidth="compact"
|
contentWidth="medium"
|
||||||
sizing="mediumLargeSizeMediumTitles"
|
sizing="large"
|
||||||
background="noise"
|
background="aurora"
|
||||||
cardStyle="gradient-radial"
|
cardStyle="glass-depth"
|
||||||
primaryButtonStyle="primary-glow"
|
primaryButtonStyle="gradient"
|
||||||
secondaryButtonStyle="layered"
|
secondaryButtonStyle="glass"
|
||||||
headingFontWeight="semibold"
|
headingFontWeight="bold"
|
||||||
>
|
>
|
||||||
<div id="nav" data-section="nav">
|
<div id="nav" data-section="nav">
|
||||||
<NavbarStyleCentered
|
<NavbarStyleCentered
|
||||||
navItems={[
|
navItems={[
|
||||||
{ name: "Dashboard", id: "dashboard" },
|
{ name: "Features", id: "features" },
|
||||||
{ name: "Materials", id: "materials" },
|
{ name: "How It Works", id: "how-it-works" },
|
||||||
{ name: "My Uploads", id: "uploads" },
|
{ name: "Testimonials", id: "testimonials" },
|
||||||
{ name: "Home", id: "/" },
|
{ name: "Dashboard", id: "/dashboard" },
|
||||||
{ name: "Contact", id: "contact" },
|
{ name: "Contact", id: "contact" },
|
||||||
]}
|
]}
|
||||||
button={{ text: "Start Learning Free", href: "contact" }}
|
button={{ text: "Start Learning Free", href: "contact" }}
|
||||||
|
|||||||
@@ -1,12 +1,11 @@
|
|||||||
import type { Metadata } from "next";
|
import type { Metadata } from "next";
|
||||||
import { Poppins } from "next/font/google";
|
import { Inter } from "next/font/google";
|
||||||
import "./globals.css";
|
import "./globals.css";
|
||||||
import { ServiceWrapper } from "@/components/ServiceWrapper";
|
import { ServiceWrapper } from "@/components/ServiceWrapper";
|
||||||
import Tag from "@/tag/Tag";
|
import Tag from "@/tag/Tag";
|
||||||
|
|
||||||
const poppins = Poppins({
|
const inter = Inter({
|
||||||
variable: "--font-poppins", subsets: ["latin"],
|
variable: "--font-inter", subsets: ["latin"],
|
||||||
weight: ["100", "200", "300", "400", "500", "600", "700", "800", "900"],
|
|
||||||
});
|
});
|
||||||
|
|
||||||
export const metadata: Metadata = {
|
export const metadata: Metadata = {
|
||||||
@@ -27,7 +26,7 @@ export default function RootLayout({
|
|||||||
<html lang="en" suppressHydrationWarning>
|
<html lang="en" suppressHydrationWarning>
|
||||||
<ServiceWrapper>
|
<ServiceWrapper>
|
||||||
<body
|
<body
|
||||||
className={`${poppins.variable} antialiased`}
|
className={`${inter.variable} antialiased`}
|
||||||
>
|
>
|
||||||
<Tag />
|
<Tag />
|
||||||
{children}
|
{children}
|
||||||
|
|||||||
@@ -14,16 +14,16 @@ import { Zap, Smartphone, Brain, BarChart3, Wifi, Headphones, Sparkles } from "l
|
|||||||
export default function LandingPage() {
|
export default function LandingPage() {
|
||||||
return (
|
return (
|
||||||
<ThemeProvider
|
<ThemeProvider
|
||||||
defaultButtonVariant="hover-bubble"
|
defaultButtonVariant="hover-magnetic"
|
||||||
defaultTextAnimation="reveal-blur"
|
defaultTextAnimation="entrance-slide"
|
||||||
borderRadius="soft"
|
borderRadius="rounded"
|
||||||
contentWidth="compact"
|
contentWidth="medium"
|
||||||
sizing="mediumLargeSizeMediumTitles"
|
sizing="large"
|
||||||
background="noise"
|
background="aurora"
|
||||||
cardStyle="gradient-radial"
|
cardStyle="glass-depth"
|
||||||
primaryButtonStyle="primary-glow"
|
primaryButtonStyle="gradient"
|
||||||
secondaryButtonStyle="layered"
|
secondaryButtonStyle="glass"
|
||||||
headingFontWeight="semibold"
|
headingFontWeight="bold"
|
||||||
>
|
>
|
||||||
<div id="nav" data-section="nav">
|
<div id="nav" data-section="nav">
|
||||||
<NavbarStyleCentered
|
<NavbarStyleCentered
|
||||||
@@ -59,7 +59,7 @@ export default function LandingPage() {
|
|||||||
{ text: "Start Learning Free", href: "contact" },
|
{ text: "Start Learning Free", href: "contact" },
|
||||||
{ text: "Watch Demo", onClick: undefined },
|
{ text: "Watch Demo", onClick: undefined },
|
||||||
]}
|
]}
|
||||||
background={{ variant: "downward-rays-static" }}
|
background={{ variant: "sparkles-gradient" }}
|
||||||
buttonAnimation="slide-up"
|
buttonAnimation="slide-up"
|
||||||
ariaLabel="AudioByte hero section"
|
ariaLabel="AudioByte hero section"
|
||||||
/>
|
/>
|
||||||
@@ -231,7 +231,7 @@ export default function LandingPage() {
|
|||||||
{ text: "Schedule Demo", href: "contact" },
|
{ text: "Schedule Demo", href: "contact" },
|
||||||
]}
|
]}
|
||||||
buttonAnimation="slide-up"
|
buttonAnimation="slide-up"
|
||||||
background={{ variant: "gradient-bars" }}
|
background={{ variant: "sparkles-gradient" }}
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@@ -11,7 +11,7 @@ html {
|
|||||||
body {
|
body {
|
||||||
background-color: var(--background);
|
background-color: var(--background);
|
||||||
color: var(--foreground);
|
color: var(--foreground);
|
||||||
font-family: var(--font-poppins), sans-serif;
|
font-family: var(--font-inter), sans-serif;
|
||||||
position: relative;
|
position: relative;
|
||||||
min-height: 100vh;
|
min-height: 100vh;
|
||||||
overscroll-behavior: none;
|
overscroll-behavior: none;
|
||||||
@@ -24,5 +24,5 @@ h3,
|
|||||||
h4,
|
h4,
|
||||||
h5,
|
h5,
|
||||||
h6 {
|
h6 {
|
||||||
font-family: var(--font-poppins), sans-serif;
|
font-family: var(--font-inter), sans-serif;
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -4,21 +4,21 @@
|
|||||||
|
|
||||||
/* --background: #ffffff;;
|
/* --background: #ffffff;;
|
||||||
--card: #f9f9f9;;
|
--card: #f9f9f9;;
|
||||||
--foreground: #120a00e6;;
|
--foreground: #000612e6;;
|
||||||
--primary-cta: #FF7B05;;
|
--primary-cta: #15479c;;
|
||||||
--secondary-cta: #f9f9f9;;
|
--secondary-cta: #f9f9f9;;
|
||||||
--accent: #e2e2e2;;
|
--accent: #e2e2e2;;
|
||||||
--background-accent: #FF7B05;; */
|
--background-accent: #c4c4c4;; */
|
||||||
|
|
||||||
--background: #ffffff;;
|
--background: #ffffff;;
|
||||||
--card: #f9f9f9;;
|
--card: #f9f9f9;;
|
||||||
--foreground: #120a00e6;;
|
--foreground: #000612e6;;
|
||||||
--primary-cta: #FF7B05;;
|
--primary-cta: #15479c;;
|
||||||
--primary-cta-text: #ffffff;;
|
--primary-cta-text: #ffffff;;
|
||||||
--secondary-cta: #f9f9f9;;
|
--secondary-cta: #f9f9f9;;
|
||||||
--secondary-cta-text: #0c1929;;
|
--secondary-cta-text: #0c1929;;
|
||||||
--accent: #e2e2e2;;
|
--accent: #e2e2e2;;
|
||||||
--background-accent: #FF7B05;;
|
--background-accent: #c4c4c4;;
|
||||||
|
|
||||||
/* text sizing - set by ThemeProvider */
|
/* text sizing - set by ThemeProvider */
|
||||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||||
|
|||||||
Reference in New Issue
Block a user