bender/700bd58c-8019-4e19-9b7a-ddfc18bce3ae
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

Compare commits

merge into: bender:version_1
Branches Tags
bender:main bender:version_7 bender:version_6 bender:version_5 bender:version_4 bender:version_3 bender:version_2 bender:version_1
...
pull from: bender:version_3
Branches Tags
bender:main bender:version_7 bender:version_6 bender:version_5 bender:version_4 bender:version_3 bender:version_2 bender:version_1

6 Commits
version_1 ... version_3

Author SHA1 Message Date
bender
93ea5dce7f Update src/app/styles/variables.css 2026-03-02 22:59:28 +00:00
bender
af8f529260 Update src/app/styles/base.css 2026-03-02 22:59:27 +00:00
bender
d320e44fed Update src/app/layout.tsx 2026-03-02 22:59:27 +00:00
bender
fef832b78d Merge version_2 into main 
Merge version_2 into main
 2026-03-02 22:45:24 +00:00
bender
aec51efbf3 Update src/app/page.tsx 2026-03-02 22:45:19 +00:00
bender
cdf802ce96 Update src/app/layout.tsx 2026-03-02 22:45:19 +00:00
4 changed files with 62 additions and 50 deletions
Expand all files Collapse all files

19
src/app/layout.tsx
View File

@@ -1,29 +1,20 @@
import type { Metadata } from "next"; import type { Metadata } from "next";
import { Public_Sans } from "next/font/google";
import { Halant } from "next/font/google";
import { Inter } 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 publicSans = Public_Sans({
variable: "--font-public-sans", subsets: ["latin"],
});
const halant = Halant({
variable: "--font-halant", subsets: ["latin"],
weight: ["300", "400", "500", "600", "700"],
});
const inter = Inter({ const inter = Inter({
variable: "--font-inter", subsets: ["latin"], variable: "--font-inter", subsets: ["latin"],
}); });
export const metadata: Metadata = { export const metadata: Metadata = {
title: "AudioByte | AI Audio Learning for African Students", description: "Transform your lecture notes and PDFs into high-quality audio explanations. Study offline on mobile, prepare for exams smarter, and improve grades with AudioByte.", keywords: "audio learning, exam prep, African students, lecture notes, mobile learning, edtech, study app", openGraph: { title: "AudioByte | AI Audio Learning for African Students", description: "Transform your lecture notes and PDFs into high-quality audio explanations. Study offline on mobile, prepare for exams smarter, and improve grades with AudioByte.", keywords: "audio learning, exam prep, African students, lecture notes, mobile learning, edtech, study app", openGraph: {
title: "AudioByte | Your Notes, Explained Your Way, Anywhere", description: "Convert lecture materials to audio explanations instantly. Study on your mobile, anywhere, anytime.", siteName: "AudioByte", type: "website"}, title: "AudioByte | Your Notes, Explained Your Way, Anywhere", description: "Convert lecture materials to audio explanations instantly. Study on your mobile, anywhere, anytime.", siteName: "AudioByte", type: "website"
},
twitter: { twitter: {
card: "summary_large_image", title: "AudioByte | Smart Audio Learning for Students", description: "Upload PDFs, get instant audio explanations. Perfect for exam prep and on-the-go learning."}, card: "summary_large_image", title: "AudioByte | Smart Audio Learning for Students", description: "Upload PDFs, get instant audio explanations. Perfect for exam prep and on-the-go learning."
},
}; };
export default function RootLayout({ export default function RootLayout({
@@ -35,7 +26,7 @@ export default function RootLayout({
<html lang="en" suppressHydrationWarning> <html lang="en" suppressHydrationWarning>
<ServiceWrapper> <ServiceWrapper>
<body <body
className={`${publicSans.variable} ${halant.variable} ${inter.variable} antialiased`} className={`${inter.variable} antialiased`}
> >
<Tag /> <Tag />
{children} {children}

65
src/app/page.tsx
View File

@@ -46,11 +46,14 @@ export default function LandingPage() {
avatarText="Trusted by 5,000+ African students" avatarText="Trusted by 5,000+ African students"
avatars={[ avatars={[
{ {
src: "http://img.b2bpic.net/free-photo/young-beautiful-african-woman-student-resting-relaxing-sitting-cafe-smiling-drinking-coffee_176420-12467.jpg", alt: "student African portrait university"}, src: "http://img.b2bpic.net/free-photo/young-beautiful-african-woman-student-resting-relaxing-sitting-cafe-smiling-drinking-coffee_176420-12467.jpg", alt: "student African portrait university"
},
{ {
src: "http://img.b2bpic.net/free-photo/portrait-happy-african-american-female-college-student-holding-notebooks-backpack-smiling-standing-yellow-background_1258-54844.jpg", alt: "student African portrait young adult"}, src: "http://img.b2bpic.net/free-photo/portrait-happy-african-american-female-college-student-holding-notebooks-backpack-smiling-standing-yellow-background_1258-54844.jpg", alt: "student African portrait young adult"
},
{ {
src: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2533.jpg", alt: "student African portrait professional"}, src: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2533.jpg", alt: "student African portrait professional"
},
]} ]}
buttons={[ buttons={[
{ text: "Start Learning Free", href: "contact" }, { text: "Start Learning Free", href: "contact" },
@@ -71,22 +74,28 @@ export default function LandingPage() {
features={[ features={[
{ {
icon: Zap, icon: Zap,
title: "Instant Conversion", description: "Upload any document and get high-quality audio explanations in seconds, not hours."}, title: "Instant Conversion", description: "Upload any document and get high-quality audio explanations in seconds, not hours."
},
{ {
icon: Smartphone, icon: Smartphone,
title: "Mobile-First Learning", description: "Study anywhere on your phone. Perfect for commutes, breaks, or exam prep sessions."}, title: "Mobile-First Learning", description: "Study anywhere on your phone. Perfect for commutes, breaks, or exam prep sessions."
},
{ {
icon: Brain, icon: Brain,
title: "Better Retention", description: "Audio explanations engage multiple learning pathways, improving exam performance."}, title: "Better Retention", description: "Audio explanations engage multiple learning pathways, improving exam performance."
},
{ {
icon: BarChart3, icon: BarChart3,
title: "Track Progress", description: "Monitor which materials you've covered and get personalized study recommendations."}, title: "Track Progress", description: "Monitor which materials you've covered and get personalized study recommendations."
},
{ {
icon: Wifi, icon: Wifi,
title: "Offline Access", description: "Download audio files and study without internet access—ideal for areas with limited connectivity."}, title: "Offline Access", description: "Download audio files and study without internet access—ideal for areas with limited connectivity."
},
{ {
icon: Headphones, icon: Headphones,
title: "Natural Voice", description: "AI-powered voices that sound like real lecturers, making learning engaging and authentic."}, title: "Natural Voice", description: "AI-powered voices that sound like real lecturers, making learning engaging and authentic."
},
]} ]}
animationType="slide-up" animationType="slide-up"
textboxLayout="default" textboxLayout="default"
@@ -103,15 +112,18 @@ export default function LandingPage() {
metrics={[ metrics={[
{ {
id: "1", value: "1", title: "Upload Your Materials", items: [ id: "1", value: "1", title: "Upload Your Materials", items: [
"PDFs, lecture notes, slides", "Supports all common formats", "No file size limits"], "PDFs, lecture notes, slides", "Supports all common formats", "No file size limits"
],
}, },
{ {
id: "2", value: "2", title: "AudioByte Transforms", items: [ id: "2", value: "2", title: "AudioByte Transforms", items: [
"AI analyzes and structures content", "Generates natural audio explanations", "Customizes pace and language"], "AI analyzes and structures content", "Generates natural audio explanations", "Customizes pace and language"
],
}, },
{ {
id: "3", value: "3", title: "Listen Anywhere, Anytime", items: [ id: "3", value: "3", title: "Listen Anywhere, Anytime", items: [
"Download to your phone", "Study offline or online", "Review before exams"], "Download to your phone", "Study offline or online", "Review before exams"
],
}, },
]} ]}
animationType="slide-up" animationType="slide-up"
@@ -129,9 +141,11 @@ export default function LandingPage() {
textboxLayout="default" textboxLayout="default"
useInvertedBackground={false} useInvertedBackground={false}
logos={[ logos={[
"http://img.b2bpic.net/free-vector/financial-company-logo_1424-9.jpg", "http://img.b2bpic.net/free-vector/education-logo-template_23-2149492990.jpg", "http://img.b2bpic.net/free-vector/education-logo-open-book-sun-leaves_779267-3541.jpg", "http://img.b2bpic.net/free-vector/elegant-logos-college_23-2147565389.jpg", "http://img.b2bpic.net/free-vector/elegant-logos-college_23-2147565389.jpg", "http://img.b2bpic.net/free-vector/education-logo-template_23-2149492990.jpg", "http://img.b2bpic.net/free-vector/elegant-logos-college_23-2147565389.jpg"]} "http://img.b2bpic.net/free-vector/financial-company-logo_1424-9.jpg", "http://img.b2bpic.net/free-vector/education-logo-template_23-2149492990.jpg", "http://img.b2bpic.net/free-vector/education-logo-open-book-sun-leaves_779267-3541.jpg", "http://img.b2bpic.net/free-vector/elegant-logos-college_23-2147565389.jpg", "http://img.b2bpic.net/free-vector/elegant-logos-college_23-2147565389.jpg", "http://img.b2bpic.net/free-vector/education-logo-template_23-2149492990.jpg", "http://img.b2bpic.net/free-vector/elegant-logos-college_23-2147565389.jpg"
]}
names={[ names={[
"University of Lagos", "Kenyatta University", "University of Dakar", "University of Cape Town", "Makerere University", "Stellenbosch University", "Addis Ababa University"]} "University of Lagos", "Kenyatta University", "University of Dakar", "University of Cape Town", "Makerere University", "Stellenbosch University", "Addis Ababa University"
]}
speed={40} speed={40}
showCard={true} showCard={true}
/> />
@@ -146,15 +160,18 @@ export default function LandingPage() {
metrics={[ metrics={[
{ {
id: "1", value: "5,000+", title: "Active Students", items: [ id: "1", value: "5,000+", title: "Active Students", items: [
"Across 15+ African countries", "Growing community daily", "96% retention rate"], "Across 15+ African countries", "Growing community daily", "96% retention rate"
],
}, },
{ {
id: "2", value: "2.5M+", title: "Minutes Studied", items: [ id: "2", value: "2.5M+", title: "Minutes Studied", items: [
"Monthly learning hours", "Courses covered", "Exam prep sessions"], "Monthly learning hours", "Courses covered", "Exam prep sessions"
],
}, },
{ {
id: "3", value: "89%", title: "Average Grade Improvement", items: [ id: "3", value: "89%", title: "Average Grade Improvement", items: [
"Within first semester", "Verified by universities", "Across all subjects"], "Within first semester", "Verified by universities", "Across all subjects"
],
}, },
]} ]}
animationType="slide-up" animationType="slide-up"
@@ -173,19 +190,23 @@ export default function LandingPage() {
{ {
id: "1", name: "Ama Osei", role: "Engineering Student", company: "University of Ghana", rating: 5, id: "1", name: "Ama Osei", role: "Engineering Student", company: "University of Ghana", rating: 5,
imageSrc: imageSrc:
"http://img.b2bpic.net/free-photo/young-beautiful-african-woman-student-resting-relaxing-sitting-cafe-smiling-drinking-coffee_176420-12467.jpg", imageAlt: "Ama Osei"}, "http://img.b2bpic.net/free-photo/young-beautiful-african-woman-student-resting-relaxing-sitting-cafe-smiling-drinking-coffee_176420-12467.jpg", imageAlt: "Ama Osei"
},
{ {
id: "2", name: "Daniel Kipchoge", role: "Medical Student", company: "Kenyatta University", rating: 5, id: "2", name: "Daniel Kipchoge", role: "Medical Student", company: "Kenyatta University", rating: 5,
imageSrc: imageSrc:
"http://img.b2bpic.net/free-photo/portrait-happy-african-american-female-college-student-holding-notebooks-backpack-smiling-standing-yellow-background_1258-54844.jpg", imageAlt: "Daniel Kipchoge"}, "http://img.b2bpic.net/free-photo/portrait-happy-african-american-female-college-student-holding-notebooks-backpack-smiling-standing-yellow-background_1258-54844.jpg", imageAlt: "Daniel Kipchoge"
},
{ {
id: "3", name: "Zainab Hassan", role: "Commerce Student", company: "University of Nairobi", rating: 5, id: "3", name: "Zainab Hassan", role: "Commerce Student", company: "University of Nairobi", rating: 5,
imageSrc: imageSrc:
"http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2533.jpg", imageAlt: "Zainab Hassan"}, "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2533.jpg", imageAlt: "Zainab Hassan"
},
{ {
id: "4", name: "Kwame Asante", role: "Law Student", company: "University of Lagos", rating: 5, id: "4", name: "Kwame Asante", role: "Law Student", company: "University of Lagos", rating: 5,
imageSrc: imageSrc:
"http://img.b2bpic.net/free-photo/cheerful-african-beautiful-woman-student-smiling-holding-books-university-education-concept_176420-12457.jpg", imageAlt: "Kwame Asante"}, "http://img.b2bpic.net/free-photo/cheerful-african-beautiful-woman-student-smiling-holding-books-university-education-concept_176420-12457.jpg", imageAlt: "Kwame Asante"
},
]} ]}
kpiItems={[ kpiItems={[
{ value: "4.9/5", label: "Average Rating" }, { value: "4.9/5", label: "Average Rating" },
@@ -204,7 +225,7 @@ export default function LandingPage() {
tagIcon={Sparkles} tagIcon={Sparkles}
tagAnimation="slide-up" tagAnimation="slide-up"
title="Start Your Free Trial Today" title="Start Your Free Trial Today"
description="Join thousands of African students preparing for exams smarter. No credit card required. Get instant access to AudioByte and transform your study experience." description="No credit card required. Get instant access to AudioByte and transform your study experience."
buttons={[ buttons={[
{ text: "Start Learning Free", href: "https://app.audiobyte.com/signup" }, { text: "Start Learning Free", href: "https://app.audiobyte.com/signup" },
{ text: "Schedule Demo", href: "contact" }, { text: "Schedule Demo", href: "contact" },

4
src/app/styles/base.css
View File

@@ -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-public-sans), 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-public-sans), sans-serif; font-family: var(--font-inter), sans-serif;
} }

24
src/app/styles/variables.css
View File

@@ -3,22 +3,22 @@
/* --vw is set by ThemeProvider */ /* --vw is set by ThemeProvider */
/* --background: #ffffff;; /* --background: #ffffff;;
--card: #f8f9fa;; --card: #f9f9f9;;
--foreground: #0c1929;; --foreground: #120a00e6;;
--primary-cta: #1f7cff;; --primary-cta: #FF7B05;;
--secondary-cta: #ffffff;; --secondary-cta: #f9f9f9;;
--accent: #e0f0ff;; --accent: #e2e2e2;;
--background-accent: #1f7cff;; */ --background-accent: #FF7B05;; */
--background: #ffffff;; --background: #ffffff;;
--card: #f8f9fa;; --card: #f9f9f9;;
--foreground: #0c1929;; --foreground: #120a00e6;;
--primary-cta: #1f7cff;; --primary-cta: #FF7B05;;
--primary-cta-text: #ffffff;; --primary-cta-text: #ffffff;;
--secondary-cta: #ffffff;; --secondary-cta: #f9f9f9;;
--secondary-cta-text: #0c1929;; --secondary-cta-text: #0c1929;;
--accent: #e0f0ff;; --accent: #e2e2e2;;
--background-accent: #1f7cff;; --background-accent: #FF7B05;;
/* 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);