Compare commits
2 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| f5f3df19b7 | |||
| 4fb983ab7b |
253
src/app/page.tsx
253
src/app/page.tsx
@@ -33,21 +33,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#home",
|
||||
},
|
||||
name: "Home", id: "#home"},
|
||||
{
|
||||
name: "Courses",
|
||||
id: "#courses",
|
||||
},
|
||||
name: "Courses", id: "#courses"},
|
||||
{
|
||||
name: "Dashboard",
|
||||
id: "#dashboard",
|
||||
},
|
||||
name: "Dashboard", id: "#dashboard"},
|
||||
{
|
||||
name: "Auth",
|
||||
id: "#auth",
|
||||
},
|
||||
name: "Auth", id: "#auth"},
|
||||
]}
|
||||
brandName="EduPlatform"
|
||||
/>
|
||||
@@ -56,46 +48,29 @@ export default function LandingPage() {
|
||||
<div id="home" data-section="home">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
title="Unlock Your Potential with EduPlatform"
|
||||
description="Master new skills, advance your career, and achieve your learning goals with our interactive online courses designed by industry experts."
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Courses",
|
||||
href: "#courses",
|
||||
},
|
||||
text: "Explore Courses", href: "#courses"},
|
||||
{
|
||||
text: "Get Started Free",
|
||||
href: "#auth",
|
||||
},
|
||||
text: "Get Started Free", href: "#auth"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-kid-studying-home_23-2149043811.jpg",
|
||||
imageAlt: "Diverse students collaborating online",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-kid-studying-home_23-2149043811.jpg", imageAlt: "Diverse students collaborating online"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-learning-virtual-classroom_23-2149200225.jpg",
|
||||
imageAlt: "Teacher instructing a virtual class",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-learning-virtual-classroom_23-2149200225.jpg", imageAlt: "Teacher instructing a virtual class"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hipster-guy-with-bushy-hair-sitting-university-canteen-scratching-his-head-with-pencil-trying-understand-how-accomplish-difficult-task-using-internet-helping_273609-7475.jpg",
|
||||
imageAlt: "Student taking notes during an online lesson",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hipster-guy-with-bushy-hair-sitting-university-canteen-scratching-his-head-with-pencil-trying-understand-how-accomplish-difficult-task-using-internet-helping_273609-7475.jpg", imageAlt: "Student taking notes during an online lesson"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/office-worker-analyzing-business-charts-laptop-using-paperwork-research-information-make-data-report-working-from-home-startup-analysis-with-web-graphs-browsing-internet_482257-50961.jpg",
|
||||
imageAlt: "Dashboard showing learning progress",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/office-worker-analyzing-business-charts-laptop-using-paperwork-research-information-make-data-report-working-from-home-startup-analysis-with-web-graphs-browsing-internet_482257-50961.jpg", imageAlt: "Dashboard showing learning progress"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/three-college-students-working-home-assignment-sitting-cafeteria-making-research-looking-required-information-internet-using-digital-tablet_273609-5794.jpg",
|
||||
imageAlt: "Group of students studying together",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/three-college-students-working-home-assignment-sitting-cafeteria-making-research-looking-required-information-internet-using-digital-tablet_273609-5794.jpg", imageAlt: "Group of students studying together"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/graduation-day-mortarboard-diploma-light-background_187299-47243.jpg",
|
||||
imageAlt: "Certificate of completion for an online course",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/graduation-day-mortarboard-diploma-light-background_187299-47243.jpg", imageAlt: "Certificate of completion for an online course"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -121,37 +96,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "sequential-unlock",
|
||||
title: "Sequential Lesson Unlocking",
|
||||
subtitle: "Progress step-by-step through courses, with each new lesson unlocking only after previous ones are completed.",
|
||||
category: "Learning Flow",
|
||||
value: "Mastery Focused",
|
||||
},
|
||||
id: "sequential-unlock", title: "Sequential Lesson Unlocking", subtitle: "Progress step-by-step through courses, with each new lesson unlocking only after previous ones are completed.", category: "Learning Flow", value: "Mastery Focused"},
|
||||
{
|
||||
id: "pomodoro-timer",
|
||||
title: "Built-in Pomodoro Timer",
|
||||
subtitle: "Boost your focus and productivity with our integrated 25/5 minute Pomodoro timer, tracking your study sessions automatically.",
|
||||
category: "Study Tools",
|
||||
value: "Time Management",
|
||||
},
|
||||
id: "pomodoro-timer", title: "Built-in Pomodoro Timer", subtitle: "Boost your focus and productivity with our integrated 25/5 minute Pomodoro timer, tracking your study sessions automatically.", category: "Study Tools", value: "Time Management"},
|
||||
{
|
||||
id: "smart-notebook",
|
||||
title: "Smart Lesson Notebook",
|
||||
subtitle: "Take personalized notes directly within lessons, with automatic saving (debounce) to your Supabase account.",
|
||||
category: "Note Taking",
|
||||
value: "Integrated Learning",
|
||||
},
|
||||
id: "smart-notebook", title: "Smart Lesson Notebook", subtitle: "Take personalized notes directly within lessons, with automatic saving (debounce) to your Supabase account.", category: "Note Taking", value: "Integrated Learning"},
|
||||
{
|
||||
id: "activity-heatmap",
|
||||
title: "Personal Activity Heatmap",
|
||||
subtitle: "Visualize your learning progress and consistency with a GitHub-style annual activity heatmap based on your study sessions.",
|
||||
category: "Progress Tracking",
|
||||
value: "Motivation",
|
||||
},
|
||||
id: "activity-heatmap", title: "Personal Activity Heatmap", subtitle: "Visualize your learning progress and consistency with a GitHub-style annual activity heatmap based on your study sessions.", category: "Progress Tracking", value: "Motivation"},
|
||||
]}
|
||||
title="Designed for Your Success"
|
||||
description="Experience a learning journey tailored to your needs, fostering deep engagement and mastery with innovative tools."
|
||||
tag="Key Features"
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Courses", href: "#courses"},
|
||||
{
|
||||
text: "Start Learning Now", href: "#auth"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -163,47 +124,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "course-1",
|
||||
name: "Full-Stack Web Development",
|
||||
price: "$299",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/database-designer-writing-code-using-laptop-with-green-screen-chroma-key-mockup-sitting-desk-busy-developers-agency-programer-looking-multiple-screens-with-programming-language_482257-41854.jpg",
|
||||
imageAlt: "Code editor on a laptop screen",
|
||||
},
|
||||
id: "course-1", name: "Full-Stack Web Development", price: "$299", imageSrc: "http://img.b2bpic.net/free-photo/database-designer-writing-code-using-laptop-with-green-screen-chroma-key-mockup-sitting-desk-busy-developers-agency-programer-looking-multiple-screens-with-programming-language_482257-41854.jpg", imageAlt: "Code editor on a laptop screen"},
|
||||
{
|
||||
id: "course-2",
|
||||
name: "Digital Marketing Fundamentals",
|
||||
price: "$199",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hand-holding-smartphone-social-media-concept_23-2150208245.jpg",
|
||||
imageAlt: "Marketing analytics dashboard",
|
||||
},
|
||||
id: "course-2", name: "Digital Marketing Fundamentals", price: "$199", imageSrc: "http://img.b2bpic.net/free-photo/hand-holding-smartphone-social-media-concept_23-2150208245.jpg", imageAlt: "Marketing analytics dashboard"},
|
||||
{
|
||||
id: "course-3",
|
||||
name: "Graphic Design Masterclass",
|
||||
price: "$249",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-graphic-design-studio_23-2151320708.jpg",
|
||||
imageAlt: "Colorful graphic design software",
|
||||
},
|
||||
id: "course-3", name: "Graphic Design Masterclass", price: "$249", imageSrc: "http://img.b2bpic.net/free-photo/still-life-graphic-design-studio_23-2151320708.jpg", imageAlt: "Colorful graphic design software"},
|
||||
{
|
||||
id: "course-4",
|
||||
name: "Business Strategy & Management",
|
||||
price: "$349",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-using-digital-device-while-meeting_23-2149085999.jpg",
|
||||
imageAlt: "Business presentation meeting",
|
||||
},
|
||||
id: "course-4", name: "Business Strategy & Management", price: "$349", imageSrc: "http://img.b2bpic.net/free-photo/people-using-digital-device-while-meeting_23-2149085999.jpg", imageAlt: "Business presentation meeting"},
|
||||
{
|
||||
id: "course-5",
|
||||
name: "Introduction to Data Science",
|
||||
price: "$279",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/teamworking-startup-technicians-cooperating-ai-industry-company_482257-125185.jpg",
|
||||
imageAlt: "Data visualization on a computer",
|
||||
},
|
||||
id: "course-5", name: "Introduction to Data Science", price: "$279", imageSrc: "http://img.b2bpic.net/free-photo/teamworking-startup-technicians-cooperating-ai-industry-company_482257-125185.jpg", imageAlt: "Data visualization on a computer"},
|
||||
{
|
||||
id: "course-6",
|
||||
name: "Learn a New Language: English",
|
||||
price: "$149",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/diverse-girl-boy-meet-homework_273609-28622.jpg",
|
||||
imageAlt: "Language learning app on tablet",
|
||||
},
|
||||
id: "course-6", name: "Learn a New Language: English", price: "$149", imageSrc: "http://img.b2bpic.net/free-photo/diverse-girl-boy-meet-homework_273609-28622.jpg", imageAlt: "Language learning app on tablet"},
|
||||
]}
|
||||
title="Our Popular Courses"
|
||||
description="Dive into expert-led courses across various categories and start your learning journey today. Filter by category and search for specific topics."
|
||||
@@ -217,28 +148,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "students",
|
||||
value: "100k+",
|
||||
title: "Active Students",
|
||||
items: [
|
||||
"Across 150+ countries",
|
||||
],
|
||||
id: "students", value: "100k+", title: "Active Students", items: [
|
||||
"Across 150+ countries"],
|
||||
},
|
||||
{
|
||||
id: "courses",
|
||||
value: "500+",
|
||||
title: "Expert-Led Courses",
|
||||
items: [
|
||||
"Diverse subjects & skills",
|
||||
],
|
||||
id: "courses", value: "500+", title: "Expert-Led Courses", items: [
|
||||
"Diverse subjects & skills"],
|
||||
},
|
||||
{
|
||||
id: "hours",
|
||||
value: "1M+",
|
||||
title: "Hours of Learning",
|
||||
items: [
|
||||
"And counting, growing daily!",
|
||||
],
|
||||
id: "hours", value: "1M+", title: "Hours of Learning", items: [
|
||||
"And counting, growing daily!"],
|
||||
},
|
||||
]}
|
||||
title="EduPlatform by the Numbers"
|
||||
@@ -251,35 +170,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Aizada K.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/overhead-view-male-female-student-reading-book_23-2148093591.jpg",
|
||||
imageAlt: "Portrait of Aizada, a satisfied student",
|
||||
},
|
||||
id: "1", name: "Aizada K.", imageSrc: "http://img.b2bpic.net/free-photo/overhead-view-male-female-student-reading-book_23-2148093591.jpg", imageAlt: "Portrait of Aizada, a satisfied student"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Beksultan T.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/joyful-young-student-boy-sitting-desk-with-school-tools-holding-phone-raising-hand_141793-80664.jpg",
|
||||
imageAlt: "Portrait of Beksultan, an excited learner",
|
||||
},
|
||||
id: "2", name: "Beksultan T.", imageSrc: "http://img.b2bpic.net/free-photo/joyful-young-student-boy-sitting-desk-with-school-tools-holding-phone-raising-hand_141793-80664.jpg", imageAlt: "Portrait of Beksultan, an excited learner"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Meerim A.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/inspired-illustrator-thinking-customers-wishes_1262-18519.jpg",
|
||||
imageAlt: "Portrait of Meerim, a thoughtful professional",
|
||||
},
|
||||
id: "3", name: "Meerim A.", imageSrc: "http://img.b2bpic.net/free-photo/inspired-illustrator-thinking-customers-wishes_1262-18519.jpg", imageAlt: "Portrait of Meerim, a thoughtful professional"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Nurlan D.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-man-posing-sitting-with-laptop-garden_651396-993.jpg",
|
||||
imageAlt: "Portrait of Nurlan, an energetic student",
|
||||
},
|
||||
id: "4", name: "Nurlan D.", imageSrc: "http://img.b2bpic.net/free-photo/stylish-man-posing-sitting-with-laptop-garden_651396-993.jpg", imageAlt: "Portrait of Nurlan, an energetic student"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Elena S.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/university-colleagues-posing-university_23-2148844672.jpg",
|
||||
imageAlt: "Portrait of Elena, a smiling student",
|
||||
},
|
||||
id: "5", name: "Elena S.", imageSrc: "http://img.b2bpic.net/free-photo/university-colleagues-posing-university_23-2148844672.jpg", imageAlt: "Portrait of Elena, a smiling student"},
|
||||
]}
|
||||
cardTitle="What Our Learners Say"
|
||||
cardTag="Success Stories"
|
||||
@@ -292,25 +191,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "faq1",
|
||||
title: "How do I enroll in a course?",
|
||||
content: "Enrolling is simple! Browse our comprehensive course catalog, select a course that interests you, and click the 'Enroll' button. If you don't have an EduPlatform account yet, you'll be prompted to create one quickly.",
|
||||
},
|
||||
id: "faq1", title: "How do I enroll in a course?", content: "Enrolling is simple! Browse our comprehensive course catalog, select a course that interests you, and click the 'Enroll' button. If you don't have an EduPlatform account yet, you'll be prompted to create one quickly."},
|
||||
{
|
||||
id: "faq2",
|
||||
title: "What payment methods are accepted?",
|
||||
content: "We support a variety of secure payment methods for your convenience, including all major credit cards (Visa, MasterCard, Amex), PayPal, and Google Pay.",
|
||||
},
|
||||
id: "faq2", title: "What payment methods are accepted?", content: "We support a variety of secure payment methods for your convenience, including all major credit cards (Visa, MasterCard, Amex), PayPal, and Google Pay."},
|
||||
{
|
||||
id: "faq3",
|
||||
title: "Can I access courses on mobile devices?",
|
||||
content: "Absolutely! EduPlatform is designed to be fully mobile-responsive, allowing you to seamlessly access and continue your learning on the go from any smartphone, tablet, or desktop computer.",
|
||||
},
|
||||
id: "faq3", title: "Can I access courses on mobile devices?", content: "Absolutely! EduPlatform is designed to be fully mobile-responsive, allowing you to seamlessly access and continue your learning on the go from any smartphone, tablet, or desktop computer."},
|
||||
{
|
||||
id: "faq4",
|
||||
title: "How does sequential lesson unlocking work?",
|
||||
content: "To ensure thorough understanding, new lessons in a course will automatically unlock only after you have achieved 100% completion of the preceding lesson. This structured approach helps in building a strong foundation.",
|
||||
},
|
||||
id: "faq4", title: "How does sequential lesson unlocking work?", content: "To ensure thorough understanding, new lessons in a course will automatically unlock only after you have achieved 100% completion of the preceding lesson. This structured approach helps in building a strong foundation."},
|
||||
]}
|
||||
sideTitle="Frequently Asked Questions"
|
||||
sideDescription="Find quick answers to common questions about EduPlatform, our courses, enrollment process, and technical support."
|
||||
@@ -323,8 +210,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
tag="Stay Updated"
|
||||
title="Ready to Start Learning?"
|
||||
description="Sign up for our exclusive newsletter to receive timely updates on new course releases, special offers, and valuable learning tips directly in your inbox."
|
||||
@@ -338,58 +224,35 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Platform",
|
||||
items: [
|
||||
title: "Platform", items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "#home",
|
||||
},
|
||||
label: "Home", href: "#home"},
|
||||
{
|
||||
label: "Features",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Features", href: "#features"},
|
||||
{
|
||||
label: "Courses",
|
||||
href: "#courses",
|
||||
},
|
||||
label: "Courses", href: "#courses"},
|
||||
{
|
||||
label: "Dashboard",
|
||||
href: "#dashboard",
|
||||
},
|
||||
label: "Dashboard", href: "#dashboard"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Testimonials",
|
||||
href: "#testimonials",
|
||||
},
|
||||
label: "Testimonials", href: "#testimonials"},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "FAQ", href: "#faq"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user