From a160d71f1f831888587725264a223d3f30da1977 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sat, 9 May 2026 19:16:18 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 295 ++++++++---------------------------------------
 1 file changed, 45 insertions(+), 250 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index a47e57e..26232de 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -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>