Add minitournaments to header and tournaments page

src/app/[locale]/messiala/page.tsx

@@ -272,7 +272,7 @@ export default function Expo() {
             <p className="text-[#EEE5E5] text-base md:text-lg max-w-md">
               {t("expo.miniTournaments.description")}
             </p>
-            <Link href="/turniirid" className="w-fit">
+            <Link href="/miniturniirid" className="w-fit">
               <button
                 className={`${vipnagorgialla.className} px-4 py-2 border-4 border-transparent bg-[#00A3E0] hover:bg-[#E5E5EE] text-[#0A121F] cursor-pointer font-bold italic leading-none uppercase transition`}
               >

src/app/[locale]/turniirid/page.tsx

@@ -1,7 +1,7 @@
 import { vipnagorgialla } from "@/components/Vipnagorgialla";
 import Link from "next/link";
 import Image from "next/image";
-import { setRequestLocale } from "next-intl/server";
+import { getTranslations, setRequestLocale } from "next-intl/server";
 
 interface TournamentCardProps {
   title: string;
@@ -50,6 +50,7 @@ export default async function Tourney({
 }) {
   const { locale } = await params;
   setRequestLocale(locale);
+  const t = await getTranslations({ locale });
   return (
     <div className="bg-[#0E0F19] min-h-0 flex flex-col flex-1">
       {/* 1x2 Grid */}
@@ -59,7 +60,7 @@ export default async function Tourney({
           title="COUNTER-STRIKE 2"
           buttonHref="/turniirid/cs2"
           backgroundImage="/images/landing/cs2_tournament.jpg"
-          className="border-b-[3px] md:border-b-0 md:border-r-3"
+          className="border-b-[3px] md:border-b-0 md:border-r-3 min-h-[50vh]"
         />
 
         {/* LoL */}
@@ -68,7 +69,17 @@ export default async function Tourney({
           buttonHref="/turniirid/lol"
           backgroundImage="/images/landing/lol_tournament.png"
           objectPosition="bottom left"
-          className="border-b-0"
+          className="border-b-0 min-h-[50vh]"
+        />
+      </div>
+
+      {/* Full-width Mini-tournaments */}
+      <div className="grid grid-cols-1 auto-rows-fr">
+        <TournamentCard
+          title={t("expo.miniTournaments.title").toUpperCase()}
+          buttonHref="/miniturniirid"
+          backgroundImage="/images/miniturniirid/minitournaments.jpg"
+          className="border-t-[3px] min-h-[50vh]"
         />
       </div>
     </div>

src/components/Header.tsx

@@ -26,6 +26,7 @@ interface NavItem {
     | "/haldus"
     | "/kodukord"
     | "/messiala"
+    | "/miniturniirid"
     | "/piletid"
     | "/striim"
     | "/turniirid";
@@ -49,6 +50,7 @@ const Header = ({ navItems }: HeaderProps) => {
 
   const navIconByHref: Partial<Record<NavItem["href"], string>> = {
     "/messiala": "weekend",
+    "/miniturniirid": "rewarded_ads",
     "/ajakava": "event_note",
     "/piletid": "local_activity",
     "/turniirid": "rewarded_ads",

src/components/SidebarLayoutClient.tsx

@@ -9,6 +9,7 @@ interface NavItem {
     | "/haldus"
     | "/kodukord"
     | "/messiala"
+    | "/miniturniirid"
     | "/piletid"
     | "/striim"
     | "/turniirid";

src/components/TeaserCarousel.tsx

@@ -11,7 +11,7 @@ type Slide = {
   image: string;
   imageAlt: string;
   hero: string;
-  href: "/turniirid" | "/piletid" | "/messiala";
+  href: "/turniirid" | "/piletid" | "/messiala" | "/miniturniirid";
   flip?: boolean;
   fullBrightness?: boolean;
 };

src/i18n/routing.ts

@@ -46,6 +46,10 @@ export const routing = defineRouting({
       et: "/turniirid",
       en: "/tournaments",
     },
+    "/miniturniirid": {
+      et: "/miniturniirid",
+      en: "/minitournaments",
+    },
   },
 });