185 lines
11 KiB
TypeScript
185 lines
11 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
|
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
|
|
import TextAbout from '@/components/sections/about/TextAbout';
|
|
import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
|
|
import TeamCardOne from '@/components/sections/team/TeamCardOne';
|
|
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
|
import BlogCardTwo from '@/components/sections/blog/BlogCardTwo';
|
|
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
|
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
|
|
|
export default function SitePage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="slide-background"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="rounded"
|
|
contentWidth="medium"
|
|
sizing="largeSmallSizeLargeTitles"
|
|
background="circleGradient"
|
|
cardStyle="gradient-radial"
|
|
primaryButtonStyle="gradient"
|
|
secondaryButtonStyle="radial-glow"
|
|
headingFontWeight="semibold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleFullscreen
|
|
navItems={[
|
|
{ name: "About", id: "about" },
|
|
{ name: "Programs", id: "programs" },
|
|
{ name: "Team", id: "team" },
|
|
{ name: "Testimonials", id: "testimonials" },
|
|
{ name: "Contact", id: "contact" },
|
|
]}
|
|
brandName="Game & Think"
|
|
bottomLeftText="Master the Board"
|
|
bottomRightText="contact@gameandthink.com"
|
|
/>
|
|
</div>
|
|
<div id="hero" data-section="hero">
|
|
<HeroCarouselLogo
|
|
logoText="Game & Think"
|
|
description="Sharpen Your Mind. Master the Board. Join our vibrant community of chess enthusiasts."
|
|
buttons={[
|
|
{ text: "Join the Club", href: "#contact" },
|
|
{ text: "Learn More", href: "#about" },
|
|
]}
|
|
slides={[
|
|
{
|
|
imageSrc: "https://img.b2bpic.net/free-photo/close-up-men-playing-chess_23-2148997206.jpg", imageAlt: "Close-up of a chessboard during a game, pieces in mid-action, suggesting strategy and competition."},
|
|
{
|
|
imageSrc: "https://img.b2bpic.net/free-photo/buiness-friends-playing-game-chess_53876-15186.jpg?_wi=1", imageAlt: "Members of the chess club playing a friendly game."}
|
|
]}
|
|
autoplayDelay={5000}
|
|
showDimOverlay={true}
|
|
/>
|
|
</div>
|
|
<div id="about" data-section="about">
|
|
<TextAbout
|
|
tag="About Us"
|
|
title="Cultivating Minds and Community Through the Ancient Game of Chess"
|
|
buttons={[{ text: "Discover Our Vision", href: "#programs" }]}
|
|
useInvertedBackground={false}
|
|
tagAnimation="slide-up"
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
<div id="programs" data-section="programs">
|
|
<FeatureCardTwelve
|
|
features={[
|
|
{
|
|
id: "training", label: "Training", title: "Structured Training Programs", items: [
|
|
"Beginner workshops", "Intermediate strategy sessions", "Advanced tactical drills", "Personalized coaching"],
|
|
buttons: [{ text: "Explore Programs", href: "#contact" }],
|
|
},
|
|
{
|
|
id: "tournaments", label: "Tournaments", title: "Exciting Club Tournaments", items: [
|
|
"Weekly rapid chess", "Monthly classical events", "Online leagues", "Inter-club competitions"],
|
|
buttons: [{ text: "View Schedule", href: "#blog" }],
|
|
},
|
|
{
|
|
id: "social", label: "Community", title: "Vibrant Social Events", items: [
|
|
"Casual play nights", "Chess movie screenings", "Themed meetups", "Guest speaker series"],
|
|
buttons: [{ text: "Connect With Us", href: "#contact" }],
|
|
},
|
|
]}
|
|
animationType="slide-up"
|
|
title="Our Programs & Benefits"
|
|
description="From casual play to competitive tournaments, we have something for every chess enthusiast."
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
/>
|
|
</div>
|
|
<div id="team" data-section="team">
|
|
<TeamCardOne
|
|
members={[
|
|
{
|
|
id: "1", name: "Grandmaster Alex", role: "Head Coach", imageSrc: "https://img.b2bpic.net/free-photo/side-view-man-with-chess-game_23-2149833667.jpg", imageAlt: "Portrait of Grandmaster Alex, an experienced chess coach."},
|
|
{
|
|
id: "2", name: "Sarah Lee", role: "Tournament Organizer", imageSrc: "https://img.b2bpic.net/free-photo/buiness-friends-playing-game-chess_53876-15186.jpg?_wi=2", imageAlt: "Portrait of Sarah Lee, a young and dynamic tournament organizer."},
|
|
{
|
|
id: "3", name: "David Chen", role: "Community Manager", imageSrc: "https://img.b2bpic.net/free-photo/buiness-friends-playing-game-chess_53876-15186.jpg?_wi=3", imageAlt: "Portrait of David Chen, a friendly community manager."},
|
|
{
|
|
id: "4", name: "Dr. Elena Petrova", role: "Strategy Advisor", imageSrc: "https://img.b2bpic.net/free-photo/medium-shot-old-man-holding-cane_23-2149833651.jpg", imageAlt: "Portrait of Dr. Elena Petrova, a wise strategy advisor."},
|
|
]}
|
|
gridVariant="four-items-2x2-equal-grid"
|
|
animationType="slide-up"
|
|
title="Meet Our Chess Masters"
|
|
description="Learn from the best and challenge yourself with our dedicated team."
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardFifteen
|
|
testimonial="Joining Game & Think transformed my game. The coaching is top-notch, and the community is incredibly supportive. I've improved so much and made great friends!"
|
|
rating={5}
|
|
author="Mark J., Club Member"
|
|
avatars={[
|
|
{ src: "https://img.b2bpic.net/free-photo/smiling-businessman-standing-airport_107420-85035.jpg", alt: "Mark J. avatar" },
|
|
{ src: "https://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg", alt: "Emily R. avatar" },
|
|
{ src: "https://img.b2bpic.net/free-photo/close-up-beautiful-woman-smiling_23-2148369437.jpg", alt: "David S. avatar" },
|
|
{ src: "https://img.b2bpic.net/free-photo/senior-man-looking-camera-dental-office-wainting-consultation-elderly-male-smiling-webcam-s_482257-4047.jpg", alt: "Sophia L. avatar" },
|
|
]}
|
|
ratingAnimation="blur-reveal"
|
|
avatarsAnimation="slide-up"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
<div id="blog" data-section="blog">
|
|
<BlogCardTwo
|
|
blogs={[
|
|
{
|
|
id: "1", category: "Strategy", title: "Unlocking the King's Indian Defense", excerpt: "Dive deep into the King's Indian Defense and master its complexities with expert analysis.", imageSrc: "https://img.b2bpic.net/free-photo/chess-game-business-strategy-concept_53876-30572.jpg", authorName: "Grandmaster Alex", authorAvatar: "https://img.b2bpic.net/free-photo/side-view-man-with-chess-game_23-2149833667.jpg", date: "October 26, 2024"},
|
|
{
|
|
id: "2", category: "Events", title: "Game & Think Fall Tournament Recap", excerpt: "Highlights and key games from our recent Fall Tournament. See who took home the championship!", imageSrc: "https://img.b2bpic.net/free-photo/rear-view-people-sitting-bar-stool_53876-42298.jpg", authorName: "Sarah Lee", authorAvatar: "https://img.b2bpic.net/free-photo/buiness-friends-playing-game-chess_53876-15186.jpg", date: "October 15, 2024"},
|
|
{
|
|
id: "3", category: "Benefits", title: "The Cognitive Benefits of Chess", excerpt: "Discover how playing chess can boost your critical thinking, memory, and problem-solving skills.", imageSrc: "https://img.b2bpic.net/free-photo/side-view-smiley-father-playing-chess_23-2149512452.jpg", authorName: "Dr. Elena Petrova", authorAvatar: "https://img.b2bpic.net/free-photo/medium-shot-old-man-holding-cane_23-2149833651.jpg", date: "September 30, 2024"},
|
|
]}
|
|
animationType="slide-up"
|
|
title="Latest News & Insights"
|
|
description="Stay updated with our articles on chess strategy, club events, and the benefits of playing."
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
/>
|
|
</div>
|
|
<div id="faq" data-section="faq">
|
|
<FaqSplitText
|
|
faqs={[
|
|
{
|
|
id: "1", title: "How do I join the Game & Think club?", content: "You can join our club by signing up through our website, or by visiting us during our club nights. We offer a free trial session for new members!"},
|
|
{
|
|
id: "2", title: "Are there membership fees?", content: "Yes, we have various membership tiers. Please visit our 'Membership' section for detailed pricing and benefits."},
|
|
{
|
|
id: "3", title: "Do I need to be an experienced player?", content: "Absolutely not! We welcome players of all skill levels, from complete beginners to seasoned veterans. Our coaches and community are here to support your growth."},
|
|
{
|
|
id: "4", title: "What kind of events do you host?", content: "We host weekly casual play, monthly tournaments, workshops, guest lectures, and social gatherings. Check our 'Events' page for the full schedule."},
|
|
]}
|
|
sideTitle="Frequently Asked Questions"
|
|
sideDescription="Find answers to common questions about Game & Think."
|
|
faqsAnimation="slide-up"
|
|
textPosition="left"
|
|
useInvertedBackground={false}
|
|
animationType="smooth"
|
|
/>
|
|
</div>
|
|
<div id="contact" data-section="contact">
|
|
<ContactCTA
|
|
tag="Join the Club"
|
|
title="Ready to Make Your Next Move?"
|
|
description="Connect with fellow chess enthusiasts, improve your game, and become part of our thriving community. We look forward to welcoming you!"
|
|
buttons={[
|
|
{ text: "Contact Us", href: "mailto:contact@gameandthink.com" },
|
|
{ text: "Sign Up Now", href: "#" },
|
|
]}
|
|
background={{ variant: "radial-gradient" }}
|
|
useInvertedBackground={true}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
}
|