Merge version_2 into main #1
239
src/app/page.tsx
239
src/app/page.tsx
@@ -12,6 +12,9 @@ import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatin
|
||||
import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo';
|
||||
import SplitAbout from '@/components/sections/about/SplitAbout';
|
||||
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
|
||||
import dynamic from 'next/dynamic';
|
||||
|
||||
const ChessGame = dynamic(() => import('@/components/chess/ChessGame'), { ssr: false });
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -32,21 +35,13 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Play",
|
||||
id: "features",
|
||||
},
|
||||
name: "Play", id: "chess-game"},
|
||||
{
|
||||
name: "Rankings",
|
||||
id: "metrics",
|
||||
},
|
||||
name: "Rankings", id: "metrics"},
|
||||
{
|
||||
name: "Join",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Join", id: "contact"},
|
||||
]}
|
||||
brandName="GrandMaster ☦️"
|
||||
/>
|
||||
@@ -58,39 +53,23 @@ export default function LandingPage() {
|
||||
description="Where strategy meets divinity. Experience the most cinematic online chess platform with global ELO rankings, seamless friend connections, and smooth piece animations."
|
||||
buttons={[
|
||||
{
|
||||
text: "Play Now",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Play Now", href: "#chess-game"},
|
||||
]}
|
||||
slides={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-chess-pieces-digital-art-style_23-2151476104.jpg",
|
||||
imageAlt: "Golden Knight",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-chess-pieces-digital-art-style_23-2151476104.jpg", imageAlt: "Golden Knight"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dramatic-chess-piece_23-2151178546.jpg",
|
||||
imageAlt: "Motion Particles",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dramatic-chess-piece_23-2151178546.jpg", imageAlt: "Motion Particles"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-cross-with-bright-lights_23-2151004834.jpg",
|
||||
imageAlt: "Orthodox Board",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-chess-pieces-chess-board-king-queen-pieces_23-2148952325.jpg",
|
||||
imageAlt: "Obsidian Set",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-role-playing-game-elements-assortment_23-2149349660.jpg",
|
||||
imageAlt: "Golden Pieces",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-singular-chess-piece_23-2150828937.jpg",
|
||||
imageAlt: "King Piece",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-cross-with-bright-lights_23-2151004834.jpg", imageAlt: "Orthodox Board"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="chess-game" data-section="chess-game" className="py-20">
|
||||
<ChessGame />
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentyThree
|
||||
animationType="slide-up"
|
||||
@@ -98,29 +77,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Cinematic Gameplay",
|
||||
tags: [
|
||||
"Premium",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/digital-art-style-abstract-chess-pieces_23-2151476047.jpg",
|
||||
},
|
||||
id: "1", title: "Cinematic Gameplay", tags: [
|
||||
"Premium"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/digital-art-style-abstract-chess-pieces_23-2151476047.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
title: "Global Rankings",
|
||||
tags: [
|
||||
"Competitive",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ecstatic-gamer-playing-intense-classic-arcade-spaceship-racing-videogame-shaking-computer-display-yelling-after-winning-african-american-man-having-burst-happiness-after-game-victory_482257-71101.jpg",
|
||||
},
|
||||
id: "2", title: "Global Rankings", tags: [
|
||||
"Competitive"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ecstatic-gamer-playing-intense-classic-arcade-spaceship-racing-videogame-shaking-computer-display-yelling-after-winning-african-american-man-having-burst-happiness-after-game-victory_482257-71101.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
title: "Friend Connections",
|
||||
tags: [
|
||||
"Social",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-athlete_23-2147644384.jpg",
|
||||
},
|
||||
id: "3", title: "Friend Connections", tags: [
|
||||
"Social"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-athlete_23-2147644384.jpg"},
|
||||
]}
|
||||
title="Elite Chess Experience"
|
||||
description="Engineered for speed, precision, and visual beauty."
|
||||
@@ -134,26 +101,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "1M+",
|
||||
title: "Global Players",
|
||||
description: "Active competitors",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/digital-art-style-abstract-chess-pieces_23-2151476085.jpg",
|
||||
},
|
||||
id: "m1", value: "1M+", title: "Global Players", description: "Active competitors", imageSrc: "http://img.b2bpic.net/free-photo/digital-art-style-abstract-chess-pieces_23-2151476085.jpg"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "500k",
|
||||
title: "Matches Daily",
|
||||
description: "High-speed games",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/transparent-chess-pieces-board_23-2148198786.jpg",
|
||||
},
|
||||
id: "m2", value: "500k", title: "Matches Daily", description: "High-speed games", imageSrc: "http://img.b2bpic.net/free-photo/transparent-chess-pieces-board_23-2148198786.jpg"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "99.9%",
|
||||
title: "Server Uptime",
|
||||
description: "Reliable connection",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/game-boards-with-win-lose-banner-best-players_107791-12598.jpg",
|
||||
},
|
||||
id: "m3", value: "99.9%", title: "Server Uptime", description: "Reliable connection", imageSrc: "http://img.b2bpic.net/free-vector/game-boards-with-win-lose-banner-best-players_107791-12598.jpg"},
|
||||
]}
|
||||
title="Platform Stats"
|
||||
description="Evidence of the world's finest chess community."
|
||||
@@ -167,53 +119,8 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alexandr V.",
|
||||
handle: "@grandmaster",
|
||||
testimonial: "The best board graphics I've ever seen. Purely cinematic.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=23jxq3",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Sofia K.",
|
||||
handle: "@queen_s",
|
||||
testimonial: "Elegant design and perfect functionality.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=z4ozkn",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Dimitri L.",
|
||||
handle: "@orthodox_king",
|
||||
testimonial: "Finally a platform that respects the history of the game.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=p4qxjt",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Elena M.",
|
||||
handle: "@strategy_pro",
|
||||
testimonial: "Smooth piece movement and great community.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=9b134p",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Ivan S.",
|
||||
handle: "@ivan_chess",
|
||||
testimonial: "The ELO matching is perfectly balanced.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=06wn31",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Maria B.",
|
||||
handle: "@maria_chess",
|
||||
testimonial: "Beautiful design, friendly for eyes.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=vp670d",
|
||||
},
|
||||
id: "1", name: "Alexandr V.", handle: "@grandmaster", testimonial: "The best board graphics I've ever seen. Purely cinematic.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=23jxq3"},
|
||||
]}
|
||||
showRating={true}
|
||||
title="Player Voices"
|
||||
@@ -229,17 +136,11 @@ export default function LandingPage() {
|
||||
description="Merging ancient strategy with cutting-edge technology. Our platform honors the depth of the game with an intuitive, cinematic UI designed to be gentle on your eyes while keeping your focus razor-sharp."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Visual Harmony",
|
||||
description: "Eye-friendly color palette.",
|
||||
},
|
||||
title: "Visual Harmony", description: "Eye-friendly color palette."},
|
||||
{
|
||||
title: "Divine Inspiration",
|
||||
description: "Tradition meets modernity.",
|
||||
},
|
||||
title: "Divine Inspiration", description: "Tradition meets modernity."},
|
||||
{
|
||||
title: "Cinematic Fluidity",
|
||||
description: "Smooth, immersive animations.",
|
||||
},
|
||||
title: "Cinematic Fluidity", description: "Smooth, immersive animations."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/top-view-beautiful-rpg-still-life-items_23-2149282416.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -253,35 +154,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "p1",
|
||||
badge: "Essential",
|
||||
price: "$0/mo",
|
||||
subtitle: "Basic play access",
|
||||
features: [
|
||||
"Ranked matches",
|
||||
"Friend adds",
|
||||
"Country flags",
|
||||
],
|
||||
id: "p1", badge: "Essential", price: "$0/mo", subtitle: "Basic play access", features: [
|
||||
"Ranked matches", "Friend adds", "Country flags"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Start Free",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
badge: "Pro",
|
||||
price: "$9/mo",
|
||||
subtitle: "For dedicated masters",
|
||||
features: [
|
||||
"Unlimited themes",
|
||||
"Advanced analytics",
|
||||
"Priority support",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Upgrade",
|
||||
},
|
||||
text: "Start Free"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -295,20 +172,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Is mobile play supported?",
|
||||
content: "Yes, fully responsive for all devices.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Are there country flags?",
|
||||
content: "Yes, we support all country flags.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "How does ELO work?",
|
||||
content: "We use the standard international rating system.",
|
||||
},
|
||||
id: "f1", title: "Is mobile play supported?", content: "Yes, fully responsive for all devices."},
|
||||
]}
|
||||
sideTitle="Common Inquiries"
|
||||
sideDescription="Need help getting started?"
|
||||
@@ -320,8 +184,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
tag="Ready to Start?"
|
||||
title="Join the GrandMaster Community"
|
||||
description="Register today and start your journey."
|
||||
@@ -332,29 +195,9 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Community",
|
||||
items: [
|
||||
{
|
||||
label: "Rankings",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Friends",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
title: "Community", items: [
|
||||
{ label: "Rankings", href: "#metrics" },
|
||||
{ label: "Play", href: "#chess-game" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -364,4 +207,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user