From bc98f024d166bf0f3322c4c861531b56d02ca861 Mon Sep 17 00:00:00 2001 From: bender Date: Sun, 7 Jun 2026 20:22:58 +0000 Subject: [PATCH] Update src/app/page.tsx --- src/app/page.tsx | 265 +++++++++++------------------------------------ 1 file changed, 58 insertions(+), 207 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index a3e7f7a..86d63a7 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -34,38 +34,22 @@ export default function LandingPage() { @@ -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() {