From 09b8573ed49f249504463f31b1812f23657ac363 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Tue, 31 Mar 2026 12:39:23 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 397 +++++++++++++----------------------------------
 1 file changed, 105 insertions(+), 292 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 91231f3..1c2d384 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -2,14 +2,14 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import AboutMetric from '@/components/sections/about/AboutMetric';
-import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
-import FaqDouble from '@/components/sections/faq/FaqDouble';
-import FeatureCardTwentySeven from '@/components/sections/feature/FeatureCardTwentySeven';
-import FooterSimple from '@/components/sections/footer/FooterSimple';
-import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
-import { LayoutDashboard, TrendingUp, Users, Zap } from "lucide-react";
+import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
+import FeatureCardTwentySeven from '@/components/sections/feature/FeatureCardTwentySeven';
+import AboutMetric from '@/components/sections/about/AboutMetric';
+import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
+import ContactSplit from '@/components/sections/contact/ContactSplit';
+import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
+import { LayoutDashboard, TrendingUp, Users, Zap, Brain, Target, Award } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -19,299 +19,112 @@ export default function LandingPage() {
         borderRadius="soft"
         contentWidth="mediumLarge"
         sizing="large"
-        background="circleGradient"
-        cardStyle="outline"
-        primaryButtonStyle="double-inset"
-        secondaryButtonStyle="radial-glow"
-        headingFontWeight="medium"
+        background="noise"
+        cardStyle="glass-depth"
+        primaryButtonStyle="primary-glow"
+        secondaryButtonStyle="glass"
+        headingFontWeight="semibold"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarStyleFullscreen
-      navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "Features",
-          id: "features",
-        },
-        {
-          name: "How it Works",
-          id: "how-it-works",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
-      ]}
-      brandName="Brainleague"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarStyleFullscreen
+            navItems={[
+              { name: "Home", id: "hero" },
+              { name: "Features", id: "features" },
+              { name: "How it Works", id: "how-it-works" },
+              { name: "FAQ", id: "faq" },
+              { name: "Contact", id: "contact" },
+            ]}
+            brandName="Brainleague"
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroSplitKpi
-      background={{
-        variant: "glowing-orb",
-      }}
-      title="Turn Study Into A Real-Time Battle"
-      description="Brainleague helps students prepare for exams through live 1v1, solo, and team-based academic competitions. Join the future of competitive learning."
-      kpis={[
-        {
-          value: "100k+",
-          label: "Questions Solved",
-        },
-        {
-          value: "5k+",
-          label: "Active Students",
-        },
-        {
-          value: "150+",
-          label: "Schools Partnered",
-        },
-      ]}
-      enableKpiAnimation={true}
-      tag="Elevate Your Academic Potential"
-      buttons={[
-        {
-          text: "Join Early Access",
-          href: "#contact",
-        },
-        {
-          text: "See How It Works",
-          href: "#how-it-works",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-vector/business-dashboard-user-panel_23-2148360316.jpg"
-      imageAlt="Brainleague Battle UI Dashboard"
-      mediaAnimation="blur-reveal"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-vector/business-background-design_1200-32.jpg",
-          alt: "Student 1",
-        },
-        {
-          src: "http://img.b2bpic.net/free-vector/school-timetable-template-organize-activities_23-2147854627.jpg",
-          alt: "Student 2",
-        },
-        {
-          src: "http://img.b2bpic.net/free-vector/online-community_24877-51950.jpg",
-          alt: "Student 3",
-        },
-        {
-          src: "http://img.b2bpic.net/free-vector/business-dashboard-user-panel_23-2148360316.jpg",
-          alt: "Student 4",
-        },
-        {
-          src: "http://img.b2bpic.net/free-vector/abstract-techno-net-wire-mesh-blue-background_1017-62951.jpg",
-          alt: "Student 5",
-        },
-      ]}
-      avatarText="Join 5,000+ active academic champions"
-      marqueeItems={[
-        {
-          type: "text",
-          text: "SAT Prep",
-        },
-        {
-          type: "text",
-          text: "IGCSE Mastery",
-        },
-        {
-          type: "text",
-          text: "A-Level Ready",
-        },
-        {
-          type: "text",
-          text: "Math & Science",
-        },
-        {
-          type: "text",
-          text: "Competitive Edge",
-        },
-      ]}
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroSplitKpi
+            background={{ variant: "glowing-orb" }}
+            title="Master Your Exams Through Competitive Play"
+            description="Brainleague transforms study time into high-stakes academic battles. Join a global arena of students preparing for SAT, IGCSE, and A-Level success."
+            kpis={[
+              { value: "100k+", label: "Questions Solved" },
+              { value: "5k+", label: "Active Students" },
+              { value: "150+", label: "Partner Schools" }
+            ]}
+            enableKpiAnimation={true}
+            tag="The Future of EdTech"
+            tagIcon={Brain}
+            buttons={[
+              { text: "Start Battling", href: "#contact" },
+              { text: "Learn More", href: "#how-it-works" }
+            ]}
+            imageSrc="http://img.b2bpic.net/free-vector/business-dashboard-user-panel_23-2148360316.jpg"
+            mediaAnimation="blur-reveal"
+          />
+        </div>
 
-  <div id="features" data-section="features">
-      <FeatureCardTwentySeven
-      animationType="slide-up"
-      textboxLayout="split"
-      gridVariant="two-columns-alternating-heights"
-      useInvertedBackground={false}
-      features={[
-        {
-          id: "f1",
-          title: "Live 1v1 Battles",
-          description: "Challenge peers to real-time curriculum-based duels.",
-          imageSrc: "http://img.b2bpic.net/free-vector/business-background-design_1200-32.jpg",
-        },
-        {
-          id: "f2",
-          title: "Adaptive AI Coach",
-          description: "Identify and bridge knowledge gaps with personalized feedback.",
-          imageSrc: "http://img.b2bpic.net/free-vector/school-timetable-template-organize-activities_23-2147854627.jpg",
-        },
-        {
-          id: "f3",
-          title: "Team Competitions",
-          description: "Join forces with classmates for school-wide tournaments.",
-          imageSrc: "http://img.b2bpic.net/free-vector/online-community_24877-51950.jpg",
-        },
-      ]}
-      title="Designed for Results, Powered by Competition"
-      description="We aren't just games. We are a serious exam-prep platform that uses competitive psychology to boost retention, speed, and accuracy."
-    />
-  </div>
+        <div id="features" data-section="features">
+          <FeatureCardTwentySeven
+            title="Built for Academic Excellence"
+            description="Our platform combines competitive psychology with verified curriculum standards to ensure you perform your best on exam day."
+            animationType="slide-up"
+            textboxLayout="split"
+            gridVariant="two-columns-alternating-heights"
+            features={[
+              { id: "f1", title: "Real-Time 1v1 Duels", description: "Challenge peers across the globe in live academic competitions.", imageSrc: "http://img.b2bpic.net/free-vector/business-background-design_1200-32.jpg" },
+              { id: "f2", title: "AI-Powered Insights", description: "Identify your knowledge gaps with pinpoint accuracy using our adaptive engine.", imageSrc: "http://img.b2bpic.net/free-vector/school-timetable-template-organize-activities_23-2147854627.jpg" },
+              { id: "f3", title: "Team Tournaments", description: "Collaborate with classmates in large-scale tournaments to climb school leaderboards.", imageSrc: "http://img.b2bpic.net/free-vector/online-community_24877-51950.jpg" }
+            ]}
+          />
+        </div>
 
-  <div id="how-it-works" data-section="how-it-works">
-      <AboutMetric
-      useInvertedBackground={false}
-      title="The Brainleague Flow"
-      metrics={[
-        {
-          icon: LayoutDashboard,
-          label: "Choose Subject & Mode",
-          value: "Step 1",
-        },
-        {
-          icon: Users,
-          label: "Match Live or Solo Practice",
-          value: "Step 2",
-        },
-        {
-          icon: Zap,
-          label: "Answer Timed Questions",
-          value: "Step 3",
-        },
-        {
-          icon: TrendingUp,
-          label: "View Leaderboard & Insights",
-          value: "Step 4",
-        },
-      ]}
-      metricsAnimation="slide-up"
-    />
-  </div>
+        <div id="how-it-works" data-section="how-it-works">
+          <AboutMetric
+            title="Simple Flow, Serious Results"
+            metricsAnimation="slide-up"
+            metrics={[
+              { icon: Target, label: "Choose Topic", value: "Step 1" },
+              { icon: Users, label: "Find Match", value: "Step 2" },
+              { icon: Zap, label: "Compete Live", value: "Step 3" },
+              { icon: Award, label: "Track Progress", value: "Step 4" }
+            ]}
+          />
+        </div>
 
-  <div id="faq" data-section="faq">
-      <FaqDouble
-      textboxLayout="default"
-      useInvertedBackground={false}
-      faqs={[
-        {
-          id: "q1",
-          title: "Is this just for games?",
-          content: "Absolutely not. Every question is mapped to official curriculum standards to ensure real exam readiness.",
-        },
-        {
-          id: "q2",
-          title: "Can schools use this?",
-          content: "Yes. We offer teacher dashboards to assign topics, run competitions, and track class progress.",
-        },
-        {
-          id: "q3",
-          title: "Does it work for SATs/IGCSE?",
-          content: "We support a wide array of curricula including SAT, IGCSE, A-levels, and core national school standards.",
-        },
-        {
-          id: "q4",
-          title: "How do you ensure fairness?",
-          content: "Our matchmaking algorithm groups students by grade level and subject proficiency to ensure competitive balance.",
-        },
-      ]}
-      title="Frequently Asked Questions"
-      description="Curious how we make learning addictive? Here's the breakdown."
-      faqsAnimation="blur-reveal"
-    />
-  </div>
+        <div id="faq" data-section="faq">
+          <FaqSplitMedia
+            title="Frequently Asked Questions"
+            description="Everything you need to know about starting your journey with Brainleague."
+            faqsAnimation="slide-up"
+            textboxLayout="split"
+            faqs={[
+              { id: "q1", title: "What curriculum do you cover?", content: "We cover major global curricula including SAT, IGCSE, and A-Levels." },
+              { id: "q2", title: "Is it suitable for classroom use?", content: "Yes, we provide specialized dashboards for schools to monitor class performance." },
+              { id: "q3", title: "How is the matchmaking done?", content: "Our algorithm balances skill levels to ensure a fair and rigorous competitive experience." }
+            ]}
+            imageSrc="http://img.b2bpic.net/free-vector/online-community_24877-51950.jpg"
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactSplitForm
-      useInvertedBackground={false}
-      title="Make Studying Something They Actually Want To Do"
-      description="Join the next generation of academic champions. Early access is now open for students, parents, and school partners."
-      inputs={[
-        {
-          name: "name",
-          type: "text",
-          placeholder: "Your Name",
-        },
-        {
-          name: "email",
-          type: "email",
-          placeholder: "Email Address",
-        },
-        {
-          name: "role",
-          type: "text",
-          placeholder: "Are you a Student, Parent, or School?",
-        },
-      ]}
-      textarea={{
-        name: "message",
-        placeholder: "Why are you interested in Brainleague?",
-        rows: 4,
-      }}
-      imageSrc="http://img.b2bpic.net/free-vector/abstract-techno-net-wire-mesh-blue-background_1017-62951.jpg"
-      mediaAnimation="slide-up"
-      buttonText="Join Early Access"
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactSplit
+            tag="Get Early Access"
+            title="Join the Battle for Knowledge"
+            description="Ready to level up your study routine? Sign up for early access to the Brainleague platform today."
+            buttonText="Join Now"
+            imageSrc="http://img.b2bpic.net/free-vector/abstract-techno-net-wire-mesh-blue-background_1017-62951.jpg"
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterSimple
-      columns={[
-        {
-          title: "Brainleague",
-          items: [
-            {
-              label: "About Us",
-              href: "#",
-            },
-            {
-              label: "Careers",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Product",
-          items: [
-            {
-              label: "Features",
-              href: "#features",
-            },
-            {
-              label: "Schools",
-              href: "#",
-            },
-            {
-              label: "Pricing",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Legal",
-          items: [
-            {
-              label: "Privacy",
-              href: "#",
-            },
-            {
-              label: "Terms",
-              href: "#",
-            },
-          ],
-        },
-      ]}
-      bottomLeftText="© 2024 Brainleague. All rights reserved."
-      bottomRightText="Built for the next generation of academic success."
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterBaseReveal
+            columns={[
+              { title: "Product", items: [{ label: "Features", href: "#features" }, { label: "Pricing", href: "#" }] },
+              { title: "Company", items: [{ label: "About Us", href: "#" }, { label: "Careers", href: "#" }] },
+              { title: "Legal", items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] }
+            ]}
+            copyrightText="© 2024 Brainleague. All rights reserved."
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file