Merge version_1 into main #2
160
src/app/page.tsx
160
src/app/page.tsx
@@ -29,18 +29,9 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Play Now",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Lessons",
|
||||
id: "lessons",
|
||||
},
|
||||
{
|
||||
name: "Rankings",
|
||||
id: "leaderboard",
|
||||
},
|
||||
{ name: "Play Now", id: "hero" },
|
||||
{ name: "Lessons", id: "lessons" },
|
||||
{ name: "Rankings", id: "leaderboard" },
|
||||
]}
|
||||
brandName="ChessMaster"
|
||||
/>
|
||||
@@ -48,24 +39,16 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
logoText="Play Chess Like a Pro"
|
||||
description="The ultimate real-time chess platform. No bots, no tricks—just pure skill. Join thousands of players in fair, high-stakes matches."
|
||||
buttons={[
|
||||
{
|
||||
text: "Play Now",
|
||||
href: "#play",
|
||||
},
|
||||
{
|
||||
text: "Start Lessons",
|
||||
href: "#lessons",
|
||||
},
|
||||
{ text: "Play Now", href: "#play" },
|
||||
{ text: "Start Lessons", href: "#lessons" },
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZkvWVaXg20CGxhLxiLSDtcXzk/a-sleek-high-tech-chess-board-interface--1774704287472-b2bcad59.png?_wi=1"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZkvWVaXg20CGxhLxiLSDtcXzk/a-sleek-high-tech-chess-board-interface--1774704287472-b2bcad59.png"
|
||||
mediaAnimation="blur-reveal"
|
||||
videoSrc="https://www.w3schools.com/howto/movie.mp4?_wi=1"
|
||||
videoSrc="https://www.w3schools.com/howto/movie.mp4"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -76,42 +59,24 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Real-Time Matchmaking",
|
||||
description: "Connect instantly with human players matching your skill level.",
|
||||
icon: Zap,
|
||||
title: "Real-Time Matchmaking", description: "Connect instantly with human players matching your skill level.", icon: Zap,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZkvWVaXg20CGxhLxiLSDtcXzk/a-minimalist-representation-of-real-time-1774704285878-2215068d.png?_wi=1",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZkvWVaXg20CGxhLxiLSDtcXzk/a-minimalist-representation-of-real-time-1774704285878-2215068d.png?_wi=2",
|
||||
},
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZkvWVaXg20CGxhLxiLSDtcXzk/a-minimalist-representation-of-real-time-1774704285878-2215068d.png" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZkvWVaXg20CGxhLxiLSDtcXzk/a-minimalist-representation-of-real-time-1774704285878-2215068d.png" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "AI Analysis & Insights",
|
||||
description: "Understand your blunders with deep move analysis and performance metrics.",
|
||||
icon: Lightbulb,
|
||||
title: "AI Analysis & Insights", description: "Understand your blunders with deep move analysis and performance metrics.", icon: Lightbulb,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZkvWVaXg20CGxhLxiLSDtcXzk/an-analytical-data-interface-showing-che-1774704284444-13c8a7e3.png?_wi=1",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZkvWVaXg20CGxhLxiLSDtcXzk/an-analytical-data-interface-showing-che-1774704284444-13c8a7e3.png?_wi=2",
|
||||
},
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZkvWVaXg20CGxhLxiLSDtcXzk/an-analytical-data-interface-showing-che-1774704284444-13c8a7e3.png" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZkvWVaXg20CGxhLxiLSDtcXzk/an-analytical-data-interface-showing-che-1774704284444-13c8a7e3.png" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Interactive Lessons",
|
||||
description: "Master complex openings and endgames through guided, interactive drills.",
|
||||
icon: BookOpen,
|
||||
title: "Interactive Lessons", description: "Master complex openings and endgames through guided, interactive drills.", icon: BookOpen,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZkvWVaXg20CGxhLxiLSDtcXzk/a-clean-interactive-lesson-board-with-ui-1774704292651-93e07be9.png?_wi=1",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZkvWVaXg20CGxhLxiLSDtcXzk/a-clean-interactive-lesson-board-with-ui-1774704292651-93e07be9.png?_wi=2",
|
||||
},
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZkvWVaXg20CGxhLxiLSDtcXzk/a-clean-interactive-lesson-board-with-ui-1774704292651-93e07be9.png" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZkvWVaXg20CGxhLxiLSDtcXzk/a-clean-interactive-lesson-board-with-ui-1774704292651-93e07be9.png" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -125,21 +90,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "How does the practice mode work?",
|
||||
content: "You are presented with a position and must find the best move. If you get it wrong, we guide you back with explanations.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Are there different difficulty tiers?",
|
||||
content: "Yes, we categorize lessons by skill level: Beginner, Intermediate, Advanced, and Master.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Can I save my progress?",
|
||||
content: "Absolutely. Your progress is synced across all sessions, with an integrated progress bar.",
|
||||
},
|
||||
{ id: "1", title: "How does the practice mode work?", content: "You are presented with a position and must find the best move. If you get it wrong, we guide you back with explanations." },
|
||||
{ id: "2", title: "Are there different difficulty tiers?", content: "Yes, we categorize lessons by skill level: Beginner, Intermediate, Advanced, and Master." },
|
||||
{ id: "3", title: "Can I save my progress?", content: "Absolutely. Your progress is synced across all sessions, with an integrated progress bar." },
|
||||
]}
|
||||
title="Mastering the Game"
|
||||
description="How our interactive lessons help you climb the ELO ladder."
|
||||
@@ -153,24 +106,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
icon: Trophy,
|
||||
title: "Seasonal Winners",
|
||||
value: "1,250+",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
icon: Users,
|
||||
title: "Active Players",
|
||||
value: "50,000+",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
icon: TrendingUp,
|
||||
title: "Daily Matches",
|
||||
value: "200,000+",
|
||||
},
|
||||
{ id: "1", icon: Trophy, title: "Seasonal Winners", value: "1,250+" },
|
||||
{ id: "2", icon: Users, title: "Active Players", value: "50,000+" },
|
||||
{ id: "3", icon: TrendingUp, title: "Daily Matches", value: "200,000+" },
|
||||
]}
|
||||
title="The Global Arena"
|
||||
description="Compete against players worldwide and track your rise in the rankings."
|
||||
@@ -183,61 +121,19 @@ export default function LandingPage() {
|
||||
tag="Our Philosophy"
|
||||
tagIcon={ShieldCheck}
|
||||
title="Pure Chess for Serious Players"
|
||||
buttons={[
|
||||
{
|
||||
text: "Join the Community",
|
||||
href: "#hero",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Join the Community", href: "#hero" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZkvWVaXg20CGxhLxiLSDtcXzk/a-sleek-high-tech-chess-board-interface--1774704287472-b2bcad59.png?_wi=2"
|
||||
videoSrc="https://www.w3schools.com/howto/movie.mp4"
|
||||
columns={[
|
||||
{
|
||||
title: "Platform",
|
||||
items: [
|
||||
{
|
||||
label: "Play Now",
|
||||
href: "#hero",
|
||||
},
|
||||
{
|
||||
label: "Lessons",
|
||||
href: "#lessons",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Community",
|
||||
items: [
|
||||
{
|
||||
label: "Rankings",
|
||||
href: "#leaderboard",
|
||||
},
|
||||
{
|
||||
label: "Social",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Platform", items: [{ label: "Play Now", href: "#hero" }, { label: "Lessons", href: "#lessons" }] },
|
||||
{ title: "Community", items: [{ label: "Rankings", href: "#leaderboard" }, { label: "Social", href: "#" }] },
|
||||
{ title: "Support", items: [{ label: "FAQ", href: "#" }, { label: "Contact", href: "#" }] },
|
||||
]}
|
||||
copyrightText="© 2025 ChessMaster. All rights reserved. No bots allowed."
|
||||
videoSrc="https://www.w3schools.com/howto/movie.mp4?_wi=2"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user