Update src/app/page.tsx
This commit is contained in:
265
src/app/page.tsx
265
src/app/page.tsx
@@ -34,38 +34,22 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#home",
|
||||
},
|
||||
name: "Home", id: "#home"},
|
||||
{
|
||||
name: "Features",
|
||||
id: "#features",
|
||||
},
|
||||
name: "Features", id: "#features"},
|
||||
{
|
||||
name: "Arena",
|
||||
id: "#arena",
|
||||
},
|
||||
name: "Arena", id: "#arena"},
|
||||
{
|
||||
name: "Ranks",
|
||||
id: "#ranks",
|
||||
},
|
||||
name: "Ranks", id: "#ranks"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "#testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "#testimonials"},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "#faq",
|
||||
},
|
||||
name: "FAQ", id: "#faq"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
button={{
|
||||
text: "Play Now",
|
||||
href: "#features",
|
||||
}}
|
||||
text: "Play Now", href: "#features"}}
|
||||
brandName="Math Duel"
|
||||
/>
|
||||
</div>
|
||||
@@ -76,13 +60,9 @@ export default function LandingPage() {
|
||||
description="Challenge your friends, climb the ranks, and master mathematics. Train before you fight and prove your skills in 1v1 duels!"
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Training",
|
||||
href: "#features",
|
||||
},
|
||||
text: "Start Training", href: "#features"},
|
||||
{
|
||||
text: "Compete Now",
|
||||
href: "#arena",
|
||||
},
|
||||
text: "Compete Now", href: "#arena"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/futuristic-drone-circuit-board-composition_23-2152026887.jpg"
|
||||
@@ -98,19 +78,13 @@ export default function LandingPage() {
|
||||
metrics={[
|
||||
{
|
||||
icon: Award,
|
||||
label: "Total Duels Played",
|
||||
value: "100K+",
|
||||
},
|
||||
label: "Total Duels Played", value: "100K+"},
|
||||
{
|
||||
icon: Users,
|
||||
label: "Active Students",
|
||||
value: "25K+",
|
||||
},
|
||||
label: "Active Students", value: "25K+"},
|
||||
{
|
||||
icon: GraduationCap,
|
||||
label: "Questions Answered",
|
||||
value: "1M+",
|
||||
},
|
||||
label: "Questions Answered", value: "1M+"},
|
||||
]}
|
||||
metricsAnimation="blur-reveal"
|
||||
/>
|
||||
@@ -123,35 +97,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "training",
|
||||
title: "Training Grounds",
|
||||
tags: [
|
||||
"Practice",
|
||||
"Skill-Building",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/indian-team-managers-coordinating-their-staff-locate-follow-trucks_482257-105848.jpg",
|
||||
imageAlt: "Student avatar practicing math problems in a digital training environment",
|
||||
},
|
||||
id: "training", title: "Training Grounds", tags: [
|
||||
"Practice", "Skill-Building"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/indian-team-managers-coordinating-their-staff-locate-follow-trucks_482257-105848.jpg", imageAlt: "Student avatar practicing math problems in a digital training environment"},
|
||||
{
|
||||
id: "duels",
|
||||
title: "1v1 Duels",
|
||||
tags: [
|
||||
"Competitive",
|
||||
"Real-time",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/little-boy-girl-are-focused-tablet-girl-has-vr-goggles-head_613910-12992.jpg",
|
||||
imageAlt: "Two student avatars battling in a head-to-head math duel",
|
||||
},
|
||||
id: "duels", title: "1v1 Duels", tags: [
|
||||
"Competitive", "Real-time"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/little-boy-girl-are-focused-tablet-girl-has-vr-goggles-head_613910-12992.jpg", imageAlt: "Two student avatars battling in a head-to-head math duel"},
|
||||
{
|
||||
id: "ranked",
|
||||
title: "Ranked Play",
|
||||
tags: [
|
||||
"Ladder",
|
||||
"Global Leaderboard",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/school-college-education-intelligence-concept_53876-121116.jpg",
|
||||
imageAlt: "Global leaderboard interface with student ranks and glowing badges",
|
||||
},
|
||||
id: "ranked", title: "Ranked Play", tags: [
|
||||
"Ladder", "Global Leaderboard"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/school-college-education-intelligence-concept_53876-121116.jpg", imageAlt: "Global leaderboard interface with student ranks and glowing badges"},
|
||||
]}
|
||||
title="Dominate the Math Arena"
|
||||
description="Prepare for battle, challenge rivals, and ascend the global leaderboards with our diverse game modes."
|
||||
@@ -163,55 +119,20 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={true}
|
||||
animationType="slide-up"
|
||||
products={[
|
||||
{
|
||||
id: "algebra",
|
||||
name: "Algebraic Ambush",
|
||||
price: "Easy",
|
||||
variant: "Equations",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-bingo-game-elements_23-2149181813.jpg",
|
||||
imageAlt: "Algebra equation challenge",
|
||||
},
|
||||
id: "algebra", name: "Algebraic Ambush", price: "Easy", variant: "Equations", imageSrc: "http://img.b2bpic.net/free-photo/close-up-bingo-game-elements_23-2149181813.jpg", imageAlt: "Algebra equation challenge"},
|
||||
{
|
||||
id: "geometry",
|
||||
name: "Geometric Gauntlet",
|
||||
price: "Medium",
|
||||
variant: "Shapes & Space",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-boy-wearing-virtual-reality-headset-holding-books_23-2148556176.jpg",
|
||||
imageAlt: "Geometry puzzle on a tablet screen",
|
||||
},
|
||||
id: "geometry", name: "Geometric Gauntlet", price: "Medium", variant: "Shapes & Space", imageSrc: "http://img.b2bpic.net/free-photo/side-view-boy-wearing-virtual-reality-headset-holding-books_23-2148556176.jpg", imageAlt: "Geometry puzzle on a tablet screen"},
|
||||
{
|
||||
id: "calculus",
|
||||
name: "Calculus Conquest",
|
||||
price: "Hard",
|
||||
variant: "Functions & Rates",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/financial-application-ui-pc-screen-showing-company-revenue_482257-119232.jpg",
|
||||
imageAlt: "Dynamic calculus problem with animated graphs",
|
||||
},
|
||||
id: "calculus", name: "Calculus Conquest", price: "Hard", variant: "Functions & Rates", imageSrc: "http://img.b2bpic.net/free-photo/financial-application-ui-pc-screen-showing-company-revenue_482257-119232.jpg", imageAlt: "Dynamic calculus problem with animated graphs"},
|
||||
{
|
||||
id: "statistics",
|
||||
name: "Statistic Showdown",
|
||||
price: "Medium",
|
||||
variant: "Data & Probability",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169845.jpg",
|
||||
imageAlt: "Statistics challenge with data points and charts",
|
||||
},
|
||||
id: "statistics", name: "Statistic Showdown", price: "Medium", variant: "Data & Probability", imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169845.jpg", imageAlt: "Statistics challenge with data points and charts"},
|
||||
{
|
||||
id: "trigonometry",
|
||||
name: "Trig Triumph",
|
||||
price: "Hard",
|
||||
variant: "Angles & Waves",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/senior-man-doing-online-classes-tablet_23-2149114302.jpg",
|
||||
imageAlt: "Trigonometry question in a 3D interactive environment",
|
||||
},
|
||||
id: "trigonometry", name: "Trig Triumph", price: "Hard", variant: "Angles & Waves", imageSrc: "http://img.b2bpic.net/free-photo/senior-man-doing-online-classes-tablet_23-2149114302.jpg", imageAlt: "Trigonometry question in a 3D interactive environment"},
|
||||
{
|
||||
id: "logic",
|
||||
name: "Logic Labyrinth",
|
||||
price: "Easy",
|
||||
variant: "Puzzles & Patterns",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-back-school-pattern-collection_23-2148592892.jpg",
|
||||
imageAlt: "Logic puzzle with number sequences",
|
||||
},
|
||||
id: "logic", name: "Logic Labyrinth", price: "Easy", variant: "Puzzles & Patterns", imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-back-school-pattern-collection_23-2148592892.jpg", imageAlt: "Logic puzzle with number sequences"},
|
||||
]}
|
||||
title="Master Every Challenge"
|
||||
description="From basic arithmetic to advanced calculus, our challenges hone your skills for victory."
|
||||
@@ -225,23 +146,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "top-player",
|
||||
icon: Award,
|
||||
title: "Top Player",
|
||||
value: "Grandmaster",
|
||||
},
|
||||
id: "top-player", icon: Award,
|
||||
title: "Top Player", value: "Grandmaster"},
|
||||
{
|
||||
id: "progress",
|
||||
icon: LineChart,
|
||||
title: "Ranked Progress",
|
||||
value: "Daily Gains",
|
||||
},
|
||||
id: "progress", icon: LineChart,
|
||||
title: "Ranked Progress", value: "Daily Gains"},
|
||||
{
|
||||
id: "accuracy",
|
||||
icon: Target,
|
||||
title: "Highest Accuracy",
|
||||
value: "98.5%",
|
||||
},
|
||||
id: "accuracy", icon: Target,
|
||||
title: "Highest Accuracy", value: "98.5%"},
|
||||
]}
|
||||
title="Climb the Ranks"
|
||||
description="Your performance determines your path. Track your progress and achieve new heights."
|
||||
@@ -253,35 +165,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-working-laptop_23-2149358466.jpg",
|
||||
imageAlt: "Sarah J., student gamer",
|
||||
},
|
||||
id: "1", name: "Sarah J.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-working-laptop_23-2149358466.jpg", imageAlt: "Sarah J., student gamer"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael C.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/thoughtful-little-girl-with-book-near-school-board_1150-3855.jpg",
|
||||
imageAlt: "Michael C., focused student",
|
||||
},
|
||||
id: "2", name: "Michael C.", imageSrc: "http://img.b2bpic.net/free-photo/thoughtful-little-girl-with-book-near-school-board_1150-3855.jpg", imageAlt: "Michael C., focused student"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily R.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-professional-game-player-screaming-with-hands-raised-after-his-victory_482257-29597.jpg",
|
||||
imageAlt: "Emily R., excited student",
|
||||
},
|
||||
id: "3", name: "Emily R.", imageSrc: "http://img.b2bpic.net/free-photo/young-professional-game-player-screaming-with-hands-raised-after-his-victory_482257-29597.jpg", imageAlt: "Emily R., excited student"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David K.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-with-glasses-class_1098-223.jpg",
|
||||
imageAlt: "David K., thoughtful student",
|
||||
},
|
||||
id: "4", name: "David K.", imageSrc: "http://img.b2bpic.net/free-photo/girl-with-glasses-class_1098-223.jpg", imageAlt: "David K., thoughtful student"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Alex P.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-with-headphones_23-2149045958.jpg",
|
||||
imageAlt: "Alex P., satisfied student",
|
||||
},
|
||||
id: "5", name: "Alex P.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-with-headphones_23-2149045958.jpg", imageAlt: "Alex P., satisfied student"},
|
||||
]}
|
||||
cardTitle="Hear From Our Champions"
|
||||
cardTag="Student Voices"
|
||||
@@ -294,25 +186,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "How do 1v1 duels work?",
|
||||
content: "Students challenge each other in real-time math problems. The player who answers correctly and fastest wins the round. Best of three rounds determines the duel winner.",
|
||||
},
|
||||
id: "1", title: "How do 1v1 duels work?", content: "Students challenge each other in real-time math problems. The player who answers correctly and fastest wins the round. Best of three rounds determines the duel winner."},
|
||||
{
|
||||
id: "2",
|
||||
title: "How are ranks determined?",
|
||||
content: "Ranks are based on a skill rating system (ELO-like) that adjusts after each ranked duel. Winning against higher-ranked opponents grants more points, while losing to lower ranks deducts more.",
|
||||
},
|
||||
id: "2", title: "How are ranks determined?", content: "Ranks are based on a skill rating system (ELO-like) that adjusts after each ranked duel. Winning against higher-ranked opponents grants more points, while losing to lower ranks deducts more."},
|
||||
{
|
||||
id: "3",
|
||||
title: "Can I practice specific math topics?",
|
||||
content: "Yes! Our Training Grounds allow you to select specific math topics, difficulty levels, and question types to hone your skills before entering ranked play.",
|
||||
},
|
||||
id: "3", title: "Can I practice specific math topics?", content: "Yes! Our Training Grounds allow you to select specific math topics, difficulty levels, and question types to hone your skills before entering ranked play."},
|
||||
{
|
||||
id: "4",
|
||||
title: "Is Math Duel suitable for all school levels?",
|
||||
content: "We offer content ranging from elementary arithmetic to advanced calculus, catering to various student levels. Our adaptive difficulty ensures challenges are appropriate for each player.",
|
||||
},
|
||||
id: "4", title: "Is Math Duel suitable for all school levels?", content: "We offer content ranging from elementary arithmetic to advanced calculus, catering to various student levels. Our adaptive difficulty ensures challenges are appropriate for each player."},
|
||||
]}
|
||||
sideTitle="Your Questions, Answered"
|
||||
sideDescription="Find quick answers to common questions about gameplay, ranks, and educational features."
|
||||
@@ -326,14 +206,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"Future Scholars Academy",
|
||||
"Quantum Learning Hub",
|
||||
"BrainForge Institute",
|
||||
"EduDuel League",
|
||||
"Apex Math Academy",
|
||||
"Scholastic Showdown",
|
||||
"Mastermind Guild",
|
||||
]}
|
||||
"Future Scholars Academy", "Quantum Learning Hub", "BrainForge Institute", "EduDuel League", "Apex Math Academy", "Scholastic Showdown", "Mastermind Guild"]}
|
||||
title="Trusted by Educators & Schools"
|
||||
description="Our platform is endorsed by leading educational institutions to make learning engaging."
|
||||
/>
|
||||
@@ -343,8 +216,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
tag="Get in Touch"
|
||||
title="Join the Math Revolution"
|
||||
description="Have questions or want to partner with us? Reach out and become part of our community."
|
||||
@@ -363,54 +235,33 @@ export default function LandingPage() {
|
||||
logoText="Math Duel"
|
||||
columns={[
|
||||
{
|
||||
title: "Platform",
|
||||
items: [
|
||||
title: "Platform", items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "#home",
|
||||
},
|
||||
label: "Home", href: "#home"},
|
||||
{
|
||||
label: "Features",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Features", href: "#features"},
|
||||
{
|
||||
label: "Ranks",
|
||||
href: "#ranks",
|
||||
},
|
||||
label: "Ranks", href: "#ranks"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "FAQ", href: "#faq"},
|
||||
{
|
||||
label: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact Us", href: "#contact"},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Community",
|
||||
items: [
|
||||
title: "Community", items: [
|
||||
{
|
||||
label: "Blog",
|
||||
href: "#",
|
||||
},
|
||||
label: "Blog", href: "#"},
|
||||
{
|
||||
label: "Discord",
|
||||
href: "#",
|
||||
},
|
||||
label: "Discord", href: "#"},
|
||||
{
|
||||
label: "Twitter",
|
||||
href: "#",
|
||||
},
|
||||
label: "Twitter", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user