Merge version_2 into main #4
@@ -40,15 +40,14 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
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."
|
||||
logoText="Master the Game Board"
|
||||
description="Experience a next-generation game board interface designed for clarity and strategic depth. Join a community of serious players."
|
||||
buttons={[
|
||||
{ text: "Play Now", href: "#play" },
|
||||
{ text: "Start Lessons", href: "#lessons" },
|
||||
{ text: "Play Now", href: "#hero" },
|
||||
{ text: "View Rankings", href: "#leaderboard" },
|
||||
]}
|
||||
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"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -59,29 +58,29 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Real-Time Matchmaking", description: "Connect instantly with human players matching your skill level.", icon: Zap,
|
||||
title: "Immersive Game Board", description: "Tactile and responsive interface designed to let you focus solely on your next move.", 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" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "AI Analysis & Insights", description: "Understand your blunders with deep move analysis and performance metrics.", icon: Lightbulb,
|
||||
title: "Player Profile Dashboard", description: "Track your progress, ELO growth, and historical match data in one unified dashboard.", 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" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Interactive Lessons", description: "Master complex openings and endgames through guided, interactive drills.", icon: BookOpen,
|
||||
title: "Interactive Drills", description: "Refine your strategic approach with custom, curated training sessions.", 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" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
title="Built for Serious Players"
|
||||
description="Unlock your full potential with our advanced feature set."
|
||||
title="Engineered for Strategy"
|
||||
description="Our modern UI brings clarity to every move, analysis, and statistic."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -90,12 +89,12 @@ 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 do I customize my dashboard?", content: "Go to your profile settings to toggle metrics, visibility preferences, and theme colors." },
|
||||
{ id: "2", title: "Does the board support touch input?", content: "Yes, our interface is fully optimized for touch-based interaction on tablets and mobile devices." },
|
||||
{ id: "3", title: "How do I review past games?", content: "Every match is automatically saved to your profile dashboard for comprehensive replay and analysis." },
|
||||
]}
|
||||
title="Mastering the Game"
|
||||
description="How our interactive lessons help you climb the ELO ladder."
|
||||
title="Optimize Your Setup"
|
||||
description="Personalize your gaming environment to match your unique playstyle."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -106,22 +105,22 @@ 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: "ELO Rating", value: "2,400" },
|
||||
{ id: "2", icon: Users, title: "Global Rank", value: "#42" },
|
||||
{ id: "3", icon: TrendingUp, title: "Win Rate", value: "68%" },
|
||||
]}
|
||||
title="The Global Arena"
|
||||
description="Compete against players worldwide and track your rise in the rankings."
|
||||
title="Your Global Standing"
|
||||
description="Keep track of your performance against the world's best with our integrated arena stats."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextAbout
|
||||
useInvertedBackground={false}
|
||||
tag="Our Philosophy"
|
||||
tag="Modern Interface Design"
|
||||
tagIcon={ShieldCheck}
|
||||
title="Pure Chess for Serious Players"
|
||||
buttons={[{ text: "Join the Community", href: "#hero" }]}
|
||||
title="A Board Designed for Grandmasters"
|
||||
buttons={[{ text: "Customize Your Dashboard", href: "#features" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -129,11 +128,11 @@ export default function LandingPage() {
|
||||
<FooterMedia
|
||||
videoSrc="https://www.w3schools.com/howto/movie.mp4?_wi=2"
|
||||
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: "Game", items: [{ label: "Dashboard", href: "#features" }, { label: "Arena", href: "#leaderboard" }] },
|
||||
{ title: "Training", items: [{ label: "Lessons", href: "#lessons" }, { label: "Drills", href: "#" }] },
|
||||
{ title: "Platform", items: [{ label: "FAQ", href: "#lessons" }, { label: "Support", href: "#" }] },
|
||||
]}
|
||||
copyrightText="© 2025 ChessMaster. All rights reserved. No bots allowed."
|
||||
copyrightText="© 2025 ChessMaster Pro. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user