bender/1879207b-e2c6-45e6-8290-23e62e281454
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1 into main

Browse Source 
Merge version_1 into main
This commit was merged in pull request #2.
This commit is contained in:
bender
2026-05-09 19:16:22 +00:00
parent 53c8592644 a160d71f1f
commit b85bb79e47
1 changed files with 45 additions and 250 deletions
Download Patch File Download Diff File Expand all files Collapse all files

295
src/app/page.tsx
View File

@@ -31,26 +31,11 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarStyleApple
navItems={[
{
name: "Home",
id: "hero",
},
{
name: "Games",
id: "games",
},
{
name: "Challenges",
id: "challenges",
},
{
name: "About",
id: "about",
},
{
name: "Contact",
id: "contact",
},
{ name: "Home", id: "hero" },
{ name: "Games", id: "games" },
{ name: "Challenges", id: "challenges" },
{ name: "About", id: "about" },
{ name: "Contact", id: "contact" },
]}
brandName="MathPlay"
/>
@@ -58,43 +43,14 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroSplitDualMedia
background={{
variant: "sparkles-gradient",
}}
background={{ variant: "sparkles-gradient" }}
title="Learning Math Has Never Been More Fun!"
description="Discover hundreds of engaging logic and math games designed to sharpen your mind while having a blast. Start your journey today!"
tag="Trusted by millions"
buttons={[
{
text: "Start Playing",
href: "#games",
},
{
text: "Learn More",
href: "#about",
},
]}
buttons={[{ text: "Start Playing", href: "#games" }, { text: "Learn More", href: "#about" }]}
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-colorful-translucent-shapes-with-copy-space_23-2148830215.jpg?_wi=1",
imageAlt: "math games banner abstract",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/3d-cartoon-math-objects-character_23-2151749726.jpg?_wi=1",
imageAlt: "educational game UI design",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/top-view-colorful-geometric-shapes-with-copy-space_23-2148830197.jpg",
imageAlt: "Top view of colorful geometric shapes with copy space",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/top-view-geometric-shapes_23-2148830224.jpg",
imageAlt: "Top view of geometric shapes",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/top-view-geometrical-forms-with-copy-space_23-2148830248.jpg",
imageAlt: "Top view of geometrical forms with copy space",
},
{ imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-colorful-translucent-shapes-with-copy-space_23-2148830215.jpg", imageAlt: "math games banner abstract" },
{ imageSrc: "http://img.b2bpic.net/free-photo/3d-cartoon-math-objects-character_23-2151749726.jpg", imageAlt: "educational game UI design" }
]}
mediaAnimation="slide-up"
rating={5}
@@ -109,60 +65,12 @@ export default function LandingPage() {
gridVariant="four-items-2x2-equal-grid"
useInvertedBackground={false}
products={[
{
id: "1",
brand: "Puzzle",
name: "Number Cube",
price: "Free",
rating: 5,
reviewCount: "1.2k",
imageSrc: "http://img.b2bpic.net/free-vector/buttons-with-mathematical-signs_1308-83451.jpg?_wi=1",
},
{
id: "2",
brand: "Logic",
name: "Star Riddle",
price: "Free",
rating: 5,
reviewCount: "980",
imageSrc: "http://img.b2bpic.net/free-vector/nine-colorful-stars-games_23-2147748427.jpg?_wi=1",
},
{
id: "3",
brand: "Speed",
name: "Calc Master",
price: "Free",
rating: 4,
reviewCount: "2.5k",
imageSrc: "http://img.b2bpic.net/free-vector/clock-game-icons-time-animation-sprite-sheet_107791-16883.jpg?_wi=1",
},
{
id: "4",
brand: "Logic",
name: "Node Link",
price: "Free",
rating: 5,
reviewCount: "1.5k",
imageSrc: "http://img.b2bpic.net/free-photo/person-playing-3d-video-games-device_23-2151005760.jpg",
},
{
id: "5",
brand: "Puzzles",
name: "Slice Fractions",
price: "Free",
rating: 4,
reviewCount: "800",
imageSrc: "http://img.b2bpic.net/free-vector/learning-fractions-with-watermelon-slices_1308-177309.jpg",
},
{
id: "6",
brand: "Puzzle",
name: "Block Sort",
price: "Free",
rating: 5,
reviewCount: "3.1k",
imageSrc: "http://img.b2bpic.net/free-vector/set-infographic-elements-different-colors_23-2147795850.jpg",
},
{ id: "1", brand: "Puzzle", name: "Number Cube", price: "Free", rating: 5, reviewCount: "1.2k", imageSrc: "http://img.b2bpic.net/free-vector/buttons-with-mathematical-signs_1308-83451.jpg" },
{ id: "2", brand: "Logic", name: "Star Riddle", price: "Free", rating: 5, reviewCount: "980", imageSrc: "http://img.b2bpic.net/free-vector/nine-colorful-stars-games_23-2147748427.jpg" },
{ id: "3", brand: "Speed", name: "Calc Master", price: "Free", rating: 4, reviewCount: "2.5k", imageSrc: "http://img.b2bpic.net/free-vector/clock-game-icons-time-animation-sprite-sheet_107791-16883.jpg" },
{ id: "4", brand: "Logic", name: "Node Link", price: "Free", rating: 5, reviewCount: "1.5k", imageSrc: "http://img.b2bpic.net/free-photo/person-playing-3d-video-games-device_23-2151005760.jpg" },
{ id: "5", brand: "Puzzles", name: "Slice Fractions", price: "Free", rating: 4, reviewCount: "800", imageSrc: "http://img.b2bpic.net/free-vector/learning-fractions-with-watermelon-slices_1308-177309.jpg" },
{ id: "6", brand: "Puzzle", name: "Block Sort", price: "Free", rating: 5, reviewCount: "3.1k", imageSrc: "http://img.b2bpic.net/free-vector/set-infographic-elements-different-colors_23-2147795850.jpg" }
]}
title="Popular Games"
description="Choose from our vast library of brain-teasing games."
@@ -172,34 +80,15 @@ export default function LandingPage() {
<div id="challenges" data-section="challenges">
<FeatureCardOne
textboxLayout="split"
animationType="slide-up"
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
features={[
{
title: "Speed Streak",
description: "Solve 10 problems in under 60 seconds.",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-different-figures-with-copybooks-yellow-surface_140725-65869.jpg",
},
{
title: "Logical Master",
description: "Complete all expert level puzzles.",
imageSrc: "http://img.b2bpic.net/free-vector/school-lab-interior-furniture-equipment_107791-25179.jpg",
},
{
title: "Daily Pro",
description: "Play 3 different games in one sitting.",
imageSrc: "http://img.b2bpic.net/free-photo/3d-fantasy-scene_23-2151128010.jpg",
},
{
title: "Daily Quest",
description: "Find the hidden number in the levels.",
imageSrc: "http://img.b2bpic.net/free-psd/3d-colorful-spinning-number-blocks-kids-education_56104-3079.jpg",
},
{
title: "Math Prodigy",
description: "Master 5 new concepts this week.",
imageSrc: "http://img.b2bpic.net/free-psd/3d-flying-number-toy-blocks-preschool-education_56104-3082.jpg",
},
{ title: "Speed Streak", description: "Solve 10 problems in under 60 seconds.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-different-figures-with-copybooks-yellow-surface_140725-65869.jpg" },
{ title: "Logical Master", description: "Complete all expert level puzzles.", imageSrc: "http://img.b2bpic.net/free-vector/school-lab-interior-furniture-equipment_107791-25179.jpg" },
{ title: "Daily Pro", description: "Play 3 different games in one sitting.", imageSrc: "http://img.b2bpic.net/free-photo/3d-fantasy-scene_23-2151128010.jpg" },
{ title: "Daily Quest", description: "Find the hidden number in the levels.", imageSrc: "http://img.b2bpic.net/free-psd/3d-colorful-spinning-number-blocks-kids-education_56104-3079.jpg" },
{ title: "Math Prodigy", description: "Master 5 new concepts this week.", imageSrc: "http://img.b2bpic.net/free-psd/3d-flying-number-toy-blocks-preschool-education_56104-3082.jpg" }
]}
title="Daily Challenges"
description="Complete daily tasks to unlock new levels and badges."
@@ -211,8 +100,7 @@ export default function LandingPage() {
useInvertedBackground={false}
title="Why Choose MathPlay?"
description={[
"MathPlay is built on the belief that education should be fun and accessible to everyone. We create interactive experiences that teach complex logic in a simplified, enjoyable manner.",
]}
"MathPlay is built on the belief that education should be fun and accessible to everyone. We create interactive experiences that teach complex logic in a simplified, enjoyable manner."]}
/>
</div>
@@ -222,21 +110,9 @@ export default function LandingPage() {
title="Our Community Impact"
tag="Player Statistics"
metrics={[
{
id: "m1",
value: "15M+",
description: "Happy Players",
},
{
id: "m2",
value: "200+",
description: "Interactive Games",
},
{
id: "m3",
value: "500M+",
description: "Problems Solved",
},
{ id: "m1", value: "15M+", description: "Happy Players" },
{ id: "m2", value: "200+", description: "Interactive Games" },
{ id: "m3", value: "500M+", description: "Problems Solved" }
]}
metricsAnimation="slide-up"
/>
@@ -246,62 +122,14 @@ export default function LandingPage() {
<TestimonialCardFive
textboxLayout="split"
useInvertedBackground={false}
description="Real feedback from our amazing users around the world."
testimonials={[
{
id: "1",
name: "Sarah J.",
date: "Oct 2024",
title: "Student",
quote: "MathPlay helped me ace my exams!",
tag: "Fun",
avatarSrc: "http://img.b2bpic.net/free-photo/smiling-guy-with-long-hair-black-t-shirt-listens-music-from-headphone-point-toward-ahead-pink-wall_141793-27178.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-colorful-translucent-shapes-with-copy-space_23-2148830215.jpg?_wi=2",
imageAlt: "happy student portrait",
id: "1", name: "Sarah J.", date: "Oct 2024", title: "Student", quote: "MathPlay helped me ace my exams!", tag: "Fun", avatarSrc: "http://img.b2bpic.net/free-photo/smiling-guy-with-long-hair-black-t-shirt-listens-music-from-headphone-point-toward-ahead-pink-wall_141793-27178.jpg", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-colorful-translucent-shapes-with-copy-space_23-2148830215.jpg", imageAlt: "happy student portrait"
},
{
id: "2",
name: "Mark D.",
date: "Sept 2024",
title: "Teacher",
quote: "The best classroom tool ever.",
tag: "Essential",
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-cheerful-good-looking-man-standing-with-arms-folded-looking-back-dark-gray-copy-space_171337-453.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/3d-cartoon-math-objects-character_23-2151749726.jpg?_wi=2",
imageAlt: "happy student portrait",
},
{
id: "3",
name: "Elena R.",
date: "Aug 2024",
title: "Parent",
quote: "My kids actually enjoy math now.",
tag: "Life-saver",
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-big-city-woman-city_169016-66686.jpg",
imageSrc: "http://img.b2bpic.net/free-vector/buttons-with-mathematical-signs_1308-83451.jpg?_wi=2",
imageAlt: "happy student portrait",
},
{
id: "4",
name: "Lucas P.",
date: "July 2024",
title: "Student",
quote: "So many cool games to play.",
tag: "Cool",
avatarSrc: "http://img.b2bpic.net/free-photo/expressive-redhead-bearded-man-with-hat_176420-32266.jpg",
imageSrc: "http://img.b2bpic.net/free-vector/nine-colorful-stars-games_23-2147748427.jpg?_wi=2",
imageAlt: "happy student portrait",
},
{
id: "5",
name: "Jane K.",
date: "June 2024",
title: "Student",
quote: "I love the speed streaks!",
tag: "Challenging",
avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-kid-sticking-out-tongue_23-2150171196.jpg",
imageSrc: "http://img.b2bpic.net/free-vector/clock-game-icons-time-animation-sprite-sheet_107791-16883.jpg?_wi=2",
imageAlt: "happy student portrait",
},
id: "2", name: "Mark D.", date: "Sept 2024", title: "Teacher", quote: "The best classroom tool ever.", tag: "Essential", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-cheerful-good-looking-man-standing-with-arms-folded-looking-back-dark-gray-copy-space_171337-453.jpg", imageSrc: "http://img.b2bpic.net/free-photo/3d-cartoon-math-objects-character_23-2151749726.jpg", imageAlt: "happy student portrait"
}
]}
title="What People Say"
/>
@@ -311,22 +139,11 @@ export default function LandingPage() {
<FaqSplitMedia
textboxLayout="split"
useInvertedBackground={false}
description="Have questions? Find answers to our most common queries below."
faqs={[
{
id: "f1",
title: "Is MathPlay free?",
content: "Yes, all basic games are 100% free.",
},
{
id: "f2",
title: "Do I need to sign up?",
content: "No, just dive straight in and start playing.",
},
{
id: "f3",
title: "Can I play on my tablet?",
content: "Our platform is optimized for all devices.",
},
{ id: "f1", title: "Is MathPlay free?", content: "Yes, all basic games are 100% free." },
{ id: "f2", title: "Do I need to sign up?", content: "No, just dive straight in and start playing." },
{ id: "f3", title: "Can I play on my tablet?", content: "Our platform is optimized for all devices." }
]}
imageSrc="http://img.b2bpic.net/free-photo/woman-doing-customer-support-job-using-ai-summarize-clients-issues_482257-117988.jpg"
title="Frequently Asked Questions"
@@ -337,9 +154,7 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactSplit
useInvertedBackground={false}
background={{
variant: "plain",
}}
background={{ variant: "plain" }}
tag="Stay Updated"
title="Join Our Newsletter"
description="Get weekly updates on new games and challenges delivered to your inbox."
@@ -354,39 +169,19 @@ export default function LandingPage() {
logoText="MathPlay"
columns={[
{
title: "Games",
items: [
{
label: "Puzzles",
href: "#games",
},
{
label: "Logic",
href: "#games",
},
{
label: "All Games",
href: "#games",
},
],
title: "Games", items: [
{ label: "Puzzles", href: "#games" },
{ label: "Logic", href: "#games" },
{ label: "All Games", href: "#games" }
]
},
{
title: "Company",
items: [
{
label: "About Us",
href: "#about",
},
{
label: "Blog",
href: "#",
},
{
label: "Contact",
href: "#contact",
},
],
},
title: "Company", items: [
{ label: "About Us", href: "#about" },
{ label: "Blog", href: "#" },
{ label: "Contact", href: "#contact" }
]
}
]}
/>
</div>