Merge version_1 into main #1
309
src/app/page.tsx
309
src/app/page.tsx
@@ -32,94 +32,42 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Courses",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Courses", id: "products" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
brandName="Grandmaster Chess"
|
||||
button={{
|
||||
text: "Login / Signup",
|
||||
}}
|
||||
button={{ text: "Login / Signup" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Master the Art of Chess"
|
||||
description="Professional chess courses for all levels. Elevate your strategic thinking with expert analysis, tactical mastery, and deep understanding of the game."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
text: "View Pricing",
|
||||
href: "#pricing",
|
||||
},
|
||||
{ text: "Get Started", href: "#products" },
|
||||
{ text: "View Pricing", href: "#pricing" }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/chess-figures-chessboard_114579-6039.jpg"
|
||||
imageAlt="A professional chessboard setup"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/asian-students-doiing-their-hometask-playing-chess_1098-19870.jpg",
|
||||
alt: "Asian students doiing their hometask and playing chess",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/transparent-chess-pieces-board_23-2148198767.jpg",
|
||||
alt: "Transparent chess pieces on board",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/knight-chess-piece-pattern_53876-75039.jpg",
|
||||
alt: "Knight chess piece on a pattern",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/green-pink-chess-pieces_23-2150378681.jpg",
|
||||
alt: "Green and pink chess pieces",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/side-view-man-with-chess-game_23-2149833667.jpg",
|
||||
alt: "Side view man with chess game",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/asian-students-doiing-their-hometask-playing-chess_1098-19870.jpg", alt: "Asian students doiing their hometask and playing chess" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/transparent-chess-pieces-board_23-2148198767.jpg", alt: "Transparent chess pieces on board" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/knight-chess-piece-pattern_53876-75039.jpg", alt: "Knight chess piece on a pattern" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/green-pink-chess-pieces_23-2150378681.jpg", alt: "Green and pink chess pieces" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/side-view-man-with-chess-game_23-2149833667.jpg", alt: "Side view man with chess game" }
|
||||
]}
|
||||
avatarText="Join 15,000+ students"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "FIDE-rated instructors",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Personalized drills",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Mobile-friendly platform",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Live lectures",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Strategy mastery",
|
||||
},
|
||||
{ type: "text", text: "FIDE-rated instructors" },
|
||||
{ type: "text", text: "Personalized drills" },
|
||||
{ type: "text", text: "Mobile-friendly platform" },
|
||||
{ type: "text", text: "Live lectures" },
|
||||
{ type: "text", text: "Strategy mastery" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -130,18 +78,9 @@ export default function LandingPage() {
|
||||
title="Why Learn With Us"
|
||||
description="Our curriculum is designed by FIDE-rated masters to provide a structured path from beginner to club-level mastery. We bridge the gap between amateur play and professional strategy."
|
||||
metrics={[
|
||||
{
|
||||
value: "15k+",
|
||||
title: "Active Students",
|
||||
},
|
||||
{
|
||||
value: "500+",
|
||||
title: "Chess Lectures",
|
||||
},
|
||||
{
|
||||
value: "24/7",
|
||||
title: "Support",
|
||||
},
|
||||
{ value: "15k+", title: "Active Students" },
|
||||
{ value: "500+", title: "Chess Lectures" },
|
||||
{ value: "24/7", title: "Support" }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-old-man-playing-chess_23-2149833660.jpg"
|
||||
imageAlt="Grandmaster analyzing a game"
|
||||
@@ -156,21 +95,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
icon: Lightbulb,
|
||||
title: "Strategic Thinking",
|
||||
description: "Learn to calculate variations deeply and intuitively.",
|
||||
},
|
||||
{
|
||||
icon: Award,
|
||||
title: "Tactical Drills",
|
||||
description: "Interactive puzzles to sharpen your pattern recognition.",
|
||||
},
|
||||
{
|
||||
icon: Clock,
|
||||
title: "Flexible Learning",
|
||||
description: "Study at your own pace with mobile-friendly access.",
|
||||
},
|
||||
{ icon: Lightbulb, title: "Strategic Thinking", description: "Learn to calculate variations deeply and intuitively." },
|
||||
{ icon: Award, title: "Tactical Drills", description: "Interactive puzzles to sharpen your pattern recognition." },
|
||||
{ icon: Clock, title: "Flexible Learning", description: "Study at your own pace with mobile-friendly access." }
|
||||
]}
|
||||
title="Core Features"
|
||||
description="Everything you need to improve your game in one intuitive platform."
|
||||
@@ -184,48 +111,12 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Beginner Masterclass",
|
||||
price: "$49",
|
||||
variant: "Fundamentals",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-chess-pieces-digital-art-style_23-2151476126.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Tactical Brilliance",
|
||||
price: "$79",
|
||||
variant: "Advanced",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-chess-pieces-digital-art-style_23-2151476132.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Positional Mastery",
|
||||
price: "$99",
|
||||
variant: "Advanced",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-table-with-people-playing-chess-tournament_181624-61117.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Endgame Secrets",
|
||||
price: "$69",
|
||||
variant: "Professional",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/grayscale-shot-chess-set-chessboard_181624-45482.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Opening Repertoire",
|
||||
price: "$89",
|
||||
variant: "Professional",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/transparent-chess-pieces-board_23-2148198783.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Speed Chess Drills",
|
||||
price: "$59",
|
||||
variant: "Intermediate",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-old-men-playing-chess-side-view_23-2150128775.jpg",
|
||||
},
|
||||
{ id: "1", name: "Beginner Masterclass", price: "$49", variant: "Fundamentals", imageSrc: "http://img.b2bpic.net/free-photo/abstract-chess-pieces-digital-art-style_23-2151476126.jpg" },
|
||||
{ id: "2", name: "Tactical Brilliance", price: "$79", variant: "Advanced", imageSrc: "http://img.b2bpic.net/free-photo/abstract-chess-pieces-digital-art-style_23-2151476132.jpg" },
|
||||
{ id: "3", name: "Positional Mastery", price: "$99", variant: "Advanced", imageSrc: "http://img.b2bpic.net/free-photo/closeup-table-with-people-playing-chess-tournament_181624-61117.jpg" },
|
||||
{ id: "4", name: "Endgame Secrets", price: "$69", variant: "Professional", imageSrc: "http://img.b2bpic.net/free-photo/grayscale-shot-chess-set-chessboard_181624-45482.jpg" },
|
||||
{ id: "5", name: "Opening Repertoire", price: "$89", variant: "Professional", imageSrc: "http://img.b2bpic.net/free-photo/transparent-chess-pieces-board_23-2148198783.jpg" },
|
||||
{ id: "6", name: "Speed Chess Drills", price: "$59", variant: "Intermediate", imageSrc: "http://img.b2bpic.net/free-photo/young-old-men-playing-chess-side-view_23-2150128775.jpg" }
|
||||
]}
|
||||
title="Our Courses"
|
||||
description="Explore our curated catalog of masterclasses and strategy guides."
|
||||
@@ -239,28 +130,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "starter",
|
||||
badge: "Essential",
|
||||
price: "$15/mo",
|
||||
subtitle: "Access to beginner library",
|
||||
features: [
|
||||
"50+ Courses",
|
||||
"Mobile App",
|
||||
"Community Forum",
|
||||
],
|
||||
id: "starter", badge: "Essential", price: "$15/mo", subtitle: "Access to beginner library", features: ["50+ Courses", "Mobile App", "Community Forum"]
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
badge: "Most Popular",
|
||||
price: "$29/mo",
|
||||
subtitle: "Full platform access",
|
||||
features: [
|
||||
"All Courses",
|
||||
"Live Lectures",
|
||||
"Priority Support",
|
||||
"Personalized Drills",
|
||||
],
|
||||
},
|
||||
id: "pro", badge: "Most Popular", price: "$29/mo", subtitle: "Full platform access", features: ["All Courses", "Live Lectures", "Priority Support", "Personalized Drills"]
|
||||
}
|
||||
]}
|
||||
title="Flexible Learning Plans"
|
||||
description="Simple, transparent pricing to help you grow your game."
|
||||
@@ -269,51 +143,16 @@ export default function LandingPage() {
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Mark R.",
|
||||
role: "Student",
|
||||
testimonial: "The best platform for serious chess learners.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-old-man-playing-chess_23-2148997211.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Elena S.",
|
||||
role: "Club Player",
|
||||
testimonial: "Finally, my rating is going up consistently.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-playing-chess_23-2149729339.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "David W.",
|
||||
role: "Student",
|
||||
testimonial: "Clear, concise, and incredibly effective lessons.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sad-young-woman-sitting-with-her-boyfriend-cheering-after-winning-chess-game-home_23-2148049276.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Sophia L.",
|
||||
role: "Enthusiast",
|
||||
testimonial: "I love the interactive puzzles feature.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/women-playing-giant-chess_23-2147679102.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "James K.",
|
||||
role: "Intermediate",
|
||||
testimonial: "Foundational strategies clearly explained.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/adorable-siblings-lying-ground-playing-chess-with-each-other_181624-35332.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Lucy H.",
|
||||
role: "Student",
|
||||
testimonial: "Perfect for my busy study schedule.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-suit-jeans-holding-chessboard-figure_176474-10727.jpg",
|
||||
},
|
||||
{ id: "1", name: "Mark R.", role: "Student", testimonial: "The best platform for serious chess learners.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-old-man-playing-chess_23-2148997211.jpg" },
|
||||
{ id: "2", name: "Elena S.", role: "Club Player", testimonial: "Finally, my rating is going up consistently.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-playing-chess_23-2149729339.jpg" },
|
||||
{ id: "3", name: "David W.", role: "Student", testimonial: "Clear, concise, and incredibly effective lessons.", imageSrc: "http://img.b2bpic.net/free-photo/sad-young-woman-sitting-with-her-boyfriend-cheering-after-winning-chess-game-home_23-2148049276.jpg" },
|
||||
{ id: "4", name: "Sophia L.", role: "Enthusiast", testimonial: "I love the interactive puzzles feature.", imageSrc: "http://img.b2bpic.net/free-photo/women-playing-giant-chess_23-2147679102.jpg" },
|
||||
{ id: "5", name: "James K.", role: "Intermediate", testimonial: "Foundational strategies clearly explained.", imageSrc: "http://img.b2bpic.net/free-photo/adorable-siblings-lying-ground-playing-chess-with-each-other_181624-35332.jpg" },
|
||||
{ id: "6", name: "Lucy H.", role: "Student", testimonial: "Perfect for my busy study schedule.", imageSrc: "http://img.b2bpic.net/free-photo/young-man-suit-jeans-holding-chessboard-figure_176474-10727.jpg" }
|
||||
]}
|
||||
title="Success Stories"
|
||||
description="Join thousands of satisfied chess learners worldwide."
|
||||
@@ -325,21 +164,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Are courses mobile-friendly?",
|
||||
content: "Yes, study anywhere with our mobile app.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Can I cancel at any time?",
|
||||
content: "Absolutely, subscriptions can be cancelled in settings.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Is the content suitable for absolute beginners?",
|
||||
content: "Yes, we have a specialized tier for newcomers.",
|
||||
},
|
||||
{ id: "1", title: "Are courses mobile-friendly?", content: "Yes, study anywhere with our mobile app." },
|
||||
{ id: "2", title: "Can I cancel at any time?", content: "Absolutely, subscriptions can be cancelled in settings." },
|
||||
{ id: "3", title: "Is the content suitable for absolute beginners?", content: "Yes, we have a specialized tier for newcomers." }
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Common questions about our courses."
|
||||
@@ -353,24 +180,10 @@ export default function LandingPage() {
|
||||
title="Contact Us"
|
||||
description="Have questions? Our support team is ready to help."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
required: true,
|
||||
},
|
||||
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Your Email", required: true }
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "How can we help you today?",
|
||||
rows: 4,
|
||||
}}
|
||||
textarea={{ name: "message", placeholder: "How can we help you today?", rows: 4 }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/empty-interior-with-chess-board-game-chips-table-space-prepared-fun-get-together-with-friends-no-people-living-room-decorated-with-leisure-activity-games-enjoy-gathering_482257-43520.jpg"
|
||||
/>
|
||||
</div>
|
||||
@@ -378,32 +191,8 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Resources",
|
||||
items: [
|
||||
{
|
||||
label: "Blog",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Tutorials",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Resources", items: [{ label: "Blog", href: "#" }, { label: "Tutorials", href: "#" }] },
|
||||
{ title: "Company", items: [{ label: "About", href: "#" }, { label: "Contact", href: "#contact" }] }
|
||||
]}
|
||||
bottomLeftText="© 2024 Grandmaster Chess Academy"
|
||||
bottomRightText="Privacy Policy"
|
||||
@@ -412,4 +201,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user