283 lines
13 KiB
TypeScript
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>
|
|
);
|
|
}
|