CS2 and LoL pages

This commit is contained in:
Rene Arumetsa
2026-05-01 18:54:19 +03:00
parent 371082e47f
commit 3bdd508218
3 changed files with 254 additions and 0 deletions

View File

@@ -0,0 +1,166 @@
import { vipnagorgialla } from "@/components/Vipnagorgialla";
import CS2Sidebar from "@/components/CS2Sidebar";
import Link from "next/link";
import { getTranslations, setRequestLocale } from "next-intl/server";
const sectionKeys = [
{ id: "intro", labelKey: "lolpage.nav.intro" },
{ id: "info", labelKey: "lolpage.nav.info" },
{ id: "prizes", labelKey: "lolpage.nav.prizes" },
{ id: "format", labelKey: "lolpage.nav.format" },
{ id: "faq", labelKey: "lolpage.nav.faq" },
{ id: "rules", labelKey: "lolpage.nav.rules" },
];
export default async function LoLTournament({
params,
}: {
params: Promise<{ locale: string }>;
}) {
const { locale } = await params;
setRequestLocale(locale);
const t = await getTranslations({ locale });
const sections = sectionKeys.map((section) => ({
id: section.id,
label: t(section.labelKey),
}));
return (
<div className="bg-[#0E0F19] min-h-screen pt-16 md:pt-20">
<div className="max-w-[1920px] mx-auto px-6 md:px-12 py-8 md:py-16">
<div className="grid grid-cols-1 lg:grid-cols-[1fr_300px] gap-8 lg:gap-16">
{/* Main content */}
<div>
{/* Header */}
<h1
className={`${vipnagorgialla.className} font-bold italic text-[clamp(2.5rem,2rem+3vw,4rem)] leading-tight text-[#00A3E0] uppercase mb-4`}
>
{t("lolpage.title")}
</h1>
{/* Buttons */}
<div className="flex flex-wrap gap-4 mb-12">
<Link
href="https://fienta.com/et/tipilan"
target="_blank"
className={`${vipnagorgialla.className} font-bold italic px-4 py-2 bg-[#007CAB] hover:bg-[#00A3E0] text-[#EEE5E5] uppercase transition`}
>
{t("lolpage.buyTicket")}
</Link>
</div>
{/* SISSEJUHATUS */}
<section id="intro" className="mb-12">
<h2
className={`${vipnagorgialla.className} font-bold italic text-2xl md:text-3xl text-[#EEE5E5] uppercase mb-4`}
>
{t("lolpage.intro.title")}
</h2>
<p className="text-[#EEE5E5]/80 mb-6">
{t("lolpage.intro.description")}
</p>
<h3
className={`${vipnagorgialla.className} font-bold italic text-xl text-[#EEE5E5] uppercase mb-2`}
>
{t("lolpage.intro.previousWinners")}
</h3>
<p className="text-[#EEE5E5]/80 font-bold">2025</p>
<ol className="text-[#EEE5E5]/80 list-decimal list-inside mb-4">
<li>Ükssilm (Eesti)</li>
<li>Eesti Rästikud (Eesti)</li>
<li>LOMiks (Läti)</li>
</ol>
</section>
{/* ÜLDINE INFO */}
<section id="info" className="mb-12">
<h2
className={`${vipnagorgialla.className} font-bold italic text-2xl md:text-3xl text-[#EEE5E5] uppercase mb-4`}
>
{t("lolpage.info.title")}
</h2>
<p className="text-[#EEE5E5]/80">
{t("lolpage.info.description")}
</p>
</section>
{/* AUHINNAFOND */}
<section id="prizes" className="mb-12">
<h2
className={`${vipnagorgialla.className} font-bold italic text-2xl md:text-3xl text-[#EEE5E5] uppercase mb-4`}
>
{t("lolpage.prizes.title")}
</h2>
<h3
className={`${vipnagorgialla.className} font-bold italic text-xl text-[#00A3E0] uppercase mb-2`}
>
{t("lolpage.prizes.mainTitle")}
</h3>
<ul className="text-[#EEE5E5]/80 mb-2">
<li>{t("lolpage.prizes.place1")}</li>
<li>{t("lolpage.prizes.place2")}</li>
<li>{t("lolpage.prizes.place3")}</li>
</ul>
<p className="text-[#EEE5E5]/60 text-sm">
{t("lolpage.prizes.note")}
</p>
</section>
{/* TURNIIRI FORMAAT */}
<section id="format" className="mb-12">
<h2
className={`${vipnagorgialla.className} font-bold italic text-2xl md:text-3xl text-[#EEE5E5] uppercase mb-4`}
>
{t("lolpage.format.title")}
</h2>
<p className="text-[#EEE5E5]/80 mb-4">
{t("lolpage.format.description")}
</p>
<p className="text-[#EEE5E5]/80">
{t("lolpage.format.day1")}
</p>
<p className="text-[#EEE5E5]/80">
{t("lolpage.format.day2")}
</p>
</section>
{/* FAQ */}
<section id="faq" className="mb-12">
<h2
className={`${vipnagorgialla.className} font-bold italic text-2xl md:text-3xl text-[#EEE5E5] uppercase mb-4`}
>
{t("lolpage.faq.title")}
</h2>
<h3
className={`${vipnagorgialla.className} font-bold italic text-lg text-[#EEE5E5] uppercase mb-2`}
>
{t("lolpage.faq.q1")}
</h3>
<p className="text-[#EEE5E5]/80 mb-4">
{t("lolpage.faq.a1")}
</p>
</section>
{/* REEGLID */}
<section id="rules" className="mb-12">
<h2
className={`${vipnagorgialla.className} font-bold italic text-2xl md:text-3xl text-[#EEE5E5] uppercase mb-4`}
>
{t("lolpage.rules.title")}
</h2>
<p className="text-[#EEE5E5]/80">
{t("lolpage.rules.comingSoon")}
</p>
</section>
</div>
{/* Sidebar navigation */}
<CS2Sidebar sections={sections} />
</div>
</div>
</div>
);
}

View File

@@ -323,6 +323,50 @@
] ]
} }
}, },
"lolpage": {
"title": "LEAGUE OF LEGENDS TOURNAMENT",
"buyTicket": "BUY TICKET",
"nav": {
"intro": "Introduction",
"info": "General info",
"prizes": "Prize pool",
"format": "Tournament format",
"faq": "FAQ",
"rules": "Rules"
},
"intro": {
"title": "INTRODUCTION",
"description": "TipiLAN organized its first LoL tournament in 2025 at its debut event. Teams from Estonia and Latvia participated.",
"previousWinners": "PREVIOUS WINNERS"
},
"info": {
"title": "GENERAL INFO",
"description": "TipiLAN 2026 LoL tournament takes place September 11-13 at TalTech, Tallinn, Estonia. This is a BYOC LAN tournament. On-site, each participant is provided with: desk, chair, wired internet connection, power connection (2 outlets)."
},
"prizes": {
"title": "PRIZE POOL",
"mainTitle": "MAIN TOURNAMENT - €3000",
"place1": "1st place - €1500, €300 per player, 50% or 1/2 of the prize pool.",
"place2": "2nd place - €1000, €200 per player, 33.3...% or 1/3 of the prize pool.",
"place3": "3rd place - €500, €100 per player, 16.6...% or 1/6 of the prize pool.",
"note": "Teams and players outside the prize pool will not receive additional compensation."
},
"format": {
"title": "TOURNAMENT FORMAT",
"description": "The entire tournament is BYOC (bring your own computer) LAN, no qualifications take place.",
"day1": "Day 1: Round Robin in two groups, 5 games.",
"day2": "Day 2: Single Elimination Playoff."
},
"faq": {
"title": "FREQUENTLY ASKED QUESTIONS",
"q1": "QUESTION?",
"a1": "Answer"
},
"rules": {
"title": "RULES",
"comingSoon": "Rules will be added here:)"
}
},
"schedule": { "schedule": {
"title": "Schedule", "title": "Schedule",
"day": "Day", "day": "Day",

View File

@@ -324,6 +324,50 @@
] ]
} }
}, },
"lolpage": {
"title": "LEAGUE OF LEGENDS TURNIIR",
"buyTicket": "OSTA PILET",
"nav": {
"intro": "Sissejuhatus",
"info": "Üldine info",
"prizes": "Auhinnafond",
"format": "Turniiri formaat",
"faq": "Korduma kippuvad küsimused",
"rules": "Reeglid"
},
"intro": {
"title": "SISSEJUHATUS",
"description": "TipiLAN korraldas esimese LoL turniiri 2025. aastal oma debüütüritusel. Kohal käis tiime nii Eestist kui ka Lätist.",
"previousWinners": "VARASEMAD VÕITJAD"
},
"info": {
"title": "ÜLDINE INFO",
"description": "TipiLAN 2026 LoL turniir toimub 11.-13. septembril TalTechis, Tallinnas, Eestis. Tegemist on BYOC LAN turniiriga. Kohapeal pakutakse igale osalejale: laud, tool, võrgukaabliga internetiühendus, vooluühendus (2 pesa)."
},
"prizes": {
"title": "AUHINNAFOND",
"mainTitle": "PEATURNIIR - 3000€",
"place1": "1. koht - 1500€, 300€ inimese kohta, 50% ehk 1/2 auhinnafondist.",
"place2": "2. koht - 1000€, 200€ inimese kohta, 33.3...(3)% ehk 1/3 auhinnafondist.",
"place3": "3. koht - 500€, 100€ inimese kohta, 16.6...(6)% ehk 1/6 auhinnafondist.",
"note": "Auhinnafondist väljaspoole jäävatele meeskondadele ja mängijatele lisahüvitisi ei pakuta."
},
"format": {
"title": "TURNIIRI FORMAAT",
"description": "Terve turniir on BYOC (bring your own computer) LAN, kvalifikatsioone ei toimu.",
"day1": "Päev 1: Round Robin kahes grupis, 5 mängu.",
"day2": "Päev 2: Single Elimination Playoff."
},
"faq": {
"title": "KORDUMA KIPPUVAD KÜSIMUSED",
"q1": "KÜSIMUS?",
"a1": "Vastus"
},
"rules": {
"title": "REEGLID",
"comingSoon": "Siia tulevad reeglid:)"
}
},
"schedule": { "schedule": {
"title": "Ajakava", "title": "Ajakava",
"day": "Päev", "day": "Päev",