Compare commits
3 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| ca08b12240 | |||
| 7618c9fcfc | |||
| 09b8573ed4 |
400
src/app/page.tsx
400
src/app/page.tsx
@@ -2,14 +2,14 @@
|
|||||||
|
|
||||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||||
import ReactLenis from "lenis/react";
|
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 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() {
|
export default function LandingPage() {
|
||||||
return (
|
return (
|
||||||
@@ -19,298 +19,116 @@ export default function LandingPage() {
|
|||||||
borderRadius="soft"
|
borderRadius="soft"
|
||||||
contentWidth="mediumLarge"
|
contentWidth="mediumLarge"
|
||||||
sizing="large"
|
sizing="large"
|
||||||
background="circleGradient"
|
background="noise"
|
||||||
cardStyle="outline"
|
cardStyle="glass-depth"
|
||||||
primaryButtonStyle="double-inset"
|
primaryButtonStyle="primary-glow"
|
||||||
secondaryButtonStyle="radial-glow"
|
secondaryButtonStyle="glass"
|
||||||
headingFontWeight="medium"
|
headingFontWeight="semibold"
|
||||||
>
|
>
|
||||||
<ReactLenis root>
|
<ReactLenis root>
|
||||||
<div id="nav" data-section="nav">
|
<div id="nav" data-section="nav">
|
||||||
<NavbarStyleFullscreen
|
<NavbarStyleFullscreen
|
||||||
navItems={[
|
navItems={[
|
||||||
{
|
{ name: "Home", id: "hero" },
|
||||||
name: "Home",
|
{ name: "Features", id: "features" },
|
||||||
id: "hero",
|
{ name: "How it Works", id: "how-it-works" },
|
||||||
},
|
{ name: "FAQ", id: "faq" },
|
||||||
{
|
{ name: "Contact", id: "contact" },
|
||||||
name: "Features",
|
]}
|
||||||
id: "features",
|
brandName="Brainleague"
|
||||||
},
|
/>
|
||||||
{
|
</div>
|
||||||
name: "How it Works",
|
|
||||||
id: "how-it-works",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "Contact",
|
|
||||||
id: "contact",
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
brandName="Brainleague"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="hero" data-section="hero">
|
<div id="hero" data-section="hero">
|
||||||
<HeroSplitKpi
|
<HeroSplitKpi
|
||||||
background={{
|
background={{ variant: "glowing-orb" }}
|
||||||
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."
|
||||||
title="Turn Study Into A Real-Time Battle"
|
kpis={[
|
||||||
description="Brainleague helps students prepare for exams through live 1v1, solo, and team-based academic competitions. Join the future of competitive learning."
|
{ value: "100k+", label: "Questions Solved" },
|
||||||
kpis={[
|
{ value: "5k+", label: "Active Students" },
|
||||||
{
|
{ value: "150+", label: "Partner Schools" }
|
||||||
value: "100k+",
|
]}
|
||||||
label: "Questions Solved",
|
enableKpiAnimation={true}
|
||||||
},
|
tag="The Future of EdTech"
|
||||||
{
|
tagIcon={Brain}
|
||||||
value: "5k+",
|
buttons={[
|
||||||
label: "Active Students",
|
{ text: "Start Battling", href: "#contact" },
|
||||||
},
|
{ text: "Learn More", href: "#how-it-works" }
|
||||||
{
|
]}
|
||||||
value: "150+",
|
imageSrc="http://img.b2bpic.net/free-vector/business-dashboard-user-panel_23-2148360316.jpg"
|
||||||
label: "Schools Partnered",
|
mediaAnimation="blur-reveal"
|
||||||
},
|
/>
|
||||||
]}
|
</div>
|
||||||
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="features" data-section="features">
|
<div id="features" data-section="features">
|
||||||
<FeatureCardTwentySeven
|
<FeatureCardTwentySeven
|
||||||
animationType="slide-up"
|
title="Built for Academic Excellence"
|
||||||
textboxLayout="split"
|
description="Our platform combines competitive psychology with verified curriculum standards to ensure you perform your best on exam day."
|
||||||
gridVariant="two-columns-alternating-heights"
|
animationType="slide-up"
|
||||||
useInvertedBackground={false}
|
textboxLayout="split"
|
||||||
features={[
|
gridVariant="two-columns-alternating-heights"
|
||||||
{
|
useInvertedBackground={false}
|
||||||
id: "f1",
|
features={[
|
||||||
title: "Live 1v1 Battles",
|
{ 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" },
|
||||||
description: "Challenge peers to real-time curriculum-based duels.",
|
{ 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" },
|
||||||
imageSrc: "http://img.b2bpic.net/free-vector/business-background-design_1200-32.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?_wi=1" }
|
||||||
},
|
]}
|
||||||
{
|
/>
|
||||||
id: "f2",
|
</div>
|
||||||
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="how-it-works" data-section="how-it-works">
|
<div id="how-it-works" data-section="how-it-works">
|
||||||
<AboutMetric
|
<AboutMetric
|
||||||
useInvertedBackground={false}
|
title="Simple Flow, Serious Results"
|
||||||
title="The Brainleague Flow"
|
metricsAnimation="slide-up"
|
||||||
metrics={[
|
useInvertedBackground={false}
|
||||||
{
|
metrics={[
|
||||||
icon: LayoutDashboard,
|
{ icon: Target, label: "Choose Topic", value: "Step 1" },
|
||||||
label: "Choose Subject & Mode",
|
{ icon: Users, label: "Find Match", value: "Step 2" },
|
||||||
value: "Step 1",
|
{ icon: Zap, label: "Compete Live", value: "Step 3" },
|
||||||
},
|
{ icon: Award, label: "Track Progress", value: "Step 4" }
|
||||||
{
|
]}
|
||||||
icon: Users,
|
/>
|
||||||
label: "Match Live or Solo Practice",
|
</div>
|
||||||
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="faq" data-section="faq">
|
<div id="faq" data-section="faq">
|
||||||
<FaqDouble
|
<FaqSplitMedia
|
||||||
textboxLayout="default"
|
title="Frequently Asked Questions"
|
||||||
useInvertedBackground={false}
|
description="Everything you need to know about starting your journey with Brainleague."
|
||||||
faqs={[
|
faqsAnimation="slide-up"
|
||||||
{
|
textboxLayout="split"
|
||||||
id: "q1",
|
useInvertedBackground={false}
|
||||||
title: "Is this just for games?",
|
faqs={[
|
||||||
content: "Absolutely not. Every question is mapped to official curriculum standards to ensure real exam readiness.",
|
{ 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." }
|
||||||
id: "q2",
|
]}
|
||||||
title: "Can schools use this?",
|
imageSrc="http://img.b2bpic.net/free-vector/online-community_24877-51950.jpg?_wi=2"
|
||||||
content: "Yes. We offer teacher dashboards to assign topics, run competitions, and track class progress.",
|
/>
|
||||||
},
|
</div>
|
||||||
{
|
|
||||||
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="contact" data-section="contact">
|
<div id="contact" data-section="contact">
|
||||||
<ContactSplitForm
|
<ContactSplit
|
||||||
useInvertedBackground={false}
|
tag="Get Early Access"
|
||||||
title="Make Studying Something They Actually Want To Do"
|
title="Join the Battle for Knowledge"
|
||||||
description="Join the next generation of academic champions. Early access is now open for students, parents, and school partners."
|
description="Ready to level up your study routine? Sign up for early access to the Brainleague platform today."
|
||||||
inputs={[
|
buttonText="Join Now"
|
||||||
{
|
background={{ variant: "gradient-bars" }}
|
||||||
name: "name",
|
useInvertedBackground={false}
|
||||||
type: "text",
|
imageSrc="http://img.b2bpic.net/free-vector/abstract-techno-net-wire-mesh-blue-background_1017-62951.jpg"
|
||||||
placeholder: "Your Name",
|
/>
|
||||||
},
|
</div>
|
||||||
{
|
|
||||||
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="footer" data-section="footer">
|
<div id="footer" data-section="footer">
|
||||||
<FooterSimple
|
<FooterBaseReveal
|
||||||
columns={[
|
columns={[
|
||||||
{
|
{ title: "Product", items: [{ label: "Features", href: "#features" }, { label: "Pricing", href: "#" }] },
|
||||||
title: "Brainleague",
|
{ title: "Company", items: [{ label: "About Us", href: "#" }, { label: "Careers", href: "#" }] },
|
||||||
items: [
|
{ title: "Legal", items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] }
|
||||||
{
|
]}
|
||||||
label: "About Us",
|
copyrightText="© 2024 Brainleague. All rights reserved."
|
||||||
href: "#",
|
/>
|
||||||
},
|
</div>
|
||||||
{
|
|
||||||
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>
|
|
||||||
</ReactLenis>
|
</ReactLenis>
|
||||||
</ThemeProvider>
|
</ThemeProvider>
|
||||||
);
|
);
|
||||||
|
|||||||
Reference in New Issue
Block a user