bender/dc42d3f5-6f15-43f3-b993-54b2aafc1241
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-05-11 14:45:18 +00:00
parent dde1b2882d
commit 9c79c880f3
1 changed files with 40 additions and 144 deletions
Download Patch File Download Diff File Expand all files Collapse all files

184
src/app/page.tsx
View File

@@ -16,7 +16,6 @@ import { Calendar, Camera, Clock, GraduationCap, TrendingUp, Users } from "lucid
export default function LandingPage() {
const handlePayment = (planId: string) => {
// Integration logic for Stripe checkout flow goes here
console.log(`Redirecting to Stripe checkout for plan: ${planId}`);
};
@@ -37,15 +36,11 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarStyleCentered
navItems={[
{
name: "Features", id: "#features"},
{
name: "Pricing", id: "#pricing"},
{
name: "Testimonials", id: "#testimonials"},
{ name: "Features", id: "#features"},
{ name: "Pricing", id: "#pricing"},
{ name: "Testimonials", id: "#testimonials"},
]}
button={{
text: "Get Started", href: "#contact"}}
button={{ text: "Get Started", href: "#contact"}}
brandName="StudyFlow AI"
/>
</div>
@@ -53,57 +48,27 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroBillboardTestimonial
useInvertedBackground={false}
background={{
variant: "plain"}}
background={{ variant: "plain"}}
title="Master Your Studies with AI"
description="StudyFlow AI transforms your learning ecosystem, providing instant homework solutions, smart planners, and personalized tutoring 24/7."
testimonials={[
{
name: "Alex R.", handle: "@alex_study", testimonial: "This app turned my grades around completely!", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/chrome-key-tablet-updating-ai-systems_482257-90828.jpg?_wi=1", imageAlt: "ai student dashboard dark mode"},
{
name: "Jordan P.", handle: "@jp_learns", testimonial: "The AI explanations are so clear and easy.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/woman-working-her-workshop-creative-invention_23-2149067197.jpg", imageAlt: "ai student dashboard dark mode"},
{
name: "Sam K.", handle: "@sam_study", testimonial: "Finally, a tool that actually understands complex physics problems.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/online-calendar_53876-95302.jpg", imageAlt: "ai student dashboard dark mode"},
{
name: "Mia L.", handle: "@mia_academic", testimonial: "My study efficiency has doubled since I started.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/shoukder-view-unrecognizable-person-examining-analysis-chart-tablet-pc_1098-18930.jpg", imageAlt: "ai student dashboard dark mode"},
{
name: "Leo T.", handle: "@leo_tech", testimonial: "The personalized schedule keeps me on track every day.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/image-stylish-african-student-with-earring-wearing-denim-shirt-sitting-wooden-table-doing-his-homework-holding-smartphone-being-happy-recieve-message-from-his-friend-typing-something_273609-7426.jpg?_wi=1", imageAlt: "ai student dashboard dark mode"},
]}
buttons={[
{
text: "Start Free Trial", href: "#contact"},
{ name: "Alex R.", handle: "@alex_study", testimonial: "This app turned my grades around completely!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/chrome-key-tablet-updating-ai-systems_482257-90828.jpg?_wi=1", imageAlt: "ai student dashboard dark mode"},
{ name: "Jordan P.", handle: "@jp_learns", testimonial: "The AI explanations are so clear and easy.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-working-her-workshop-creative-invention_23-2149067197.jpg", imageAlt: "ai student dashboard dark mode"},
{ name: "Sam K.", handle: "@sam_study", testimonial: "Finally, a tool that actually understands complex physics problems.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/online-calendar_53876-95302.jpg", imageAlt: "ai student dashboard dark mode"},
{ name: "Mia L.", handle: "@mia_academic", testimonial: "My study efficiency has doubled since I started.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/shoukder-view-unrecognizable-person-examining-analysis-chart-tablet-pc_1098-18930.jpg", imageAlt: "ai student dashboard dark mode"},
{ name: "Leo T.", handle: "@leo_tech", testimonial: "The personalized schedule keeps me on track every day.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/image-stylish-african-student-with-earring-wearing-denim-shirt-sitting-wooden-table-doing-his-homework-holding-smartphone-being-happy-recieve-message-from-his-friend-typing-something_273609-7426.jpg?_wi=1", imageAlt: "ai student dashboard dark mode"},
]}
buttons={[{ text: "Start Free Trial", href: "#contact"}]}
imageSrc="http://img.b2bpic.net/free-photo/chrome-key-tablet-updating-ai-systems_482257-90828.jpg?_wi=2"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/focused-self-employed-adult-researching-data-driven-topics-home_482257-120641.jpg", alt: "Student avatar 1"},
{
src: "http://img.b2bpic.net/free-photo/network-analyst-studying-digital-commerce-progression-reports-computer_482257-126389.jpg", alt: "Student avatar 2"},
{
src: "http://img.b2bpic.net/free-photo/stakeholders-president-company-gather-via-video-link_482257-82326.jpg", alt: "Student avatar 3"},
{
src: "http://img.b2bpic.net/free-photo/futuristic-ai-data-visualization_23-2151977857.jpg", alt: "Student avatar 4"},
{
src: "http://img.b2bpic.net/free-photo/top-view-wooden-figurine-with-academic-cap-notebook_23-2148756544.jpg", alt: "Student avatar 5"},
{ src: "http://img.b2bpic.net/free-photo/focused-self-employed-adult-researching-data-driven-topics-home_482257-120641.jpg", alt: "Student avatar 1"},
{ src: "http://img.b2bpic.net/free-photo/network-analyst-studying-digital-commerce-progression-reports-computer_482257-126389.jpg", alt: "Student avatar 2"},
{ src: "http://img.b2bpic.net/free-photo/stakeholders-president-company-gather-via-video-link_482257-82326.jpg", alt: "Student avatar 3"},
{ src: "http://img.b2bpic.net/free-photo/futuristic-ai-data-visualization_23-2151977857.jpg", alt: "Student avatar 4"},
{ src: "http://img.b2bpic.net/free-photo/top-view-wooden-figurine-with-academic-cap-notebook_23-2148756544.jpg", alt: "Student avatar 5"},
]}
avatarText="Join 100,000+ students"
marqueeItems={[
{
type: "text", text: "Mathematics"},
{
type: "text", text: "Physics"},
{
type: "text", text: "Chemistry"},
{
type: "text", text: "History"},
{
type: "text", text: "Computer Science"},
]}
marqueeItems={[{ type: "text", text: "Mathematics"}, { type: "text", text: "Physics"}, { type: "text", text: "Chemistry"}, { type: "text", text: "History"}, { type: "text", text: "Computer Science"}]}
/>
</div>
@@ -113,15 +78,9 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={false}
features={[
{
icon: Camera,
title: "AI Homework Solver", description: "Snap a photo and get step-by-step explanations instantly."},
{
icon: Calendar,
title: "Smart Study Planner", description: "Personalized schedules that adapt to your progress and deadlines."},
{
icon: GraduationCap,
title: "AI Quiz Generator", description: "Generate custom quizzes from any material to ensure you're ready."},
{ icon: Camera, title: "AI Homework Solver", description: "Snap a photo and get step-by-step explanations instantly."},
{ icon: Calendar, title: "Smart Study Planner", description: "Personalized schedules that adapt to your progress and deadlines."},
{ icon: GraduationCap, title: "AI Quiz Generator", description: "Generate custom quizzes from any material to ensure you're ready."},
]}
title="Smarter Learning, Faster Results"
description="Our core suite of tools is designed to bridge the gap between struggling with content and mastering your academic goals."
@@ -143,33 +102,9 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={false}
plans={[
{
id: "free", badge: "Basic", price: "$0", subtitle: "Get started with essentials", buttons: [
{
text: "Sign Up", onClick: () => handlePayment("free"),
},
],
features: [
"Limited daily AI questions", "Basic planner", "Ad-supported"],
},
{
id: "premium", badge: "Pro", price: "$9.99", subtitle: "For focused learners", buttons: [
{
text: "Upgrade", onClick: () => handlePayment("premium"),
},
],
features: [
"Unlimited explanations", "PDF summarization", "No ads"],
},
{
id: "plus", badge: "Plus", price: "$19.99", subtitle: "For top performers", buttons: [
{
text: "Upgrade", onClick: () => handlePayment("plus"),
},
],
features: [
"Voice tutoring", "Exam prediction AI", "Group study rooms"],
},
{ id: "free", badge: "Basic", price: "$0", subtitle: "Get started with essentials", buttons: [{ text: "Sign Up", onClick: () => handlePayment("free")}], features: ["Limited daily AI questions", "Basic planner", "Ad-supported"]},
{ id: "premium", badge: "Pro", price: "$9.99", subtitle: "For focused learners", buttons: [{ text: "Upgrade", onClick: () => handlePayment("premium")}], features: ["Unlimited explanations", "PDF summarization", "No ads"]},
{ id: "plus", badge: "Plus", price: "$19.99", subtitle: "For top performers", buttons: [{ text: "Upgrade", onClick: () => handlePayment("plus")}], features: ["Voice tutoring", "Exam prediction AI", "Group study rooms"]},
]}
title="Flexible Plans for Every Student"
description="Choose the level of AI support that fits your academic journey."
@@ -183,15 +118,9 @@ export default function LandingPage() {
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
metrics={[
{
id: "1", value: "45%", title: "Grade Improvement", description: "Average increase in student grades.", icon: TrendingUp,
},
{
id: "2", value: "2hrs", title: "Time Saved", description: "Average hours saved per week on homework.", icon: Clock,
},
{
id: "3", value: "100k+", title: "Students Helped", description: "Students already acing their exams.", icon: Users,
},
{ id: "1", value: "45%", title: "Grade Improvement", description: "Average increase in student grades.", icon: TrendingUp},
{ id: "2", value: "2hrs", title: "Time Saved", description: "Average hours saved per week on homework.", icon: Clock},
{ id: "3", value: "100k+", title: "Students Helped", description: "Students already acing their exams.", icon: Users},
]}
title="Proven Academic Impact"
description="See how StudyFlow AI makes a real difference in student productivity."
@@ -204,16 +133,11 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={false}
testimonials={[
{
id: "1", name: "Sarah J.", handle: "@sarah_j", testimonial: "I never understood physics until StudyFlow AI.", imageSrc: "http://img.b2bpic.net/free-photo/image-stylish-african-student-with-earring-wearing-denim-shirt-sitting-wooden-table-doing-his-homework-holding-smartphone-being-happy-recieve-message-from-his-friend-typing-something_273609-7426.jpg?_wi=2"},
{
id: "2", name: "Mark L.", handle: "@mark_l", testimonial: "The quiz generator is a total lifesaver for finals.", imageSrc: "http://img.b2bpic.net/free-photo/woman-works-tablet-does-graphic-design-draws-sketch-works-as-freelance-illustrator-dressed-casually-poses-outdoor-uses-electronic-pen-writing_273609-54703.jpg"},
{
id: "3", name: "Elena V.", handle: "@elena_v", testimonial: "Finally, an AI that explains instead of just answering.", imageSrc: "http://img.b2bpic.net/free-photo/pleased-young-student-boy-sitting-desk-with-school-tools-showing-yes-gesture-isolated-yellow-wall_141793-78126.jpg"},
{
id: "4", name: "Kevin B.", handle: "@kevin_b", testimonial: "The study planner is incredibly helpful for my schedule.", imageSrc: "http://img.b2bpic.net/free-photo/glad-student-girl-posing-desk-against-pink-wall_273609-20798.jpg"},
{
id: "5", name: "Chloe T.", handle: "@chloe_t", testimonial: "Gamification makes studying feel like a game now!", imageSrc: "http://img.b2bpic.net/free-photo/young-content-student-with-with-books_23-2147655927.jpg"},
{ id: "1", name: "Sarah J.", handle: "@sarah_j", testimonial: "I never understood physics until StudyFlow AI.", imageSrc: "http://img.b2bpic.net/free-photo/image-stylish-african-student-with-earring-wearing-denim-shirt-sitting-wooden-table-doing-his-homework-holding-smartphone-being-happy-recieve-message-from-his-friend-typing-something_273609-7426.jpg?_wi=2"},
{ id: "2", name: "Mark L.", handle: "@mark_l", testimonial: "The quiz generator is a total lifesaver for finals.", imageSrc: "http://img.b2bpic.net/free-photo/woman-works-tablet-does-graphic-design-draws-sketch-works-as-freelance-illustrator-dressed-casually-poses-outdoor-uses-electronic-pen-writing_273609-54703.jpg"},
{ id: "3", name: "Elena V.", handle: "@elena_v", testimonial: "Finally, an AI that explains instead of just answering.", imageSrc: "http://img.b2bpic.net/free-photo/pleased-young-student-boy-sitting-desk-with-school-tools-showing-yes-gesture-isolated-yellow-wall_141793-78126.jpg"},
{ id: "4", name: "Kevin B.", handle: "@kevin_b", testimonial: "The study planner is incredibly helpful for my schedule.", imageSrc: "http://img.b2bpic.net/free-photo/glad-student-girl-posing-desk-against-pink-wall_273609-20798.jpg"},
{ id: "5", name: "Chloe T.", handle: "@chloe_t", testimonial: "Gamification makes studying feel like a game now!", imageSrc: "http://img.b2bpic.net/free-photo/young-content-student-with-with-books_23-2147655927.jpg"},
]}
title="Loved by Students Globally"
description="Hear from students whose grades and confidence skyrocketed after using StudyFlow AI."
@@ -225,12 +149,9 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={false}
faqs={[
{
id: "q1", title: "Is the app free?", content: "Yes, we offer a robust free plan with daily limitations. You can upgrade for unlimited features."},
{
id: "q2", title: "Does it work for math?", content: "Yes, we support math, physics, chemistry, and many more subjects."},
{
id: "q3", title: "Can I upload my own notes?", content: "Yes, you can upload PDFs, photos, and handwritten notes for summarization."},
{ id: "q1", title: "Is the app free?", content: "Yes, we offer a robust free plan with daily limitations. You can upgrade for unlimited features."},
{ id: "q2", title: "Does it work for math?", content: "Yes, we support math, physics, chemistry, and many more subjects."},
{ id: "q3", title: "Can I upload my own notes?", content: "Yes, you can upload PDFs, photos, and handwritten notes for summarization."},
]}
mediaAnimation="slide-up"
title="Frequently Asked Questions"
@@ -243,46 +164,21 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactText
useInvertedBackground={false}
background={{
variant: "plain"}}
background={{ variant: "plain"}}
text="Ready to transform your study habits?"
buttons={[
{
text: "Download App Now", href: "#"},
]}
buttons={[{ text: "Download App Now", href: "#"}]}
/>
</div>
<div id="footer" data-section="footer">
<FooterSimple
columns={[
{
title: "Product", items: [
{
label: "Features", href: "#features"},
{
label: "Pricing", href: "#pricing"},
],
},
{
title: "Company", items: [
{
label: "About Us", href: "#"},
{
label: "Contact", href: "#contact"},
],
},
{
title: "Legal", items: [
{
label: "Privacy", href: "#"},
{
label: "Terms", href: "#"},
],
},
{ title: "Product", items: [{ label: "Features", href: "#features"}, { label: "Pricing", href: "#pricing"}]},
{ title: "Company", items: [{ label: "About Us", href: "#"}, { label: "Contact", href: "#contact"}]},
{ title: "Legal", items: [{ label: "Privacy", href: "#"}, { label: "Terms", href: "#"}]},
]}
bottomLeftText="© 2024 StudyFlow AI"
bottomRightText="All rights reserved."
bottomRightText="© 2025 Osama ElBetnigy. All rights reserved."
/>
</div>
</ReactLenis>