Update src/app/page.tsx

This commit is contained in:
2026-06-02 07:12:49 +00:00
parent 3be21eccd4
commit 5e3c550587

View File

@@ -13,7 +13,7 @@ import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleAp
import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
import { Crown, GraduationCap, Lightbulb, Sparkles, Target, Users } from "lucide-react";
import { Crown, GraduationCap, Lightbulb, Sparkles, Target, Users, MessageSquareQuote } from "lucide-react";
export default function LandingPage() {
return (
@@ -34,33 +34,19 @@ export default function LandingPage() {
<NavbarStyleApple
navItems={[
{
name: "Home",
id: "#hero",
},
name: "Home", id: "#hero"},
{
name: "About",
id: "#about",
},
name: "About", id: "#about"},
{
name: "Features",
id: "#features",
},
name: "Features", id: "#features"},
{
name: "Testimonials",
id: "#testimonials",
},
name: "Testimonials", id: "#testimonials"},
{
name: "Pricing",
id: "#pricing",
},
name: "Pricing", id: "#pricing"},
{
name: "FAQs",
id: "#faq",
},
name: "FAQs", id: "#faq"},
{
name: "Contact",
id: "#contact",
},
name: "Contact", id: "#contact"},
]}
brandName="QuizLearn Academy"
/>
@@ -69,8 +55,7 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroBillboardRotatedCarousel
background={{
variant: "radial-gradient",
}}
variant: "radial-gradient"}}
title="Unlock Your Potential with Interactive Learning"
description="Engage with dynamic courses, master concepts through interactive quizzes, and track your progress seamlessly. Your journey to knowledge starts here."
tag="Featured"
@@ -78,46 +63,24 @@ export default function LandingPage() {
tagAnimation="slide-up"
buttons={[
{
text: "Start Learning Today",
href: "#features",
},
text: "Start Learning Today", href: "#features"},
{
text: "Explore Courses",
href: "#pricing",
},
text: "Explore Courses", href: "#pricing"},
]}
buttonAnimation="slide-up"
carouselItems={[
{
id: "1",
imageSrc: "http://img.b2bpic.net/free-photo/colleagues-doing-team-work-project_23-2149361550.jpg?_wi=1",
imageAlt: "Students collaboratively learning online",
},
id: "1", imageSrc: "http://img.b2bpic.net/free-photo/colleagues-doing-team-work-project_23-2149361550.jpg", imageAlt: "Students collaboratively learning online"},
{
id: "2",
imageSrc: "http://img.b2bpic.net/free-photo/young-girl-reading-library_23-2148727800.jpg?_wi=1",
imageAlt: "Student taking an interactive online quiz",
},
id: "2", imageSrc: "http://img.b2bpic.net/free-photo/young-girl-reading-library_23-2148727800.jpg", imageAlt: "Student taking an interactive online quiz"},
{
id: "3",
imageAlt: "A group brainstorming ideas for a project",
imageSrc: "http://img.b2bpic.net/free-photo/people-working-tech-brand-together_23-2150966126.jpg?_wi=1",
},
id: "3", imageAlt: "A group brainstorming ideas for a project", imageSrc: "http://img.b2bpic.net/free-photo/people-working-tech-brand-together_23-2150966126.jpg"},
{
id: "4",
imageAlt: "A teacher guiding a student using a laptop",
imageSrc: "http://img.b2bpic.net/free-photo/preteen-boy-uses-laptop-make-video-call-with-his-teacher_158595-7522.jpg",
},
id: "4", imageAlt: "A teacher guiding a student using a laptop", imageSrc: "http://img.b2bpic.net/free-photo/preteen-boy-uses-laptop-make-video-call-with-his-teacher_158595-7522.jpg"},
{
id: "5",
imageAlt: "A person receiving an online course completion certificate",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-girl-holding-laptop_23-2148499004.jpg",
},
id: "5", imageAlt: "A person receiving an online course completion certificate", imageSrc: "http://img.b2bpic.net/free-photo/close-up-girl-holding-laptop_23-2148499004.jpg"},
{
id: "6",
imageSrc: "http://img.b2bpic.net/free-photo/diverse-group-students-watching-virtual-video-tutorial_74855-1806.jpg",
imageAlt: "Futuristic learning interface with holographic elements",
},
id: "6", imageSrc: "http://img.b2bpic.net/free-photo/diverse-group-students-watching-virtual-video-tutorial_74855-1806.jpg", imageAlt: "Futuristic learning interface with holographic elements"},
]}
autoPlay={true}
autoPlayInterval={4000}
@@ -131,17 +94,11 @@ export default function LandingPage() {
description="QuizLearn Academy is dedicated to providing high-quality, accessible education through innovative technology. We believe in active learning, personalized paths, and fostering a global community of curious minds."
metrics={[
{
value: "150K+",
title: "Active Learners",
},
value: "150K+", title: "Active Learners"},
{
value: "500+",
title: "Diverse Courses",
},
value: "500+", title: "Diverse Courses"},
{
value: "95%",
title: "Satisfaction Rate",
},
value: "95%", title: "Satisfaction Rate"},
]}
tag="About Us"
imageSrc="http://img.b2bpic.net/free-photo/cute-sibligs-affectionated-with-game_329181-8168.jpg"
@@ -158,56 +115,32 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
title: "Interactive Quizzes",
description: "Reinforce your understanding with engaging, gamified quizzes that provide instant feedback and detailed explanations. Turn learning into an exciting challenge.",
icon: GraduationCap,
title: "Interactive Quizzes", description: "Reinforce your understanding with engaging, gamified quizzes that provide instant feedback and detailed explanations. Turn learning into an exciting challenge.", icon: GraduationCap,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/employee-putting-sticky-notes-laptop-screen-as-work-reminder-company-office-manager-using-adhesive-post-it-paper-display-remember-business-schedule-presentation-close-up_482257-33914.jpg",
imageAlt: "Interactive quiz interface on a tablet",
},
imageSrc: "http://img.b2bpic.net/free-photo/employee-putting-sticky-notes-laptop-screen-as-work-reminder-company-office-manager-using-adhesive-post-it-paper-display-remember-business-schedule-presentation-close-up_482257-33914.jpg", imageAlt: "Interactive quiz interface on a tablet"},
{
imageSrc: "http://img.b2bpic.net/free-photo/workers-explaining-graphics_1150-182.jpg",
imageAlt: "Data analytics dashboard showing learning progress",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/colleagues-doing-team-work-project_23-2149361550.jpg?_wi=2",
imageAlt: "interactive quiz interface design",
imageSrc: "http://img.b2bpic.net/free-photo/workers-explaining-graphics_1150-182.jpg", imageAlt: "Data analytics dashboard showing learning progress"},
]
},
{
title: "Personalized Learning Paths",
description: "Our adaptive platform tailors content to your pace and style, ensuring you focus on areas that matter most for your growth. Your journey, your way.",
icon: Target,
title: "Personalized Learning Paths", description: "Our adaptive platform tailors content to your pace and style, ensuring you focus on areas that matter most for your growth. Your journey, your way.", icon: Target,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/man-using-external-storage-used_23-2149388492.jpg",
imageAlt: "Infographic showing a personalized learning path",
},
imageSrc: "http://img.b2bpic.net/free-photo/man-using-external-storage-used_23-2149388492.jpg", imageAlt: "Infographic showing a personalized learning path"},
{
imageSrc: "http://img.b2bpic.net/free-photo/graduation-high-school-university-concept_185193-110755.jpg",
imageAlt: "A growing knowledge tree representing skill development",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/young-girl-reading-library_23-2148727800.jpg?_wi=2",
imageAlt: "interactive quiz interface design",
imageSrc: "http://img.b2bpic.net/free-photo/graduation-high-school-university-concept_185193-110755.jpg", imageAlt: "A growing knowledge tree representing skill development"},
]
},
{
title: "Vibrant Learning Community",
description: "Connect with peers, share insights, and collaborate on projects in our active forums and virtual study groups. Learn better together.",
icon: Users,
title: "Vibrant Learning Community", description: "Connect with peers, share insights, and collaborate on projects in our active forums and virtual study groups. Learn better together.", icon: Users,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/workers-getting-back-office_23-2149161642.jpg",
imageAlt: "Online learning community forum interface",
},
imageSrc: "http://img.b2bpic.net/free-photo/workers-getting-back-office_23-2149161642.jpg", imageAlt: "Online learning community forum interface"},
{
imageSrc: "http://img.b2bpic.net/free-photo/colleagues-studying-together-exam_23-2149038429.jpg",
imageAlt: "Diverse student avatars in an online group chat",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/people-working-tech-brand-together_23-2150966126.jpg?_wi=2",
imageAlt: "interactive quiz interface design",
},
imageSrc: "http://img.b2bpic.net/free-photo/colleagues-studying-together-exam_23-2149038429.jpg", imageAlt: "Diverse student avatars in an online group chat"},
]
}
]}
title="Dynamic Features for Modern Learners"
description="Discover how QuizLearn Academy empowers you with tools designed to make learning effective, engaging, and enjoyable."
@@ -220,14 +153,7 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
names={[
"Harvard Extension School",
"Coursera",
"edX",
"Khan Academy",
"Google for Creators",
"Microsoft Learn",
"Udemy",
]}
"Harvard Extension School", "Coursera", "edX", "Khan Academy", "Google for Creators", "Microsoft Learn", "Udemy"]}
title="Trusted by Leading Educational Partners"
description="We collaborate with top institutions and platforms to bring you the best learning content and opportunities."
tag="Our Collaborations"
@@ -241,35 +167,15 @@ export default function LandingPage() {
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Sarah J.",
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-female-student-sitting-with-laptop-windowsill_651396-1341.jpg",
imageAlt: "Sarah Johnson, student",
},
id: "1", name: "Sarah J.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-female-student-sitting-with-laptop-windowsill_651396-1341.jpg", imageAlt: "Sarah Johnson, student"},
{
id: "2",
name: "Michael R.",
imageSrc: "http://img.b2bpic.net/free-photo/international-day-education-cartoon-style_23-2151007374.jpg",
imageAlt: "Michael Roberts, professional",
},
id: "2", name: "Michael R.", imageSrc: "http://img.b2bpic.net/free-photo/international-day-education-cartoon-style_23-2151007374.jpg", imageAlt: "Michael Roberts, professional"},
{
id: "3",
name: "Emily K.",
imageSrc: "http://img.b2bpic.net/free-photo/graphic-designer-making-logo-notebook_23-2149142104.jpg",
imageAlt: "Emily Kim, young student",
},
id: "3", name: "Emily K.", imageSrc: "http://img.b2bpic.net/free-photo/graphic-designer-making-logo-notebook_23-2149142104.jpg", imageAlt: "Emily Kim, young student"},
{
id: "4",
name: "David L.",
imageSrc: "http://img.b2bpic.net/free-photo/teacher-staying-desk-writing-notebook_23-2148618638.jpg",
imageAlt: "David Lee, lifelong learner",
},
id: "4", name: "David L.", imageSrc: "http://img.b2bpic.net/free-photo/teacher-staying-desk-writing-notebook_23-2148618638.jpg", imageAlt: "David Lee, lifelong learner"},
{
id: "5",
name: "Olivia P.",
imageSrc: "http://img.b2bpic.net/free-photo/young-man-learning-virtual-classroom_23-2149200215.jpg",
imageAlt: "Olivia Perez, focused student",
},
id: "5", name: "Olivia P.", imageSrc: "http://img.b2bpic.net/free-photo/young-man-learning-virtual-classroom_23-2149200215.jpg", imageAlt: "Olivia Perez, focused student"},
]}
cardTitle="QuizLearn Academy transformed my learning journey! The interactive quizzes made complex topics enjoyable, and I felt supported every step of the way."
cardTag="Success Stories"
@@ -285,63 +191,31 @@ export default function LandingPage() {
useInvertedBackground={false}
plans={[
{
id: "basic",
badge: "Starter",
badgeIcon: Lightbulb,
price: "$0",
subtitle: "Free Forever",
buttons: [
id: "basic", badge: "Starter", badgeIcon: Lightbulb,
price: "$0", subtitle: "Free Forever", buttons: [
{
text: "Get Started Free",
href: "#contact",
},
text: "Get Started Free", href: "#contact"},
],
features: [
"Access to basic courses",
"Limited interactive quizzes",
"Community forum access",
"Basic progress tracking",
],
"Access to basic courses", "Limited interactive quizzes", "Community forum access", "Basic progress tracking"],
},
{
id: "pro",
badge: "Popular",
badgeIcon: Sparkles,
price: "$19/month",
subtitle: "Advanced Learning",
buttons: [
id: "pro", badge: "Popular", badgeIcon: Sparkles,
price: "$19/month", subtitle: "Advanced Learning", buttons: [
{
text: "Choose Pro Plan",
href: "#contact",
},
text: "Choose Pro Plan", href: "#contact"},
],
features: [
"Full course library access",
"Unlimited interactive quizzes",
"Personalized learning paths",
"Priority community support",
"Advanced analytics & insights",
],
"Full course library access", "Unlimited interactive quizzes", "Personalized learning paths", "Priority community support", "Advanced analytics & insights"],
},
{
id: "premium",
badge: "Ultimate",
badgeIcon: Crown,
price: "$49/month",
subtitle: "Mastery & Mentorship",
buttons: [
id: "premium", badge: "Ultimate", badgeIcon: Crown,
price: "$49/month", subtitle: "Mastery & Mentorship", buttons: [
{
text: "Go Premium",
href: "#contact",
},
text: "Go Premium", href: "#contact"},
],
features: [
"All Pro features",
"1-on-1 mentor sessions",
"Exclusive premium content",
"Dedicated technical support",
"Certificate of completion",
],
"All Pro features", "1-on-1 mentor sessions", "Exclusive premium content", "Dedicated technical support", "Certificate of completion"],
},
]}
title="Flexible Plans for Every Learner"
@@ -357,29 +231,11 @@ export default function LandingPage() {
useInvertedBackground={false}
metrics={[
{
id: "1",
value: "150K+",
title: "Students",
description: "Empowering a global community of learners to achieve their academic and professional goals.",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-colleagues-high-five-office_23-2149337286.jpg",
imageAlt: "Group of diverse students happily learning",
},
id: "1", value: "150K+", title: "Students", description: "Empowering a global community of learners to achieve their academic and professional goals.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-colleagues-high-five-office_23-2149337286.jpg", imageAlt: "Group of diverse students happily learning"},
{
id: "2",
value: "500+",
title: "Courses",
description: "A vast library of engaging courses across various subjects, designed by industry experts.",
imageSrc: "http://img.b2bpic.net/free-photo/entrepreneur-analyzing-architectural-sketches-blueprints-his-home_482257-90908.jpg",
imageAlt: "A variety of online course modules",
},
id: "2", value: "500+", title: "Courses", description: "A vast library of engaging courses across various subjects, designed by industry experts.", imageSrc: "http://img.b2bpic.net/free-photo/entrepreneur-analyzing-architectural-sketches-blueprints-his-home_482257-90908.jpg", imageAlt: "A variety of online course modules"},
{
id: "3",
value: "1M+",
title: "Quizzes Taken",
description: "Our interactive quizzes have helped millions of students solidify their understanding and track progress effectively.",
imageSrc: "http://img.b2bpic.net/free-photo/technology-hologram-indoors_23-2151833343.jpg",
imageAlt: "Screenshot of an interactive quiz results screen",
},
id: "3", value: "1M+", title: "Quizzes Taken", description: "Our interactive quizzes have helped millions of students solidify their understanding and track progress effectively.", imageSrc: "http://img.b2bpic.net/free-photo/technology-hologram-indoors_23-2151833343.jpg", imageAlt: "Screenshot of an interactive quiz results screen"},
]}
title="Our Impact in Numbers"
description="See the measurable difference QuizLearn Academy is making in the world of online education."
@@ -393,20 +249,11 @@ export default function LandingPage() {
useInvertedBackground={false}
faqs={[
{
id: "1",
title: "How do interactive quizzes work?",
content: "Our interactive quizzes feature multiple-choice questions, fill-in-the-blanks, and drag-and-drop exercises. You receive instant feedback on your answers, along with detailed explanations to help you understand the concepts better.",
},
id: "1", title: "How do interactive quizzes work?", content: "Our interactive quizzes feature multiple-choice questions, fill-in-the-blanks, and drag-and-drop exercises. You receive instant feedback on your answers, along with detailed explanations to help you understand the concepts better."},
{
id: "2",
title: "Can I track my learning progress?",
content: "Yes, our platform includes a comprehensive dashboard where you can track your course completion, quiz scores, and overall learning progress. You can easily identify areas for improvement and celebrate your achievements.",
},
id: "2", title: "Can I track my learning progress?", content: "Yes, our platform includes a comprehensive dashboard where you can track your course completion, quiz scores, and overall learning progress. You can easily identify areas for improvement and celebrate your achievements."},
{
id: "3",
title: "Are there certificates for course completion?",
content: "For our Pro and Premium plans, you will receive a digital certificate of completion upon successfully finishing a course, which you can share on your professional networks.",
},
id: "3", title: "Are there certificates for course completion?", content: "For our Pro and Premium plans, you will receive a digital certificate of completion upon successfully finishing a course, which you can share on your professional networks."},
]}
imageSrc="http://img.b2bpic.net/free-photo/two-male-graphic-designers-using-digital-tablet-mobile-phone_1170-767.jpg"
imageAlt="Customer support agent answering questions"
@@ -423,8 +270,7 @@ export default function LandingPage() {
<ContactSplit
useInvertedBackground={false}
background={{
variant: "plain",
}}
variant: "plain"}}
tag="Contact Us"
title="Ready to Start Learning?"
description="Have questions about our courses, quizzes, or platform? Reach out to our team, and we'll be happy to assist you on your educational journey."
@@ -444,79 +290,47 @@ export default function LandingPage() {
logoText="QuizLearn Academy"
columns={[
{
title: "Explore",
items: [
title: "Explore", items: [
{
label: "Home",
href: "#hero",
},
label: "Home", href: "#hero"},
{
label: "Courses",
href: "#pricing",
},
label: "Courses", href: "#pricing"},
{
label: "Features",
href: "#features",
},
label: "Features", href: "#features"},
{
label: "Quizzes",
href: "#features",
},
label: "Quizzes", href: "#features"},
],
},
{
title: "Company",
items: [
title: "Company", items: [
{
label: "About Us",
href: "#about",
},
label: "About Us", href: "#about"},
{
label: "Team",
href: "#",
},
label: "Team", href: "#"},
{
label: "Careers",
href: "#",
},
label: "Careers", href: "#"},
{
label: "Blog",
href: "#",
},
label: "Blog", href: "#"},
],
},
{
title: "Support",
items: [
title: "Support", items: [
{
label: "Contact",
href: "#contact",
},
label: "Contact", href: "#contact"},
{
label: "FAQs",
href: "#faq",
},
label: "FAQs", href: "#faq"},
{
label: "Help Center",
href: "#",
},
label: "Help Center", href: "#"},
],
},
{
title: "Legal",
items: [
title: "Legal", items: [
{
label: "Privacy Policy",
href: "#",
},
label: "Privacy Policy", href: "#"},
{
label: "Terms of Service",
href: "#",
},
label: "Terms of Service", href: "#"},
{
label: "Cookie Policy",
href: "#",
},
label: "Cookie Policy", href: "#"},
],
},
]}