Add src/app/tournament/page.tsx
This commit is contained in:
184
src/app/tournament/page.tsx
Normal file
184
src/app/tournament/page.tsx
Normal file
@@ -0,0 +1,184 @@
|
||||
"use client";
|
||||
|
||||
import { Calendar, MapPin, Trophy, Users, Clock, Award } from "lucide-react";
|
||||
import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
|
||||
import HeroSplitDoubleCarousel from "@/components/sections/hero/HeroSplitDoubleCarousel";
|
||||
import TimelineHorizontalCardStack from "@/components/cardStack/layouts/timelines/TimelineHorizontalCardStack";
|
||||
import FaqBase from "@/components/sections/faq/FaqBase";
|
||||
import FooterBase from "@/components/sections/footer/FooterBase";
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
|
||||
export default function TournamentPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="hover-magnetic"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="soft"
|
||||
contentWidth="mediumSmall"
|
||||
sizing="mediumLargeSizeMediumTitles"
|
||||
background="noiseDiagonalGradient"
|
||||
cardStyle="inset"
|
||||
primaryButtonStyle="primary-glow"
|
||||
secondaryButtonStyle="radial-glow"
|
||||
headingFontWeight="medium"
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
brandName="Counter-Strike"
|
||||
navItems={[
|
||||
{ name: "About", id: "/" },
|
||||
{ name: "Features", id: "/" },
|
||||
{ name: "Competitive", id: "/" },
|
||||
{ name: "Community", id: "/" },
|
||||
{ name: "FAQ", id: "/" },
|
||||
{ name: "Tournament", id: "/tournament" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
title="Global Championship 2025"
|
||||
description="Join the most prestigious Counter-Strike tournament of the year. Compete against elite teams from around the world for glory, recognition, and a share of the massive prize pool."
|
||||
tag="Elite Tournament"
|
||||
tagIcon={Trophy}
|
||||
tagAnimation="slide-up"
|
||||
background={{ variant: "glowing-orb" }}
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZJPKdry8xklfGL8mpyrtIoLGP/counter-strike-esports-tournament-venue--1772794210167-b85f6222.png?_wi=1", imageAlt: "Championship arena"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZJPKdry8xklfGL8mpyrtIoLGP/counter-strike-professional-player-in-ac-1772794209735-f714b66d.png?_wi=1", imageAlt: "Professional player competing"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZJPKdry8xklfGL8mpyrtIoLGP/professional-counter-strike-2-gameplay-s-1772794209910-2cca9213.png?_wi=1", imageAlt: "Tournament gameplay"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZJPKdry8xklfGL8mpyrtIoLGP/counter-strike-map-overview-screenshot-s-1772794209997-0b6eda7c.png?_wi=1", imageAlt: "Competitive strategy"},
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZJPKdry8xklfGL8mpyrtIoLGP/professional-counter-strike-2-gameplay-s-1772794209910-2cca9213.png?_wi=3", imageAlt: "Tournament matches"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZJPKdry8xklfGL8mpyrtIoLGP/counter-strike-weapon-showcase-featuring-1772794209778-7e80c40f.png?_wi=3", imageAlt: "Tournament equipment"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZJPKdry8xklfGL8mpyrtIoLGP/counter-strike-esports-tournament-venue--1772794210167-b85f6222.png?_wi=3", imageAlt: "Championship venue"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZJPKdry8xklfGL8mpyrtIoLGP/counter-strike-professional-player-in-ac-1772794209735-f714b66d.png?_wi=3", imageAlt: "Tournament atmosphere"},
|
||||
]}
|
||||
carouselPosition="right"
|
||||
buttons={[
|
||||
{ text: "Register Team", href: "https://www.counter-strike.net" },
|
||||
{ text: "View Details", href: "#schedule" },
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="schedule" data-section="schedule">
|
||||
<TimelineHorizontalCardStack
|
||||
title="Tournament Schedule"
|
||||
description="Follow the complete tournament schedule from qualifiers through finals."
|
||||
tag="Event Timeline"
|
||||
tagIcon={Calendar}
|
||||
tagAnimation="slide-up"
|
||||
textboxLayout="default"
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZJPKdry8xklfGL8mpyrtIoLGP/counter-strike-esports-tournament-venue--1772794210167-b85f6222.png?_wi=4", imageAlt: "Qualifiers stage"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZJPKdry8xklfGL8mpyrtIoLGP/professional-counter-strike-2-gameplay-s-1772794209910-2cca9213.png?_wi=4", imageAlt: "Group stage"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZJPKdry8xklfGL8mpyrtIoLGP/counter-strike-weapon-showcase-featuring-1772794209778-7e80c40f.png?_wi=4", imageAlt: "Semifinals"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZJPKdry8xklfGL8mpyrtIoLGP/counter-strike-professional-player-in-ac-1772794209735-f714b66d.png?_wi=4", imageAlt: "Grand finals"},
|
||||
]}
|
||||
>
|
||||
<div className="space-y-2">
|
||||
<h3 className="font-semibold text-lg">Qualifiers</h3>
|
||||
<p className="text-sm opacity-75">February 1-15, 2025</p>
|
||||
<p className="text-sm">Regional qualifiers for 64 teams</p>
|
||||
</div>
|
||||
<div className="space-y-2">
|
||||
<h3 className="font-semibold text-lg">Group Stage</h3>
|
||||
<p className="text-sm opacity-75">February 20 - March 5, 2025</p>
|
||||
<p className="text-sm">32 teams compete in group format</p>
|
||||
</div>
|
||||
<div className="space-y-2">
|
||||
<h3 className="font-semibold text-lg">Semifinals</h3>
|
||||
<p className="text-sm opacity-75">March 8-10, 2025</p>
|
||||
<p className="text-sm">Top 4 teams battle for finals spots</p>
|
||||
</div>
|
||||
<div className="space-y-2">
|
||||
<h3 className="font-semibold text-lg">Grand Finals</h3>
|
||||
<p className="text-sm opacity-75">March 12-15, 2025</p>
|
||||
<p className="text-sm">Championship match at main venue</p>
|
||||
</div>
|
||||
</TimelineHorizontalCardStack>
|
||||
</div>
|
||||
|
||||
<div id="rules" data-section="rules">
|
||||
<FaqBase
|
||||
title="Tournament Rules & Information"
|
||||
description="Everything you need to know about tournament regulations, eligibility, and competition format."
|
||||
tag="Rules"
|
||||
tagIcon={Award}
|
||||
tagAnimation="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqsAnimation="slide-up"
|
||||
animationType="smooth"
|
||||
faqs={[
|
||||
{
|
||||
id: "1", title: "What are the eligibility requirements?", content: "Teams must have 5 registered players aged 16 or older. Players must have a valid Steam account with no VAC bans in the last 5 years. Team rosters must be finalized by the registration deadline and cannot be changed during the tournament without approval."},
|
||||
{
|
||||
id: "2", title: "What is the prize pool?", content: "The tournament features a $5 million USD prize pool distributed across all stages. First place receives $2 million, second place $1.2 million, third place $700k, fourth place $500k, with remaining prizes distributed through group stage performances."},
|
||||
{
|
||||
id: "3", title: "What is the format?", content: "The tournament uses a 5v5 competitive format on the latest Counter-Strike 2 patch. Qualifiers are single-elimination, group stage uses round-robin, and finals use double-elimination bracket. Best-of-3 matches for finals, best-of-1 for group stage."},
|
||||
{
|
||||
id: "4", title: "What equipment is provided?", content: "All teams receive official tournament peripherals including keyboards, mice, headsets, and monitors. Players may use their own equipment if it meets tournament standards. All equipment is checked and calibrated 24 hours before matches."},
|
||||
{
|
||||
id: "5", title: "What are the anti-cheat procedures?", content: "All players undergo hardware and software checks before competing. VAC is mandatory, and players must allow tournament admins to monitor their systems. Any suspicious activity results in immediate investigation and potential disqualification."},
|
||||
{
|
||||
id: "6", title: "Can I stream my team's matches?", content: "Official tournament broadcasts are handled by the esports team. Teams can stream their own perspective with commentary, but official live match streams are provided by the tournament organizers with proper delays for fair play."},
|
||||
{
|
||||
id: "7", title: "What maps are played?", content: "The tournament map pool includes Mirage, Inferno, Nuke, Anubis, Ascent, Vertigo, and Ancient. The ban/pick format allows teams to ban maps before each series. All matches use the official tournament server settings."},
|
||||
{
|
||||
id: "8", title: "How are delays and technical issues handled?", content: "The tournament has built-in delay protocols. If technical issues occur during a match, admins can pause the game for up to 10 minutes per team per match. Rounds already completed will not be replayed unless both teams and admins agree."},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
logoText="Counter-Strike"
|
||||
copyrightText="© 2024 Counter-Strike. All rights reserved."
|
||||
columns={[
|
||||
{
|
||||
title: "Tournament", items: [
|
||||
{ label: "Schedule", href: "#schedule" },
|
||||
{ label: "Rules", href: "#rules" },
|
||||
{ label: "Register", href: "https://www.counter-strike.net" },
|
||||
{ label: "Venues", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Community", items: [
|
||||
{ label: "Forums", href: "https://forums.steampowered.com" },
|
||||
{ label: "Discord", href: "#" },
|
||||
{ label: "Twitch", href: "#" },
|
||||
{ label: "Twitter", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal", items: [
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "Terms of Service", href: "#" },
|
||||
{ label: "Code of Conduct", href: "#" },
|
||||
{ label: "Contact", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user