Merge version_1 into main #2
184
src/app/page.tsx
184
src/app/page.tsx
@@ -32,21 +32,13 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Features",
|
||||
id: "#features",
|
||||
},
|
||||
name: "Features", id: "#features"},
|
||||
{
|
||||
name: "Metrics",
|
||||
id: "#metrics",
|
||||
},
|
||||
name: "Metrics", id: "#metrics"},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "#reviews",
|
||||
},
|
||||
name: "Reviews", id: "#reviews"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
brandName="QuizMaster"
|
||||
/>
|
||||
@@ -55,21 +47,16 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
logoText="QuizMaster"
|
||||
description="Master any topic with our intelligent, lightning-fast, and gamified quiz platform designed for learners, educators, and everyone in between."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get Started", href: "#contact"},
|
||||
{
|
||||
text: "View Features",
|
||||
href: "#features",
|
||||
},
|
||||
text: "View Features", href: "#features"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/network-people-digital-world_9975-23272.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/network-people-digital-world_9975-23272.jpg"
|
||||
imageAlt="QuizMaster app interface"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -82,15 +69,11 @@ export default function LandingPage() {
|
||||
description="We transform study material into interactive challenges, helping you memorize complex concepts faster than ever with adaptive learning technology."
|
||||
metrics={[
|
||||
{
|
||||
value: "1.5M+",
|
||||
title: "Questions Answered",
|
||||
},
|
||||
value: "1.5M+", title: "Questions Answered"},
|
||||
{
|
||||
value: "50K+",
|
||||
title: "Active Students",
|
||||
},
|
||||
value: "50K+", title: "Active Students"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/young-pretty-woman-student-browsed-mobile-phone-walking-city-street_231208-1202.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/young-pretty-woman-student-browsed-mobile-phone-walking-city-street_231208-1202.jpg"
|
||||
imageAlt="Quiz experience preview"
|
||||
mediaAnimation="slide-up"
|
||||
metricsAnimation="slide-up"
|
||||
@@ -103,48 +86,25 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Smart Adaptive Logic",
|
||||
description: "Questions that adapt to your skill level, focusing on where you need to improve most.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-important-documents_329181-14539.jpg",
|
||||
imageAlt: "Adaptive logic preview",
|
||||
},
|
||||
title: "Smart Adaptive Logic", description: "Questions that adapt to your skill level, focusing on where you need to improve most.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-important-documents_329181-14539.jpg", imageAlt: "Adaptive logic preview"},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/product-design-drawing-website-graphic_53876-120423.jpg",
|
||||
imageAlt: "Learning analytics",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/network-people-digital-world_9975-23272.jpg?_wi=2",
|
||||
imageAlt: "quiz statistics",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/product-design-drawing-website-graphic_53876-120423.jpg", imageAlt: "Learning analytics"},
|
||||
},
|
||||
{
|
||||
title: "Gamified Experience",
|
||||
description: "Compete with friends, earn badges, and climb the leaderboard as you conquer topics.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/colorful-overloaded-bullet-journal_23-2150248154.jpg",
|
||||
imageAlt: "Leaderboards screen",
|
||||
},
|
||||
title: "Gamified Experience", description: "Compete with friends, earn badges, and climb the leaderboard as you conquer topics.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/colorful-overloaded-bullet-journal_23-2150248154.jpg", imageAlt: "Leaderboards screen"},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-checking-some-statistics-paper_23-2148311810.jpg",
|
||||
imageAlt: "Achievement badges",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-pretty-woman-student-browsed-mobile-phone-walking-city-street_231208-1202.jpg?_wi=2",
|
||||
imageAlt: "quiz statistics",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-checking-some-statistics-paper_23-2148311810.jpg", imageAlt: "Achievement badges"},
|
||||
},
|
||||
{
|
||||
title: "Instant Feedback",
|
||||
description: "Get real-time insights and explanations for every question you answer, keeping momentum high.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/representations-user-experience-interface-design_23-2150104513.jpg",
|
||||
imageAlt: "Feedback preview",
|
||||
},
|
||||
title: "Instant Feedback", description: "Get real-time insights and explanations for every question you answer, keeping momentum high.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/representations-user-experience-interface-design_23-2150104513.jpg", imageAlt: "Feedback preview"},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/worried-unconfident-young-redhead-intense-cute-girl-frowning-nervously-waiting-improtant-moment-cross-fingers-good-luck-bite-lip-anxiously-frowning-look-upper-left-corner-praying-wish-come-true_1258-307017.jpg",
|
||||
imageAlt: "Analysis UI",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/call-center-worker-office-using-ai-chatbot-reply-customers_482257-126151.jpg?_wi=1",
|
||||
imageAlt: "quiz statistics",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/worried-unconfident-young-redhead-intense-cute-girl-frowning-nervously-waiting-improtant-moment-cross-fingers-good-luck-bite-lip-anxiously-frowning-look-upper-left-corner-praying-wish-come-true_1258-307017.jpg", imageAlt: "Analysis UI"},
|
||||
},
|
||||
]}
|
||||
animationType="slide-up"
|
||||
showStepNumbers={true}
|
||||
title="Built for Excellence"
|
||||
description="Powerful features to ensure your learning path is efficient, rewarding, and deeply engaging."
|
||||
@@ -159,25 +119,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "95%",
|
||||
title: "Retention Rate",
|
||||
description: "Compared to traditional rote learning methods.",
|
||||
icon: Zap,
|
||||
id: "m1", value: "95%", title: "Retention Rate", description: "Compared to traditional rote learning methods.", icon: Zap,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "4x",
|
||||
title: "Faster Learning",
|
||||
description: "Students cover content four times faster on average.",
|
||||
icon: Rocket,
|
||||
id: "m2", value: "4x", title: "Faster Learning", description: "Students cover content four times faster on average.", icon: Rocket,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "24/7",
|
||||
title: "Availability",
|
||||
description: "Accessible anywhere, anytime, on any device.",
|
||||
icon: Clock,
|
||||
id: "m3", value: "24/7", title: "Availability", description: "Accessible anywhere, anytime, on any device.", icon: Clock,
|
||||
},
|
||||
]}
|
||||
title="Why Learners Love Us"
|
||||
@@ -191,45 +139,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
title: "A game changer!",
|
||||
quote: "I passed my finals with ease thanks to these quizzes.",
|
||||
name: "Alex Rivers",
|
||||
role: "Student",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-with-smartphone_23-2148913219.jpg",
|
||||
},
|
||||
id: "t1", title: "A game changer!", quote: "I passed my finals with ease thanks to these quizzes.", name: "Alex Rivers", role: "Student", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-with-smartphone_23-2148913219.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
title: "So engaging",
|
||||
quote: "Finally, a quiz app that actually makes me want to learn.",
|
||||
name: "Jordan Smith",
|
||||
role: "Enthusiast",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-student-holding-computer-talking-phone-by-window_1303-20645.jpg",
|
||||
},
|
||||
id: "t2", title: "So engaging", quote: "Finally, a quiz app that actually makes me want to learn.", name: "Jordan Smith", role: "Enthusiast", imageSrc: "http://img.b2bpic.net/free-photo/girl-student-holding-computer-talking-phone-by-window_1303-20645.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
title: "Perfect for me",
|
||||
quote: "The adaptive logic is exactly what I needed for language learning.",
|
||||
name: "Maria Garcia",
|
||||
role: "Teacher",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/horizontal-shot-joyful-young-woman-with-glasses-posing-against-white-wall_273609-20353.jpg",
|
||||
},
|
||||
id: "t3", title: "Perfect for me", quote: "The adaptive logic is exactly what I needed for language learning.", name: "Maria Garcia", role: "Teacher", imageSrc: "http://img.b2bpic.net/free-photo/horizontal-shot-joyful-young-woman-with-glasses-posing-against-white-wall_273609-20353.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
title: "Highly recommended",
|
||||
quote: "The user experience is seamless and professional.",
|
||||
name: "Lee Chen",
|
||||
role: "Tech Lead",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-student-woman-wearing-denim-jacket-eyeglasses-holding-colorful-folders-showing-thumb-up-pink_176532-13861.jpg",
|
||||
},
|
||||
id: "t4", title: "Highly recommended", quote: "The user experience is seamless and professional.", name: "Lee Chen", role: "Tech Lead", imageSrc: "http://img.b2bpic.net/free-photo/young-student-woman-wearing-denim-jacket-eyeglasses-holding-colorful-folders-showing-thumb-up-pink_176532-13861.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
title: "Brilliant platform",
|
||||
quote: "I love the leaderboard feature, keeps me challenged.",
|
||||
name: "Sarah Connor",
|
||||
role: "Student",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-with-headset-dark-office_74855-3148.jpg",
|
||||
},
|
||||
id: "t5", title: "Brilliant platform", quote: "I love the leaderboard feature, keeps me challenged.", name: "Sarah Connor", role: "Student", imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-with-headset-dark-office_74855-3148.jpg"},
|
||||
]}
|
||||
title="Trusted by Thousands"
|
||||
description="See why top learners and educators use QuizMaster every day."
|
||||
@@ -242,20 +160,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Is the app free?",
|
||||
content: "We offer a generous free tier, with premium features available for advanced analytics and offline access.",
|
||||
},
|
||||
id: "f1", title: "Is the app free?", content: "We offer a generous free tier, with premium features available for advanced analytics and offline access."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Can I use it offline?",
|
||||
content: "Yes, our premium subscription allows you to download quizzes for offline usage.",
|
||||
},
|
||||
id: "f2", title: "Can I use it offline?", content: "Yes, our premium subscription allows you to download quizzes for offline usage."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "How does adaptive learning work?",
|
||||
content: "It analyzes your performance history to suggest topics you need to work on next.",
|
||||
},
|
||||
id: "f3", title: "How does adaptive learning work?", content: "It analyzes your performance history to suggest topics you need to work on next."},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Common questions about the app, pricing, and how we handle learning analytics."
|
||||
@@ -270,12 +179,11 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Join Now"
|
||||
title="Ready to Start Quizzing?"
|
||||
description="Sign up today and get your first week of premium access on us."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/call-center-worker-office-using-ai-chatbot-reply-customers_482257-126151.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/call-center-worker-office-using-ai-chatbot-reply-customers_482257-126151.jpg"
|
||||
imageAlt="Quiz app sign up"
|
||||
buttonText="Subscribe"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -288,33 +196,21 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#",
|
||||
},
|
||||
label: "About", href: "#"},
|
||||
{
|
||||
label: "Blog",
|
||||
href: "#",
|
||||
},
|
||||
label: "Blog", href: "#"},
|
||||
{
|
||||
label: "Pricing",
|
||||
href: "#",
|
||||
},
|
||||
label: "Pricing", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy", href: "#"},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user