Files
700bd58c-8019-4e19-9b7a-ddf…/src/app/page.tsx
2026-03-02 22:45:19 +00:00

283 lines
13 KiB
TypeScript

"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
import HeroCentered from "@/components/sections/hero/HeroCentered";
import FeatureBorderGlow from "@/components/sections/feature/featureBorderGlow/FeatureBorderGlow";
import MetricCardSeven from "@/components/sections/metrics/MetricCardSeven";
import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
import TestimonialCardSixteen from "@/components/sections/testimonial/TestimonialCardSixteen";
import ContactCTA from "@/components/sections/contact/ContactCTA";
import FooterBaseCard from "@/components/sections/footer/FooterBaseCard";
import { Zap, Smartphone, Brain, BarChart3, Wifi, Headphones, Sparkles } from "lucide-react";
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"
>
<div id="nav" data-section="nav">
<NavbarStyleCentered
navItems={[
{ name: "Features", id: "features" },
{ name: "How It Works", id: "how-it-works" },
{ name: "Testimonials", id: "testimonials" },
{ name: "Pricing", id: "pricing" },
{ name: "Contact", id: "contact" },
]}
button={{ text: "Start Learning Free", href: "contact" }}
brandName="AudioByte"
/>
</div>
<div id="hero" data-section="hero">
<HeroCentered
title="Your notes, explained your way, anywhere"
description="Upload lecture notes, PDFs, and slides. AudioByte instantly transforms them into clear, lecturer-style audio explanations you can listen to anytime—on your commute, before exams, or whenever learning fits your life."
avatarText="Trusted by 5,000+ African students"
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/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"
},
]}
buttons={[
{ text: "Start Learning Free", href: "contact" },
{ text: "Watch Demo", onClick: undefined },
]}
background={{ variant: "downward-rays-static" }}
buttonAnimation="slide-up"
ariaLabel="AudioByte hero section"
/>
</div>
<div id="features" data-section="features">
<FeatureBorderGlow
title="Why students choose AudioByte"
description="Transform your study experience with intelligent audio conversion designed for Africa's learning landscape."
tag="Key Benefits"
tagAnimation="slide-up"
features={[
{
icon: Zap,
title: "Instant Conversion", description: "Upload any document and get high-quality audio explanations in seconds, not hours."
},
{
icon: Smartphone,
title: "Mobile-First Learning", description: "Study anywhere on your phone. Perfect for commutes, breaks, or exam prep sessions."
},
{
icon: Brain,
title: "Better Retention", description: "Audio explanations engage multiple learning pathways, improving exam performance."
},
{
icon: BarChart3,
title: "Track Progress", description: "Monitor which materials you've covered and get personalized study recommendations."
},
{
icon: Wifi,
title: "Offline Access", description: "Download audio files and study without internet access—ideal for areas with limited connectivity."
},
{
icon: Headphones,
title: "Natural Voice", description: "AI-powered voices that sound like real lecturers, making learning engaging and authentic."
},
]}
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
/>
</div>
<div id="how-it-works" data-section="how-it-works">
<MetricCardSeven
title="Three Simple Steps"
description="Get started with AudioByte in minutes. No complex setup, no technical skills needed."
tag="Process"
tagAnimation="slide-up"
metrics={[
{
id: "1", value: "1", title: "Upload Your Materials", items: [
"PDFs, lecture notes, slides", "Supports all common formats", "No file size limits"
],
},
{
id: "2", value: "2", title: "AudioByte Transforms", items: [
"AI analyzes and structures content", "Generates natural audio explanations", "Customizes pace and language"
],
},
{
id: "3", value: "3", title: "Listen Anywhere, Anytime", items: [
"Download to your phone", "Study offline or online", "Review before exams"
],
},
]}
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
/>
</div>
<div id="social-proof" data-section="social-proof">
<SocialProofOne
title="Trusted by Leading African Universities"
description="Join thousands of students at universities across Africa using AudioByte for exam preparation and course mastery."
tag="Partnerships"
tagAnimation="slide-up"
textboxLayout="default"
useInvertedBackground={false}
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"
]}
names={[
"University of Lagos", "Kenyatta University", "University of Dakar", "University of Cape Town", "Makerere University", "Stellenbosch University", "Addis Ababa University"
]}
speed={40}
showCard={true}
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardSeven
title="Our Impact by the Numbers"
description="Real results from real students across Africa."
tag="Achievements"
tagAnimation="slide-up"
metrics={[
{
id: "1", value: "5,000+", title: "Active Students", items: [
"Across 15+ African countries", "Growing community daily", "96% retention rate"
],
},
{
id: "2", value: "2.5M+", title: "Minutes Studied", items: [
"Monthly learning hours", "Courses covered", "Exam prep sessions"
],
},
{
id: "3", value: "89%", title: "Average Grade Improvement", items: [
"Within first semester", "Verified by universities", "Across all subjects"
],
},
]}
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardSixteen
title="What Students Say"
description="Hear how AudioByte is transforming study habits and exam results across African universities."
tag="Success Stories"
tagAnimation="slide-up"
testimonials={[
{
id: "1", name: "Ama Osei", role: "Engineering Student", company: "University of Ghana", rating: 5,
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"
},
{
id: "2", name: "Daniel Kipchoge", role: "Medical Student", company: "Kenyatta University", rating: 5,
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"
},
{
id: "3", name: "Zainab Hassan", role: "Commerce Student", company: "University of Nairobi", rating: 5,
imageSrc:
"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,
imageSrc:
"http://img.b2bpic.net/free-photo/cheerful-african-beautiful-woman-student-smiling-holding-books-university-education-concept_176420-12457.jpg", imageAlt: "Kwame Asante"
},
]}
kpiItems={[
{ value: "4.9/5", label: "Average Rating" },
{ value: "92%", label: "Would Recommend" },
{ value: "15+", label: "Universities" },
]}
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
/>
</div>
<div id="contact" data-section="contact">
<ContactCTA
tag="Ready to Transform Your Learning?"
tagIcon={Sparkles}
tagAnimation="slide-up"
title="Start Your Free Trial Today"
description="No credit card required. Get instant access to AudioByte and transform your study experience."
buttons={[
{ text: "Start Learning Free", href: "https://app.audiobyte.com/signup" },
{ text: "Schedule Demo", href: "contact" },
]}
buttonAnimation="slide-up"
background={{ variant: "gradient-bars" }}
useInvertedBackground={false}
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseCard
logoText="AudioByte"
columns={[
{
title: "Product", items: [
{ label: "Features", href: "#features" },
{ label: "How It Works", href: "#how-it-works" },
{ label: "Pricing", href: "#pricing" },
{ label: "FAQ", href: "#faq" },
],
},
{
title: "Company", items: [
{ label: "About Us", href: "/about" },
{ label: "Blog", href: "/blog" },
{ label: "Careers", href: "/careers" },
{ label: "Press", href: "/press" },
],
},
{
title: "Resources", items: [
{ label: "Help Center", href: "/help" },
{ label: "Contact Support", href: "/support" },
{ label: "Community", href: "/community" },
{ label: "Roadmap", href: "/roadmap" },
],
},
{
title: "Legal", items: [
{ label: "Privacy Policy", href: "/privacy" },
{ label: "Terms of Service", href: "/terms" },
{ label: "Cookie Policy", href: "/cookies" },
{ label: "Accessibility", href: "/accessibility" },
],
},
]}
copyrightText="© 2025 AudioByte. All rights reserved. Transforming education across Africa."
ariaLabel="Site footer"
/>
</div>
</ThemeProvider>
);
}