Merge version_2 into main #5
138
src/app/page.tsx
138
src/app/page.tsx
@@ -102,28 +102,16 @@ export default function HomePage() {
|
||||
features={[
|
||||
{
|
||||
id: 1,
|
||||
title: "Video Lessons",
|
||||
description: "High-quality educational videos with adjustable playback speeds, captions, and transcripts. Pause anytime without judgment.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ay97msnAsx7j8YMq8wbMAzMUCf/a-large-easy-to-use-media-player-interfa-1773554113056-4ae5d4c5.png?_wi=1",
|
||||
},
|
||||
title: "Video Lessons", description: "High-quality educational videos with adjustable playback speeds, captions, and transcripts. Pause anytime without judgment.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ay97msnAsx7j8YMq8wbMAzMUCf/a-large-easy-to-use-media-player-interfa-1773554113056-4ae5d4c5.png?_wi=1"},
|
||||
{
|
||||
id: 2,
|
||||
title: "Interactive Notes",
|
||||
description: "Dyslexia-friendly note templates with visual organization, color-coding, and speech-to-text support for easy capture.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ay97msnAsx7j8YMq8wbMAzMUCf/a-colorful-note-taking-interface-with-la-1773554115394-d69fac38.png?_wi=2",
|
||||
},
|
||||
title: "Interactive Notes", description: "Dyslexia-friendly note templates with visual organization, color-coding, and speech-to-text support for easy capture.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ay97msnAsx7j8YMq8wbMAzMUCf/a-colorful-note-taking-interface-with-la-1773554115394-d69fac38.png?_wi=2"},
|
||||
{
|
||||
id: 3,
|
||||
title: "Podcasts & Audio",
|
||||
description: "Learn on-the-go with podcast versions of lessons. Perfect for commutes, walks, or when reading feels hard.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ay97msnAsx7j8YMq8wbMAzMUCf/a-large-easy-to-use-media-player-interfa-1773554113056-4ae5d4c5.png?_wi=2",
|
||||
},
|
||||
title: "Podcasts & Audio", description: "Learn on-the-go with podcast versions of lessons. Perfect for commutes, walks, or when reading feels hard.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ay97msnAsx7j8YMq8wbMAzMUCf/a-large-easy-to-use-media-player-interfa-1773554113056-4ae5d4c5.png?_wi=2"},
|
||||
{
|
||||
id: 4,
|
||||
title: "Focus Music Library",
|
||||
description: "Curated music and ambient sounds to help with focus and concentration. Choose your vibe: lo-fi, nature sounds, or silence.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ay97msnAsx7j8YMq8wbMAzMUCf/a-visual-progress-tracking-dashboard-wit-1773554114001-b85a3ecf.png?_wi=1",
|
||||
},
|
||||
title: "Focus Music Library", description: "Curated music and ambient sounds to help with focus and concentration. Choose your vibe: lo-fi, nature sounds, or silence.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ay97msnAsx7j8YMq8wbMAzMUCf/a-visual-progress-tracking-dashboard-wit-1773554114001-b85a3ecf.png?_wi=1"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -141,26 +129,11 @@ export default function HomePage() {
|
||||
animationType="slide-up"
|
||||
products={[
|
||||
{
|
||||
id: "video-library",
|
||||
name: "Video Lessons Library",
|
||||
price: "Included",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ay97msnAsx7j8YMq8wbMAzMUCf/a-large-easy-to-use-media-player-interfa-1773554113056-4ae5d4c5.png?_wi=3",
|
||||
imageAlt: "Video player with course content",
|
||||
},
|
||||
id: "video-library", name: "Video Lessons Library", price: "Included", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ay97msnAsx7j8YMq8wbMAzMUCf/a-large-easy-to-use-media-player-interfa-1773554113056-4ae5d4c5.png?_wi=3", imageAlt: "Video player with course content"},
|
||||
{
|
||||
id: "note-system",
|
||||
name: "Smart Notes System",
|
||||
price: "Included",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ay97msnAsx7j8YMq8wbMAzMUCf/a-colorful-note-taking-interface-with-la-1773554115394-d69fac38.png?_wi=3",
|
||||
imageAlt: "Accessible note-taking interface",
|
||||
},
|
||||
id: "note-system", name: "Smart Notes System", price: "Included", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ay97msnAsx7j8YMq8wbMAzMUCf/a-colorful-note-taking-interface-with-la-1773554115394-d69fac38.png?_wi=3", imageAlt: "Accessible note-taking interface"},
|
||||
{
|
||||
id: "ai-chat",
|
||||
name: "AI Study Tutor",
|
||||
price: "Included",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ay97msnAsx7j8YMq8wbMAzMUCf/a-friendly-ai-chat-assistant-interface-f-1773554112803-9c499039.png?_wi=1",
|
||||
imageAlt: "AI chat assistant for homework help",
|
||||
},
|
||||
id: "ai-chat", name: "AI Study Tutor", price: "Included", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ay97msnAsx7j8YMq8wbMAzMUCf/a-friendly-ai-chat-assistant-interface-f-1773554112803-9c499039.png?_wi=1", imageAlt: "AI chat assistant for homework help"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -182,37 +155,17 @@ export default function HomePage() {
|
||||
]}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Maya Johnson",
|
||||
role: "Year 8 Student",
|
||||
company: "London Secondary",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ay97msnAsx7j8YMq8wbMAzMUCf/portrait-photo-of-a-diverse-young-studen-1773554114229-1e9610c0.png",
|
||||
},
|
||||
id: "1", name: "Maya Johnson", role: "Year 8 Student", company: "London Secondary", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ay97msnAsx7j8YMq8wbMAzMUCf/portrait-photo-of-a-diverse-young-studen-1773554114229-1e9610c0.png"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Alex Chen",
|
||||
role: "GCSE Preparation",
|
||||
company: "Online Learner",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ay97msnAsx7j8YMq8wbMAzMUCf/portrait-of-a-teenage-student-age-14-18--1773554114454-7d154139.png",
|
||||
},
|
||||
id: "2", name: "Alex Chen", role: "GCSE Preparation", company: "Online Learner", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ay97msnAsx7j8YMq8wbMAzMUCf/portrait-of-a-teenage-student-age-14-18--1773554114454-7d154139.png"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Sarah Williams",
|
||||
role: "University Student",
|
||||
company: "Cambridge Uni",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ay97msnAsx7j8YMq8wbMAzMUCf/portrait-of-a-college-aged-student-age-1-1773554112523-5fba93d9.png",
|
||||
},
|
||||
id: "3", name: "Sarah Williams", role: "University Student", company: "Cambridge Uni", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ay97msnAsx7j8YMq8wbMAzMUCf/portrait-of-a-college-aged-student-age-1-1773554112523-5fba93d9.png"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Jordan Ahmed",
|
||||
role: "Year 11 Student",
|
||||
company: "Online Learner",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ay97msnAsx7j8YMq8wbMAzMUCf/portrait-of-another-diverse-student-age--1773554112727-dbef568c.png",
|
||||
},
|
||||
id: "4", name: "Jordan Ahmed", role: "Year 11 Student", company: "Online Learner", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ay97msnAsx7j8YMq8wbMAzMUCf/portrait-of-another-diverse-student-age--1773554112727-dbef568c.png"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -230,37 +183,58 @@ export default function HomePage() {
|
||||
animationType="blur-reveal"
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "50K+",
|
||||
title: "Active Users",
|
||||
description: "Students using StudyFlow daily",
|
||||
icon: Users,
|
||||
id: "1", value: "50K+", title: "Active Users", description: "Students using StudyFlow daily", icon: Users,
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
value: "1000+",
|
||||
title: "Courses Available",
|
||||
description: "From Year 1 to University level",
|
||||
icon: BookOpen,
|
||||
id: "2", value: "1000+", title: "Courses Available", description: "From Year 1 to University level", icon: BookOpen,
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
value: "25+",
|
||||
title: "Languages Supported",
|
||||
description: "Learning in your native language",
|
||||
icon: Globe,
|
||||
id: "3", value: "25+", title: "Languages Supported", description: "Learning in your native language", icon: Globe,
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
value: "98%",
|
||||
title: "Accessibility Score",
|
||||
description: "WCAG AAA compliance certified",
|
||||
icon: CheckCircle,
|
||||
id: "4", value: "98%", title: "Accessibility Score", description: "WCAG AAA compliance certified", icon: CheckCircle,
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardOne
|
||||
title="Simple, Transparent Pricing"
|
||||
description="Choose the plan that fits your learning journey. All plans include core features to help you study your way."
|
||||
tag="Subscription Plans"
|
||||
tagIcon={Crown}
|
||||
tagAnimation="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
animationType="blur-reveal"
|
||||
plans={[
|
||||
{
|
||||
id: "starter", badge: "Most Popular", badgeIcon: Star,
|
||||
price: "£4.99/month", subtitle: "Perfect for getting started", features: [
|
||||
"Access to video lesson library", "Interactive note-taking tools", "Podcast versions of lessons", "Focus music library", "Basic AI chat support", "5 study sessions/month"
|
||||
]
|
||||
},
|
||||
{
|
||||
id: "pro", badge: "Best Value", badgeIcon: Sparkles,
|
||||
price: "£9.99/month", subtitle: "For serious learners", features: [
|
||||
"Everything in Starter", "Unlimited AI study sessions", "Personalized learning paths", "Progress tracking & analytics", "Priority support", "Downloadable resources", "Advanced accessibility options"
|
||||
]
|
||||
},
|
||||
{
|
||||
id: "premium", badge: "All Access", badgeIcon: Crown,
|
||||
price: "£14.99/month", subtitle: "Complete learning ecosystem", features: [
|
||||
"Everything in Pro", "1-on-1 study sessions with tutors", "Custom study plans by experts", "Exam preparation modules", "Offline access to all content", "Ad-free experience", "Early access to new features"
|
||||
]
|
||||
}
|
||||
]}
|
||||
buttons={[
|
||||
{ text: "View Full Comparison", href: "#pricing" }
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="StudyFlow"
|
||||
|
||||
Reference in New Issue
Block a user