274 lines
16 KiB
TypeScript
274 lines
16 KiB
TypeScript
"use client"
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
|
import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
|
|
import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
|
|
import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo';
|
|
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
|
|
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
|
|
import FaqBase from '@/components/sections/faq/FaqBase';
|
|
import ContactText from '@/components/sections/contact/ContactText';
|
|
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
|
import { Clock, DollarSign, Gamepad2, HelpCircle, Sparkles, TrendingUp, Users } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="hover-bubble"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="soft"
|
|
contentWidth="smallMedium"
|
|
sizing="largeSmallSizeLargeTitles"
|
|
background="aurora"
|
|
cardStyle="gradient-bordered"
|
|
primaryButtonStyle="flat"
|
|
secondaryButtonStyle="solid"
|
|
headingFontWeight="normal"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleApple
|
|
brandName="Click Esports"
|
|
navItems={[
|
|
{ name: "Why Us", id: "why-us" },
|
|
{ name: "Pricing", id: "pricing" },
|
|
{ name: "Testimonials", id: "testimonials" },
|
|
{ name: "FAQ", id: "faq" },
|
|
{ name: "Contact", id: "contact" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplitDualMedia
|
|
title="Premium Gaming Center in Nepean"
|
|
description="High-end gaming PCs, affordable hourly rates, and an amazing community. Perfect for casual gamers, competitive players, and group events."
|
|
tag="Gaming Lounge"
|
|
tagIcon={Gamepad2}
|
|
background={{ variant: "plain" }}
|
|
buttons={[
|
|
{ text: "Call Now: (613) 226-8000", href: "tel:+16132268000" },
|
|
{ text: "Book Your Spot", href: "#contact" }
|
|
]}
|
|
mediaItems={[
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/professional-video-gamer-female-playing-online-shooter-game-late-night-living-room_482257-22778.jpg?_wi=1", imageAlt: "Professional gaming setup at Click Esports"
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/professional-video-gamer-female-playing-online-shooter-game-late-night-living-room_482257-22778.jpg?_wi=2", imageAlt: "High-end gaming station with RGB lighting"
|
|
}
|
|
]}
|
|
rating={5}
|
|
ratingText="4.6★ Rated by 255+ Happy Gamers"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="why-us" data-section="why-us">
|
|
<FeatureCardNine
|
|
title="Why Choose Click Esports?"
|
|
description="We're more than just a gaming center—we're a community hub with premium equipment, affordable pricing, and unforgettable experiences."
|
|
tag="Our Difference"
|
|
tagIcon={Sparkles}
|
|
features={[
|
|
{
|
|
id: 1,
|
|
title: "High-End Gaming PCs", description: "Top-tier gaming rigs with the latest graphics cards, processors, and high-refresh monitors for competitive and casual play.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/professional-video-gamer-female-playing-online-shooter-game-late-night-living-room_482257-22778.jpg?_wi=3" },
|
|
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/view-professional-photographer-filming-teens-headsets-playing-video-games-video-game_1268-25922.jpg?_wi=1" }
|
|
},
|
|
{
|
|
id: 2,
|
|
title: "Unbeatable Pricing", description: "Just $10/hour for gaming, $30 day passes, and discounted memberships. Food and drinks available to keep you fueled.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/group-multiracial-teens-playing-video-games-video-game-club-with-blue-red-illumination-excited-because-victory_1268-24592.jpg?_wi=1" },
|
|
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/professional-video-gamer-female-playing-online-shooter-game-late-night-living-room_482257-22778.jpg?_wi=4" }
|
|
},
|
|
{
|
|
id: 3,
|
|
title: "Events & Parties", description: "Host birthday parties, corporate team-building, tournaments, and group gaming sessions. Perfect for all group sizes.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/view-professional-photographer-filming-teens-headsets-playing-video-games-video-game_1268-25922.jpg?_wi=2" },
|
|
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/group-multiracial-teens-playing-video-games-video-game-club-with-blue-red-illumination-excited-because-victory_1268-24592.jpg?_wi=2" }
|
|
}
|
|
]}
|
|
showStepNumbers={true}
|
|
textboxLayout="default"
|
|
animationType="slide-up"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="pricing" data-section="pricing">
|
|
<PricingCardTwo
|
|
title="Simple, Transparent Pricing"
|
|
description="Choose the option that works best for you. All our rates include access to premium gaming PCs and a welcoming community."
|
|
tag="Pricing Plans"
|
|
tagIcon={DollarSign}
|
|
plans={[
|
|
{
|
|
id: "hourly", badge: "Casual Players", badgeIcon: require('lucide-react').User,
|
|
price: "$10/hour", subtitle: "Perfect for trying us out", buttons: [
|
|
{ text: "Book Now", href: "#contact" },
|
|
{ text: "Call (613) 226-8000", href: "tel:+16132268000" }
|
|
],
|
|
features: [
|
|
"Access to all gaming PCs", "High-refresh monitors", "Comfortable gaming chairs", "Great community vibe"
|
|
]
|
|
},
|
|
{
|
|
id: "daypass", badge: "All-Day Gaming", badgeIcon: Clock,
|
|
price: "$30", subtitle: "Full day pass (12 hours)", buttons: [
|
|
{ text: "Get Day Pass", href: "#contact" },
|
|
{ text: "Call (613) 226-8000", href: "tel:+16132268000" }
|
|
],
|
|
features: [
|
|
"12 hours of unlimited gaming", "Priority station reservation", "Snacks and drink discounts", "Perfect for weekend gaming"
|
|
]
|
|
},
|
|
{
|
|
id: "membership", badge: "Best Value", badgeIcon: Sparkles,
|
|
price: "$99/month", subtitle: "Unlimited gaming membership", buttons: [
|
|
{ text: "Get Membership", href: "#contact" },
|
|
{ text: "Call (613) 226-8000", href: "tel:+16132268000" }
|
|
],
|
|
features: [
|
|
"Unlimited gaming access", "Priority PC reservations", "20% off food & drinks", "Member-only tournaments", "Exclusive event invitations"
|
|
]
|
|
}
|
|
]}
|
|
textboxLayout="default"
|
|
animationType="slide-up"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardTwo
|
|
title="Our Track Record"
|
|
description="The numbers speak for themselves. Click Esports has built a thriving gaming community in Nepean and surrounding areas."
|
|
tag="Community Impact"
|
|
tagIcon={TrendingUp}
|
|
metrics={[
|
|
{ id: "1", value: "255+", description: "Happy Gamers" },
|
|
{ id: "2", value: "4.6★", description: "Average Rating" },
|
|
{ id: "3", value: "50+", description: "Gaming Stations" },
|
|
{ id: "4", value: "100+", description: "Monthly Events" }
|
|
]}
|
|
gridVariant="uniform-all-items-equal"
|
|
textboxLayout="default"
|
|
animationType="slide-up"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardTen
|
|
title="What Our Community Says"
|
|
description="Don't just take our word for it—hear from gamers who love Click Esports."
|
|
tag="Testimonials"
|
|
tagIcon={Users}
|
|
testimonials={[
|
|
{
|
|
id: "1", title: "Best Gaming Spot in Ottawa", quote: "Good vibes, nice hardware and excellent service. The staff really cares about the gaming community here.", name: "Alex Thompson", role: "Competitive Gamer", imageSrc: "http://img.b2bpic.net/free-photo/young-hispanic-man-streamer-playing-video-game-using-joystick-gaming-room_839833-8031.jpg?_wi=1", imageAlt: "Alex Thompson"
|
|
},
|
|
{
|
|
id: "2", title: "Unbeatable Value", quote: "At $10 an hour you can't go wrong. The equipment is top-notch and the atmosphere is perfect for grinding.", name: "Jordan Martinez", role: "Gaming Enthusiast", imageSrc: "http://img.b2bpic.net/free-photo/young-hispanic-man-streamer-playing-video-game-using-joystick-gaming-room_839833-8031.jpg?_wi=2", imageAlt: "Jordan Martinez"
|
|
},
|
|
{
|
|
id: "3", title: "Amazing Community", quote: "Snacks and drinks are amazing, and the staff makes everyone feel welcome. Whether you're casual or competitive, this place is for you.", name: "Sarah Kim", role: "Community Member", imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-hispanic-woman-streamer-smiling-confident-relaxed-with-hands-head-gaming-room_839833-10436.jpg", imageAlt: "Sarah Kim"
|
|
},
|
|
{
|
|
id: "4", title: "Perfect for Group Events", quote: "We hosted our team-building event here and it was a huge hit. Professional setup and friendly staff made it unforgettable.", name: "Michael Chen", role: "Event Organizer", imageSrc: "http://img.b2bpic.net/free-photo/group-multiracial-teens-playing-video-games-video-game-club-with-blue-red-illumination-excited-because-victory_1268-24592.jpg?_wi=3", imageAlt: "Michael Chen"
|
|
},
|
|
{
|
|
id: "5", title: "Where Gamers Belong", quote: "This is my second home. The gaming rigs are incredible, and everyone here shares the same passion. Highly recommend!", name: "Chris Rodriguez", role: "Esports Player", imageSrc: "http://img.b2bpic.net/free-photo/young-hispanic-man-streamer-playing-video-game-using-joystick-gaming-room_839833-8031.jpg?_wi=3", imageAlt: "Chris Rodriguez"
|
|
},
|
|
{
|
|
id: "6", title: "Birthday Party Success", quote: "Threw my daughter's birthday party here and all the kids had an absolute blast. Professional, safe, and fun!", name: "Rebecca Johnson", role: "Parent", imageSrc: "http://img.b2bpic.net/free-photo/young-hispanic-man-streamer-playing-video-game-using-joystick-gaming-room_839833-8031.jpg?_wi=4", imageAlt: "Rebecca Johnson"
|
|
}
|
|
]}
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqBase
|
|
title="Frequently Asked Questions"
|
|
description="Have questions? We've got answers. Get the details about our services, pricing, and how to book."
|
|
tag="Help & Support"
|
|
tagIcon={HelpCircle}
|
|
faqs={[
|
|
{
|
|
id: "1", title: "What gaming titles do you support?", content: "We support all major gaming titles including competitive shooters (CS:GO, Valorant, Fortnite), MOBAs (League of Legends, Dota 2), fighting games, racing sims, and more. Our systems are updated regularly with the latest games and drivers."
|
|
},
|
|
{
|
|
id: "2", title: "How do I book a gaming station?", content: "You can book a station by calling us at <strong>(613) 226-8000</strong>, filling out our online contact form, or visiting us in person at <strong>1665 Merivale Rd, Nepean, ON K2G 3K2</strong>. Walk-ins are always welcome based on availability."
|
|
},
|
|
{
|
|
id: "3", title: "Are memberships month-to-month?", content: "Yes! Our $99/month membership is month-to-month with no long-term contract. You can cancel anytime. Members get unlimited gaming access, priority reservations, and 20% off food and drinks."
|
|
},
|
|
{
|
|
id: "4", title: "Can I book a private area for a group?", content: "Absolutely! We specialize in birthday parties, corporate team-building, and group gaming sessions. Contact us for custom packages based on your group size and event needs. We can accommodate groups from 5 to 50+ people."
|
|
},
|
|
{
|
|
id: "5", title: "What are your hours of operation?", content: "Check our website for current hours or call <strong>(613) 226-8000</strong>. We're open most days and offer flexible hours to accommodate students, professionals, and casual gamers."
|
|
},
|
|
{
|
|
id: "6", title: "Do you have food and drinks available?", content: "Yes! We have a selection of snacks, energy drinks, and beverages available for purchase. Members get a 20% discount on all food and drink items."
|
|
},
|
|
{
|
|
id: "7", title: "What's your cancellation policy?", content: "For hourly sessions, cancellations up to 1 hour in advance receive a full refund. Day passes and memberships can be cancelled anytime with no penalties."
|
|
},
|
|
{
|
|
id: "8", title: "Is Click Esports good for beginners?", content: "Absolutely! Click Esports welcomes all skill levels. Whether you're a casual gamer or competitive esports player, we have the setup and community for everyone. Our staff is helpful and non-judgmental."
|
|
}
|
|
]}
|
|
textboxLayout="default"
|
|
faqsAnimation="slide-up"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactText
|
|
text="Ready to level up your gaming? Contact Click Esports today to book your gaming session, inquire about events, or join our gaming community."
|
|
animationType="entrance-slide"
|
|
buttons={[
|
|
{ text: "Call (613) 226-8000", href: "tel:+16132268000" },
|
|
{ text: "Visit Us: 1665 Merivale Rd, Nepean" }
|
|
]}
|
|
background={{ variant: "plain" }}
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseReveal
|
|
columns={[
|
|
{
|
|
title: "Navigation", items: [
|
|
{ label: "Why Us", href: "#why-us" },
|
|
{ label: "Pricing", href: "#pricing" },
|
|
{ label: "Testimonials", href: "#testimonials" },
|
|
{ label: "FAQ", href: "#faq" }
|
|
]
|
|
},
|
|
{
|
|
title: "Contact", items: [
|
|
{ label: "Call: (613) 226-8000", href: "tel:+16132268000" },
|
|
{ label: "1665 Merivale Rd, Nepean, ON K2G 3K2", href: "#" },
|
|
{ label: "Visit Us Today", href: "#" }
|
|
]
|
|
},
|
|
{
|
|
title: "Legal", items: [
|
|
{ label: "Privacy Policy", href: "#" },
|
|
{ label: "Terms of Service", href: "#" },
|
|
{ label: "Accessibility", href: "#" }
|
|
]
|
|
}
|
|
]}
|
|
copyrightText="© 2025 Click Esports | Premium Gaming Center in Nepean, Ottawa"
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
}
|