302 lines
21 KiB
TypeScript
302 lines
21 KiB
TypeScript
"use client"
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
|
import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
|
|
import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
|
|
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
|
|
import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
|
|
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
|
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
|
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
|
import FooterBase from '@/components/sections/footer/FooterBase';
|
|
import { Award, CheckCircle, CreditCard, HelpCircle, Rocket, Sparkles, Zap } from 'lucide-react';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="text-stagger"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="soft"
|
|
contentWidth="compact"
|
|
sizing="largeSmall"
|
|
background="aurora"
|
|
cardStyle="gradient-mesh"
|
|
primaryButtonStyle="diagonal-gradient"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="bold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingInline
|
|
brandName="StudyFlow"
|
|
navItems={[
|
|
{ name: "Features", id: "features" },
|
|
{ name: "Pricing", id: "pricing" },
|
|
{ name: "Testimonials", id: "testimonials" },
|
|
{ name: "FAQ", id: "faq" }
|
|
]}
|
|
button={{ text: "Start Free", href: "#contact" }}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardTestimonial
|
|
title="Your AI Study Coach, Always Ready"
|
|
description="Never miss a deadline again. Our AI learns your pace, predicts exam dates, and builds personalized study schedules that actually work. Reduce academic stress, improve grades, and reclaim your life."
|
|
tag="AI-Powered Scheduling"
|
|
tagIcon={Sparkles}
|
|
tagAnimation="slide-up"
|
|
buttons={[
|
|
{ text: "Start Scheduling Free", href: "#contact" },
|
|
{ text: "See How It Works", href: "#features" }
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
testimonials={[
|
|
{
|
|
name: "Emma Chen", handle: "@emmastu_organized", testimonial: "This app literally changed my junior year. I went from stressed and disorganized to actually enjoying studying. My GPA improved by almost a full point.", rating: 5,
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BBLnmjvGWjqjsHIlpRmS7RumKd/portrait-photo-of-a-high-school-student--1773957806197-1227c6a9.png?_wi=1", imageAlt: "Emma Chen"
|
|
},
|
|
{
|
|
name: "Marcus Johnson", handle: "@mj_college24", testimonial: "As a college student balancing 5 classes, this is a lifesaver. The AI automatically adjusts my schedule when I get behind. No more all-nighters.", rating: 5,
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BBLnmjvGWjqjsHIlpRmS7RumKd/portrait-photo-of-a-college-student-age--1773957805343-3e8dcedb.png?_wi=1", imageAlt: "Marcus Johnson"
|
|
},
|
|
{
|
|
name: "Sophia Rodriguez", handle: "@sophiar_grades", testimonial: "The anxiety is gone. I actually know what I need to do and when. Predicting my exam dates before my teachers even assign them is genius.", rating: 5,
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BBLnmjvGWjqjsHIlpRmS7RumKd/portrait-photo-of-a-high-school-girl-age-1773957806236-9081fdfc.png?_wi=1", imageAlt: "Sophia Rodriguez"
|
|
},
|
|
{
|
|
name: "Liam O'Brien", handle: "@liamobrien_study", testimonial: "Finally, a scheduling tool that understands students. It's not just a calendar—it's like having a personal academic advisor in your pocket.", rating: 5,
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BBLnmjvGWjqjsHIlpRmS7RumKd/portrait-photo-of-a-college-student-age--1773957805325-60e3ab84.png?_wi=1", imageAlt: "Liam O'Brien"
|
|
}
|
|
]}
|
|
testimonialRotationInterval={5000}
|
|
background={{ variant: "plain" }}
|
|
useInvertedBackground={false}
|
|
mediaAnimation="blur-reveal"
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BBLnmjvGWjqjsHIlpRmS7RumKd/a-modern-clean-ai-powered-study-dashboar-1773957805543-66df9fe7.png?_wi=1"
|
|
imageAlt="StudyFlow AI Dashboard"
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardNineteen
|
|
tag="Core Features"
|
|
tagIcon={Zap}
|
|
tagAnimation="slide-up"
|
|
title="Intelligent Features Built for Your Success"
|
|
description="Our AI-powered platform handles the complexity so you can focus on learning. From automatic task extraction to adaptive scheduling, every feature is designed to reduce stress and maximize your academic performance."
|
|
features={[
|
|
{
|
|
id: 1,
|
|
tag: "AI-Powered", title: "Smart Task Parsing", subtitle: "Automatic homework recognition", description: "Upload a photo of your syllabus, screenshot an assignment, or paste your course calendar. Our AI instantly recognizes deadlines, priorities, and dependencies—no manual data entry required.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BBLnmjvGWjqjsHIlpRmS7RumKd/an-illustration-showing-ai-technology-an-1773957804830-a4c914aa.png", imageAlt: "AI Task Recognition"
|
|
},
|
|
{
|
|
id: 2,
|
|
tag: "Intelligent", title: "Adaptive Study Scheduling", subtitle: "Learns your pace in real-time", description: "The system observes how long tasks actually take you, adjusts deadlines proactively, and recommends study breaks before burnout. Each schedule is uniquely optimized for your learning pattern.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BBLnmjvGWjqjsHIlpRmS7RumKd/a-visual-representation-of-an-ai-powered-1773957805126-7b1c81f2.png", imageAlt: "Adaptive Scheduling"
|
|
},
|
|
{
|
|
id: 3,
|
|
tag: "Performance", title: "Exam Date Prediction", subtitle: "See exams before they're assigned", description: "Using historical calendar patterns and course data, our AI predicts likely exam dates weeks in advance so you can start preparing early. Never be caught off-guard again.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BBLnmjvGWjqjsHIlpRmS7RumKd/an-illustration-of-progress-tracking-and-1773957805395-445f5a9e.png", imageAlt: "Exam Preparation Tracking"
|
|
}
|
|
]}
|
|
textboxLayout="split"
|
|
useInvertedBackground={false}
|
|
buttons={[{ text: "Explore All Features", href: "#contact" }]}
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardSixteen
|
|
title="Students Love StudyFlow"
|
|
description="Join thousands of high school and college students who've reduced academic stress, improved their grades, and reclaimed their time."
|
|
tag="Student Success"
|
|
tagIcon={Award}
|
|
tagAnimation="slide-up"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Emma Chen", role: "High School Junior", company: "West Valley High", rating: 5,
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BBLnmjvGWjqjsHIlpRmS7RumKd/portrait-photo-of-a-high-school-student--1773957806197-1227c6a9.png?_wi=2"
|
|
},
|
|
{
|
|
id: "2", name: "Marcus Johnson", role: "College Sophomore", company: "State University", rating: 5,
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BBLnmjvGWjqjsHIlpRmS7RumKd/portrait-photo-of-a-college-student-age--1773957805343-3e8dcedb.png?_wi=2"
|
|
},
|
|
{
|
|
id: "3", name: "Sophia Rodriguez", role: "High School Senior", company: "Central Academy", rating: 5,
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BBLnmjvGWjqjsHIlpRmS7RumKd/portrait-photo-of-a-high-school-girl-age-1773957806236-9081fdfc.png?_wi=2"
|
|
},
|
|
{
|
|
id: "4", name: "Liam O'Brien", role: "College Junior", company: "Tech Institute", rating: 5,
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BBLnmjvGWjqjsHIlpRmS7RumKd/portrait-photo-of-a-college-student-age--1773957805325-60e3ab84.png?_wi=2"
|
|
},
|
|
{
|
|
id: "5", name: "Jasmine Patel", role: "High School Freshman", company: "Jefferson High", rating: 5,
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BBLnmjvGWjqjsHIlpRmS7RumKd/portrait-photo-of-a-high-school-student--1773957806197-1227c6a9.png?_wi=3"
|
|
},
|
|
{
|
|
id: "6", name: "Alex Thompson", role: "College Senior", company: "Engineering University", rating: 5,
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BBLnmjvGWjqjsHIlpRmS7RumKd/portrait-photo-of-a-college-student-age--1773957805343-3e8dcedb.png?_wi=3"
|
|
}
|
|
]}
|
|
kpiItems={[
|
|
{ value: "47%", label: "Average Grade Improvement" },
|
|
{ value: "3.2 hrs", label: "Weekly Study Time Saved" },
|
|
{ value: "89%", label: "Deadline Never Missed" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="pricing" data-section="pricing">
|
|
<PricingCardNine
|
|
tag="Flexible Pricing"
|
|
tagIcon={CreditCard}
|
|
tagAnimation="slide-up"
|
|
title="Plans for Every Student"
|
|
description="Start free, upgrade when you're ready. Choose the plan that matches your academic goals and budget."
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
animationType="slide-up"
|
|
plans={[
|
|
{
|
|
id: "starter", title: "Starter", price: "Free", period: "Forever", features: [
|
|
"Up to 10 homework assignments", "Basic deadline tracking", "Manual schedule creation", "Mobile app access", "Email support"
|
|
],
|
|
button: { text: "Start Now", href: "#contact" }
|
|
},
|
|
{
|
|
id: "pro", title: "Pro", price: "$9.99", period: "per month", features: [
|
|
"Unlimited assignments", "AI task parsing & auto-scheduling", "Exam date prediction", "Adaptive study recommendations", "Calendar integrations (Google, Outlook)", "Priority email & chat support", "Progress analytics & insights"
|
|
],
|
|
button: { text: "Start Free Trial", href: "#contact" },
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BBLnmjvGWjqjsHIlpRmS7RumKd/a-modern-clean-ai-powered-study-dashboar-1773957805543-66df9fe7.png?_wi=2", imageAlt: "Pro Dashboard"
|
|
},
|
|
{
|
|
id: "premium", title: "Premium", price: "$24.99", period: "per month", features: [
|
|
"Everything in Pro, plus:", "Family account (up to 5 students)", "Parent visibility & progress reports", "1-on-1 AI scheduling consultation", "Priority AI processing", "Advanced analytics & trend reports", "Phone support & dedicated account manager"
|
|
],
|
|
button: { text: "Upgrade to Premium", href: "#contact" },
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BBLnmjvGWjqjsHIlpRmS7RumKd/a-modern-clean-ai-powered-study-dashboar-1773957805543-66df9fe7.png?_wi=3", imageAlt: "Premium Dashboard"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="social-proof" data-section="social-proof">
|
|
<SocialProofOne
|
|
title="Trusted by Schools & Education Leaders"
|
|
description="StudyFlow partners with schools, education nonprofits, and leading academic institutions to help students succeed."
|
|
tag="Education Partners"
|
|
tagIcon={CheckCircle}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
names={[
|
|
"Education Tech Alliance", "Student Success Coalition", "National Academic Association", "Digital Learning Pioneers", "Youth Education Foundation", "Academic Excellence Network", "Smart Learning Initiative", "Student Wellness Advocates"
|
|
]}
|
|
logos={[
|
|
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BBLnmjvGWjqjsHIlpRmS7RumKd/a-minimalist-education-technology-compan-1773957804961-4000e9d6.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BBLnmjvGWjqjsHIlpRmS7RumKd/a-professional-student-organization-or-y-1773957804776-5197e1fa.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BBLnmjvGWjqjsHIlpRmS7RumKd/a-tech-forward-educational-assessment-or-1773957805253-76a86a37.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BBLnmjvGWjqjsHIlpRmS7RumKd/a-student-productivity-or-digital-planni-1773957804792-f30b6a1a.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BBLnmjvGWjqjsHIlpRmS7RumKd/an-innovative-ai-powered-learning-techno-1773957806367-2fc69c22.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BBLnmjvGWjqjsHIlpRmS7RumKd/a-recognized-online-learning-platform-or-1773957804658-e806a1a1.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BBLnmjvGWjqjsHIlpRmS7RumKd/a-school-district-or-educational-institu-1773957805242-96d98528.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BBLnmjvGWjqjsHIlpRmS7RumKd/a-student-mental-health-or-wellness-orga-1773957804633-63281b3e.png"
|
|
]}
|
|
speed={40}
|
|
showCard={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqDouble
|
|
tag="Questions?"
|
|
tagIcon={HelpCircle}
|
|
tagAnimation="slide-up"
|
|
title="Frequently Asked Questions"
|
|
description="Everything you need to know about StudyFlow and how it can transform your academic life."
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
faqsAnimation="slide-up"
|
|
faqs={[
|
|
{
|
|
id: "1", title: "How does StudyFlow learn my pace?", content: "Our AI tracks how long each assignment actually takes you, monitors your completion patterns, and identifies your peak productivity times. Over the first 2-3 weeks, the system learns your unique study pace and adjusts all future schedules accordingly. You can also manually input your typical study speed for immediate personalization."
|
|
},
|
|
{
|
|
id: "2", title: "Can I integrate StudyFlow with my school calendar?", content: "Yes! StudyFlow connects seamlessly with Google Calendar, Microsoft Outlook, and most school calendar systems. Once connected, assignments and exams automatically sync in real-time. You can also manually input assignments, take photos of syllabi, or paste course information—we handle the parsing."
|
|
},
|
|
{
|
|
id: "3", title: "What if I get behind schedule?", content: "StudyFlow's adaptive system automatically recalculates your schedule when you fall behind. The AI recommends adjusted deadlines, suggests which assignments to prioritize, and identifies where you can catch up. You'll receive alerts before deadlines become critical."
|
|
},
|
|
{
|
|
id: "4", title: "How accurate is exam date prediction?", content: "Our AI uses historical patterns from your school, course data, and academic calendars to predict exam dates with 85%+ accuracy. The system learns more patterns as weeks progress and refines predictions continuously. Even if the actual exam is different, you'll be over-prepared."
|
|
},
|
|
{
|
|
id: "5", title: "Is my student data safe and private?", content: "Absolutely. We use enterprise-grade encryption for all data. StudyFlow complies with FERPA (Family Educational Rights and Privacy Act) and COPPA regulations. Your data is never sold or shared with third parties. You maintain full control over what information is stored and can request deletion anytime."
|
|
},
|
|
{
|
|
id: "6", title: "Can parents see their student's progress?", content: "Yes, with the Premium plan! Parents can receive weekly progress reports, see assignment completion rates, exam readiness scores, and study trends. Students control what information parents can access, maintaining privacy while giving families visibility into academic health."
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplit
|
|
tag="Get Started"
|
|
title="Ready to Reclaim Your Time?"
|
|
description="Join thousands of students using StudyFlow to reduce stress, improve grades, and actually enjoy their academic life. Start free today—no credit card required."
|
|
tagIcon={Rocket}
|
|
tagAnimation="slide-up"
|
|
background={{ variant: "plain" }}
|
|
useInvertedBackground={false}
|
|
mediaAnimation="slide-up"
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BBLnmjvGWjqjsHIlpRmS7RumKd/a-warm-inviting-scene-of-a-student-study-1773957805078-19822d34.png"
|
|
imageAlt="Student Success with StudyFlow"
|
|
mediaPosition="right"
|
|
inputPlaceholder="Enter your email address"
|
|
buttonText="Start Free Trial"
|
|
termsText="By clicking Start Free Trial, you agree to our Terms of Service and Privacy Policy. We'll send a confirmation email to your address."
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBase
|
|
logoText="StudyFlow"
|
|
copyrightText="© 2025 StudyFlow. All rights reserved."
|
|
columns={[
|
|
{
|
|
title: "Product", items: [
|
|
{ label: "Features", href: "#features" },
|
|
{ label: "Pricing", href: "#pricing" },
|
|
{ label: "How It Works", href: "#features" },
|
|
{ label: "Download App", href: "#" }
|
|
]
|
|
},
|
|
{
|
|
title: "Company", items: [
|
|
{ label: "About Us", href: "#" },
|
|
{ label: "Blog", href: "#" },
|
|
{ label: "Careers", href: "#" },
|
|
{ label: "Contact", href: "#contact" }
|
|
]
|
|
},
|
|
{
|
|
title: "Resources", items: [
|
|
{ label: "Help Center", href: "#" },
|
|
{ label: "API Docs", href: "#" },
|
|
{ label: "Community", href: "#" },
|
|
{ label: "Status Page", href: "#" }
|
|
]
|
|
},
|
|
{
|
|
title: "Legal", items: [
|
|
{ label: "Privacy Policy", href: "#" },
|
|
{ label: "Terms of Service", href: "#" },
|
|
{ label: "Cookie Policy", href: "#" },
|
|
{ label: "FERPA Compliance", href: "#" }
|
|
]
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |