Update src/app/page.tsx

This commit is contained in:
2026-03-07 03:39:02 +00:00
parent 08a49fb17d
commit 036edc0189

View File

@@ -11,6 +11,7 @@ import TestimonialCardFive from "@/components/sections/testimonial/TestimonialCa
import TeamCardSix from "@/components/sections/team/TeamCardSix";
import ContactCTA from "@/components/sections/contact/ContactCTA";
import FooterCard from "@/components/sections/footer/FooterCard";
import FaqDouble from "@/components/sections/faq/FaqDouble";
export default function HomePage() {
const navItems = [
@@ -24,24 +25,16 @@ export default function HomePage() {
const socialLinks = [
{
icon: Twitter,
href: "https://twitter.com/learnify",
ariaLabel: "Follow Learnify on Twitter",
},
href: "https://twitter.com/learnify", ariaLabel: "Follow Learnify on Twitter"},
{
icon: Linkedin,
href: "https://linkedin.com/company/learnify",
ariaLabel: "Connect with Learnify on LinkedIn",
},
href: "https://linkedin.com/company/learnify", ariaLabel: "Connect with Learnify on LinkedIn"},
{
icon: Github,
href: "https://github.com/learnify",
ariaLabel: "Star Learnify on GitHub",
},
href: "https://github.com/learnify", ariaLabel: "Star Learnify on GitHub"},
{
icon: Mail,
href: "mailto:hello@learnify.edu",
ariaLabel: "Email Learnify",
},
href: "mailto:hello@learnify.edu", ariaLabel: "Email Learnify"},
];
return (
@@ -75,7 +68,7 @@ export default function HomePage() {
{ text: "Watch Demo", href: "#features" },
]}
background={{ variant: "sparkles-gradient" }}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQT8k0g2M9z3UTkzFiQ2zubsR1/modern-educational-dashboard-interface-s-1772854600527-b45cf70e.png?_wi=1"
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQT8k0g2M9z3UTkzFiQ2zubsR1/modern-educational-dashboard-interface-s-1772854600527-b45cf70e.png"
imageAlt="Learnify dashboard interface with quiz arena and personalized learning"
frameStyle="browser"
mediaAnimation="slide-up"
@@ -90,47 +83,23 @@ export default function HomePage() {
tag="Platform Features"
features={[
{
id: "1",
title: "AI-Powered Quiz Generator",
tags: ["AI Integration", "Groq API"],
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQT8k0g2M9z3UTkzFiQ2zubsR1/close-up-view-of-an-ai-powered-quiz-gene-1772854600288-835610a8.png?_wi=1",
imageAlt: "AI quiz generation interface",
},
id: "1", title: "AI-Powered Quiz Generator", tags: ["AI Integration", "Groq API"],
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQT8k0g2M9z3UTkzFiQ2zubsR1/close-up-view-of-an-ai-powered-quiz-gene-1772854600288-835610a8.png", imageAlt: "AI quiz generation interface"},
{
id: "2",
title: "Quiz Arena Battles",
tags: ["Multiplayer", "Real-time"],
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQT8k0g2M9z3UTkzFiQ2zubsR1/real-time-multiplayer-quiz-competition-i-1772854601026-d2911e3d.png",
imageAlt: "Real-time quiz competition",
},
id: "2", title: "Quiz Arena Battles", tags: ["Multiplayer", "Real-time"],
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQT8k0g2M9z3UTkzFiQ2zubsR1/real-time-multiplayer-quiz-competition-i-1772854601026-d2911e3d.png", imageAlt: "Real-time quiz competition"},
{
id: "3",
title: "Gamified Learning System",
tags: ["Badges", "Leaderboards"],
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQT8k0g2M9z3UTkzFiQ2zubsR1/gamification-system-visualization-showin-1772854601414-c2e20d91.png?_wi=1",
imageAlt: "Gamification with points and badges",
},
id: "3", title: "Gamified Learning System", tags: ["Badges", "Leaderboards"],
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQT8k0g2M9z3UTkzFiQ2zubsR1/gamification-system-visualization-showin-1772854601414-c2e20d91.png", imageAlt: "Gamification with points and badges"},
{
id: "4",
title: "Personalized Study Plans",
tags: ["AI Suggestions", "Adaptive"],
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQT8k0g2M9z3UTkzFiQ2zubsR1/personalized-study-plan-interface-with-a-1772854601060-373497b9.png",
imageAlt: "AI-generated personalized study plans",
},
id: "4", title: "Personalized Study Plans", tags: ["AI Suggestions", "Adaptive"],
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQT8k0g2M9z3UTkzFiQ2zubsR1/personalized-study-plan-interface-with-a-1772854601060-373497b9.png", imageAlt: "AI-generated personalized study plans"},
{
id: "5",
title: "Social Collaboration",
tags: ["Friends", "Challenges"],
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQT8k0g2M9z3UTkzFiQ2zubsR1/social-learning-interface-showing-friend-1772854600251-647508e2.png",
imageAlt: "Social learning with friends",
},
id: "5", title: "Social Collaboration", tags: ["Friends", "Challenges"],
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQT8k0g2M9z3UTkzFiQ2zubsR1/social-learning-interface-showing-friend-1772854600251-647508e2.png", imageAlt: "Social learning with friends"},
{
id: "6",
title: "Performance Analytics",
tags: ["Progress Tracking", "Insights"],
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQT8k0g2M9z3UTkzFiQ2zubsR1/comprehensive-performance-analytics-dash-1772854601077-b8759bfe.png?_wi=1",
imageAlt: "Detailed performance analytics",
},
id: "6", title: "Performance Analytics", tags: ["Progress Tracking", "Insights"],
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQT8k0g2M9z3UTkzFiQ2zubsR1/comprehensive-performance-analytics-dash-1772854601077-b8759bfe.png", imageAlt: "Detailed performance analytics"},
]}
animationType="slide-up"
textboxLayout="default"
@@ -145,58 +114,29 @@ export default function HomePage() {
tag="Flexible Pricing"
plans={[
{
id: "free",
price: "Free",
name: "Starter Plan",
buttons={[
id: "free", price: "Free", name: "Starter Plan", buttons: [
{ text: "Start Now", href: "/dashboard" },
{ text: "Learn More", href: "#" },
]}
features={[
"5 free quizzes per week",
"Basic AI suggestions",
"Access to community challenges",
"Performance tracking",
"Mobile app access",
]}
],
features: [
"5 free quizzes per week", "Basic AI suggestions", "Access to community challenges", "Performance tracking", "Mobile app access"],
},
{
id: "pro",
badge: "Most Popular",
badgeIcon: Sparkles,
price: "$0.99",
name: "Pro Plan",
buttons={[
id: "pro", badge: "Most Popular", badgeIcon: Sparkles,
price: "$0.99", name: "Pro Plan", buttons: [
{ text: "Start Free Trial", href: "/dashboard" },
{ text: "Chat Support", href: "#" },
]}
features={[
"Unlimited AI-generated quizzes",
"Advanced personalized study plans",
"Priority Quiz Arena matchmaking",
"Exclusive badges and levels",
"Real-time peer collaboration",
"Advanced analytics and insights",
"Ad-free experience",
]}
],
features: [
"Unlimited AI-generated quizzes", "Advanced personalized study plans", "Priority Quiz Arena matchmaking", "Exclusive badges and levels", "Real-time peer collaboration", "Advanced analytics and insights", "Ad-free experience"],
},
{
id: "enterprise",
price: "Custom",
name: "School Enterprise",
buttons={[
id: "enterprise", price: "Custom", name: "School Enterprise", buttons: [
{ text: "Request Demo", href: "/contact" },
{ text: "Pricing Details", href: "#" },
]}
features={[
"Classroom management tools",
"Teacher dashboards",
"Bulk user licenses",
"Custom curriculum integration",
"Advanced reporting",
"Dedicated support",
"Custom AI training",
]}
],
features: [
"Classroom management tools", "Teacher dashboards", "Bulk user licenses", "Custom curriculum integration", "Advanced reporting", "Dedicated support", "Custom AI training"],
},
]}
animationType="slide-up"
@@ -212,77 +152,23 @@ export default function HomePage() {
tag="Student Testimonials"
testimonials={[
{
id: "1",
name: "Alex Martinez, Grade 10",
date: "Date: 15 March 2025",
title: "Game changer for my math grades!",
quote:
"Learnify's AI quiz generator helped me identify my weak areas instantly. Within three weeks, my math score improved from C to A-. The Quiz Arena made studying actually fun with my friends.",
tag: "Math Excellence",
avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQT8k0g2M9z3UTkzFiQ2zubsR1/professional-portrait-of-a-diverse-teena-1772854599712-c9dbc09c.png",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQT8k0g2M9z3UTkzFiQ2zubsR1/student-studying-mathematics-with-focuse-1772854601158-ea963d4d.png?_wi=1",
imageAlt: "Student achieving math success",
},
id: "1", name: "Alex Martinez, Grade 10", date: "Date: 15 March 2025", title: "Game changer for my math grades!", quote:
"Learnify's AI quiz generator helped me identify my weak areas instantly. Within three weeks, my math score improved from C to A-. The Quiz Arena made studying actually fun with my friends.", tag: "Math Excellence", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQT8k0g2M9z3UTkzFiQ2zubsR1/professional-portrait-of-a-diverse-teena-1772854599712-c9dbc09c.png", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQT8k0g2M9z3UTkzFiQ2zubsR1/student-studying-mathematics-with-focuse-1772854601158-ea963d4d.png", imageAlt: "Student achieving math success"},
{
id: "2",
name: "Sofia Chen, Grade 9",
date: "Date: 12 March 2025",
title: "Best study platform for competitive exams",
quote:
"The personalized study plans are incredible. Learnify understands exactly what I need to focus on. The gamification keeps me motivated, and earning badges makes studying feel rewarding.",
tag: "Competitive Prep",
avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQT8k0g2M9z3UTkzFiQ2zubsR1/professional-portrait-of-a-diverse-teena-1772854599680-635c02fb.png",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQT8k0g2M9z3UTkzFiQ2zubsR1/student-preparing-for-competitive-exam-w-1772854600476-035d47ba.png?_wi=1",
imageAlt: "Student preparing for competitive exams",
},
id: "2", name: "Sofia Chen, Grade 9", date: "Date: 12 March 2025", title: "Best study platform for competitive exams", quote:
"The personalized study plans are incredible. Learnify understands exactly what I need to focus on. The gamification keeps me motivated, and earning badges makes studying feel rewarding.", tag: "Competitive Prep", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQT8k0g2M9z3UTkzFiQ2zubsR1/professional-portrait-of-a-diverse-teena-1772854599680-635c02fb.png", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQT8k0g2M9z3UTkzFiQ2zubsR1/student-preparing-for-competitive-exam-w-1772854600476-035d47ba.png", imageAlt: "Student preparing for competitive exams"},
{
id: "3",
name: "James Rodriguez, Grade 11",
date: "Date: 10 March 2025",
title: "Social learning at its finest",
quote:
"I love the Quiz Arena feature. Competing with my friends makes learning social and fun. Plus, the real-time feedback from the AI is way better than traditional tutoring.",
tag: "Social Learning",
avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQT8k0g2M9z3UTkzFiQ2zubsR1/professional-portrait-of-a-diverse-teena-1772854599487-9ff2545b.png",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQT8k0g2M9z3UTkzFiQ2zubsR1/group-of-students-in-friendly-competitio-1772854601210-87205054.png?_wi=1",
imageAlt: "Friends competing in Quiz Arena",
},
id: "3", name: "James Rodriguez, Grade 11", date: "Date: 10 March 2025", title: "Social learning at its finest", quote:
"I love the Quiz Arena feature. Competing with my friends makes learning social and fun. Plus, the real-time feedback from the AI is way better than traditional tutoring.", tag: "Social Learning", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQT8k0g2M9z3UTkzFiQ2zubsR1/professional-portrait-of-a-diverse-teena-1772854599487-9ff2545b.png", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQT8k0g2M9z3UTkzFiQ2zubsR1/group-of-students-in-friendly-competitio-1772854601210-87205054.png", imageAlt: "Friends competing in Quiz Arena"},
{
id: "4",
name: "Emma Thompson, Grade 7",
date: "Date: 8 March 2025",
title: "Finally understanding science!",
quote:
"The adaptive difficulty in Learnify adjusts to my pace perfectly. I never feel overwhelmed, and the daily progress suggestions keep me on track. My science grades have never been better!",
tag: "Science Success",
avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQT8k0g2M9z3UTkzFiQ2zubsR1/professional-portrait-of-a-young-teenage-1772854604657-88238284.png",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQT8k0g2M9z3UTkzFiQ2zubsR1/student-enthusiastically-studying-scienc-1772854602457-323beedc.png?_wi=1",
imageAlt: "Student mastering science",
},
id: "4", name: "Emma Thompson, Grade 7", date: "Date: 8 March 2025", title: "Finally understanding science!", quote:
"The adaptive difficulty in Learnify adjusts to my pace perfectly. I never feel overwhelmed, and the daily progress suggestions keep me on track. My science grades have never been better!", tag: "Science Success", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQT8k0g2M9z3UTkzFiQ2zubsR1/professional-portrait-of-a-young-teenage-1772854604657-88238284.png", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQT8k0g2M9z3UTkzFiQ2zubsR1/student-enthusiastically-studying-scienc-1772854602457-323beedc.png", imageAlt: "Student mastering science"},
{
id: "5",
name: "David Park, Grade 12",
date: "Date: 5 March 2025",
title: "Essential tool for college prep",
quote:
"Learnify's comprehensive analytics show exactly where I stand. The premium plan gave me access to advanced AI suggestions that prepared me perfectly for entrance exams.",
tag: "College Ready",
avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQT8k0g2M9z3UTkzFiQ2zubsR1/professional-portrait-of-a-mature-teenag-1772854599983-c589986f.png",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQT8k0g2M9z3UTkzFiQ2zubsR1/college-aged-student-reviewing-comprehen-1772854602923-cb72a084.png?_wi=1",
imageAlt: "Student preparing for college",
},
id: "5", name: "David Park, Grade 12", date: "Date: 5 March 2025", title: "Essential tool for college prep", quote:
"Learnify's comprehensive analytics show exactly where I stand. The premium plan gave me access to advanced AI suggestions that prepared me perfectly for entrance exams.", tag: "College Ready", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQT8k0g2M9z3UTkzFiQ2zubsR1/professional-portrait-of-a-mature-teenag-1772854599983-c589986f.png", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQT8k0g2M9z3UTkzFiQ2zubsR1/college-aged-student-reviewing-comprehen-1772854602923-cb72a084.png", imageAlt: "Student preparing for college"},
{
id: "6",
name: "Lily Wong, Grade 8",
date: "Date: 1 March 2025",
title: "Transform how you study",
quote:
"Learnify transformed my study habits. Instead of aimlessly reading notes, I get targeted quizzes generated by AI. The leaderboard motivates me to study more consistently.",
tag: "Study Habits",
avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQT8k0g2M9z3UTkzFiQ2zubsR1/professional-portrait-of-a-diverse-teena-1772854599638-c276d71e.png",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQT8k0g2M9z3UTkzFiQ2zubsR1/student-with-improved-study-habits-using-1772854601179-4977d4bd.png?_wi=1",
imageAlt: "Student with improved study habits",
},
id: "6", name: "Lily Wong, Grade 8", date: "Date: 1 March 2025", title: "Transform how you study", quote:
"Learnify transformed my study habits. Instead of aimlessly reading notes, I get targeted quizzes generated by AI. The leaderboard motivates me to study more consistently.", tag: "Study Habits", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQT8k0g2M9z3UTkzFiQ2zubsR1/professional-portrait-of-a-diverse-teena-1772854599638-c276d71e.png", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQT8k0g2M9z3UTkzFiQ2zubsR1/student-with-improved-study-habits-using-1772854601179-4977d4bd.png", imageAlt: "Student with improved study habits"},
]}
textboxLayout="default"
useInvertedBackground={false}
@@ -300,37 +186,46 @@ export default function HomePage() {
useInvertedBackground={false}
members={[
{
id: "1",
name: "Dr. Sarah Chen",
role: "CEO & Founder",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQT8k0g2M9z3UTkzFiQ2zubsR1/professional-headshot-of-dr-sarah-chen-f-1772854598888-5e329dd4.png?_wi=1",
imageAlt: "Dr. Sarah Chen, CEO",
},
id: "1", name: "Dr. Sarah Chen", role: "CEO & Founder", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQT8k0g2M9z3UTkzFiQ2zubsR1/professional-headshot-of-dr-sarah-chen-f-1772854598888-5e329dd4.png", imageAlt: "Dr. Sarah Chen, CEO"},
{
id: "2",
name: "Marcus Johnson",
role: "CTO & AI Specialist",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQT8k0g2M9z3UTkzFiQ2zubsR1/professional-headshot-of-marcus-johnson--1772854600301-c7e52f7e.png?_wi=1",
imageAlt: "Marcus Johnson, CTO",
},
id: "2", name: "Marcus Johnson", role: "CTO & AI Specialist", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQT8k0g2M9z3UTkzFiQ2zubsR1/professional-headshot-of-marcus-johnson--1772854600301-c7e52f7e.png", imageAlt: "Marcus Johnson, CTO"},
{
id: "3",
name: "Elena Rodriguez",
role: "Head of Education",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQT8k0g2M9z3UTkzFiQ2zubsR1/professional-headshot-of-elena-rodriguez-1772854599619-51eb4f25.png?_wi=1",
imageAlt: "Elena Rodriguez, Education Lead",
},
id: "3", name: "Elena Rodriguez", role: "Head of Education", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQT8k0g2M9z3UTkzFiQ2zubsR1/professional-headshot-of-elena-rodriguez-1772854599619-51eb4f25.png", imageAlt: "Elena Rodriguez, Education Lead"},
{
id: "4",
name: "James Park",
role: "Product Designer",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQT8k0g2M9z3UTkzFiQ2zubsR1/professional-headshot-of-james-park-male-1772854599731-0a6b506c.png?_wi=1",
imageAlt: "James Park, Product Designer",
},
id: "4", name: "James Park", role: "Product Designer", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQT8k0g2M9z3UTkzFiQ2zubsR1/professional-headshot-of-james-park-male-1772854599731-0a6b506c.png", imageAlt: "James Park, Product Designer"},
]}
/>
</div>
<div id="faq" data-section="faq">
<FaqDouble
title="Frequently Asked Questions"
description="Everything you need to know about Learnify"
tag="Help & Support"
faqs={[
{
id: "1", title: "How does Learnify's AI generate quizzes?", content: "Our AI uses Groq API to generate contextually relevant quizzes based on your subject, grade level, and learning goals. The system analyzes your performance and creates questions that target your weak areas for maximum learning efficiency."},
{
id: "2", title: "Is the free plan truly unlimited?", content: "The free plan allows 5 quizzes per week with basic features. The Pro plan ($0.99 introductory rate) unlocks unlimited AI-generated quizzes, advanced study plans, and exclusive features."},
{
id: "3", title: "How does Quiz Arena multiplayer work?", content: "Quiz Arena matches you with friends or random users for real-time quiz competitions. Questions are generated on-the-fly, and you compete by answering correctly and quickly. Winners earn badges and climb the leaderboard."},
{
id: "4", title: "Can teachers use Learnify in classrooms?", content: "Yes! Our School Enterprise plan provides teachers with classroom management tools, student dashboards, custom curriculum integration, and comprehensive reporting to track class progress."},
{
id: "5", title: "How accurate is the performance analytics?", content: "Our analytics track every quiz attempt, question accuracy, time spent, and learning patterns. The system uses this data to provide actionable insights and personalized study recommendations."},
{
id: "6", title: "Is my data secure on Learnify?", content: "Yes. We use Firebase authentication with enterprise-grade security, end-to-end encryption for sensitive data, and comply with COPPA for student privacy protection."},
{
id: "7", title: "What subjects does Learnify support?", content: "Learnify supports all major subjects including Math, Science, History, Literature, Languages, and more for grades 5-12. Custom subject creation is available for enterprise plans."},
{
id: "8", title: "Can I use Learnify offline?", content: "The web platform requires internet connection for AI features. However, our mobile app supports offline quiz mode where you can download pre-generated quizzes."},
]}
textboxLayout="default"
faqsAnimation="slide-up"
useInvertedBackground={false}
/>
</div>
<div id="contact-cta" data-section="contact-cta">
<ContactCTA
tag="Get In Touch"