From 5d1e1305119102c8360d880e9c8bade9534e5467 Mon Sep 17 00:00:00 2001
From: v4ltages <contact@voltages.me>
Date: Thu, 10 Sep 2026 18:28:56 +0300
Subject: [PATCH] Add another button to main pg, hide universities

---
 src/app/[locale]/messiala/page.tsx |  2 +-
 src/app/[locale]/page.tsx          | 29 +++++++++++++++++++++++++----
 src/app/globals.css                |  3 ++-
 src/components/Header.tsx          |  2 +-
 4 files changed, 29 insertions(+), 7 deletions(-)

diff --git a/src/app/[locale]/messiala/page.tsx b/src/app/[locale]/messiala/page.tsx
index 72e32a1..262032c 100644
--- a/src/app/[locale]/messiala/page.tsx
+++ b/src/app/[locale]/messiala/page.tsx
@@ -322,7 +322,7 @@ export default function Expo() {
         </section>
 
         {/* Universities */}
-        <section className={`${DIVIDER} ${GUTTER} py-12 md:py-16`}>
+        <section className={`${DIVIDER} ${GUTTER} py-12 md:py-16 hidden`}>
           <SectionHeading>{t("expo.universities")}</SectionHeading>
           <div className="grid grid-cols-2 lg:grid-cols-4 gap-6 lg:gap-8">
             {universities.map((uni) => (
diff --git a/src/app/[locale]/page.tsx b/src/app/[locale]/page.tsx
index 2a0b3e8..01a4750 100644
--- a/src/app/[locale]/page.tsx
+++ b/src/app/[locale]/page.tsx
@@ -26,10 +26,10 @@ export default async function Home({
       <Livestreams />
 
       {/* Nav cards: Piletid + Ajakava + Turniirid */}
-      <div className="grid grid-cols-1 md:grid-cols-3 md:h-65 border-b-3 border-[#1F5673]">
+      <div className="grid grid-cols-1 lg:grid-cols-2 3xl:grid-cols-4 3xl:h-65 border-b-3 border-[#1F5673]">
         <Link
           href="/piletid"
-          className="px-8 md:px-12 py-8 flex flex-col justify-center gap-4 border-b-3 md:border-b-0 md:border-r-3 group border-[#1F5673] hover:bg-[#007CAB] dark:hover:bg-[#00A3E0] transition"
+          className="px-8 xl:px-12 py-8 flex flex-col justify-center gap-4 border-b-3 3xl:border-b-0 lg:border-r-3 group border-[#1F5673] hover:bg-[#007CAB] dark:hover:bg-[#00A3E0] transition"
         >
           <div className="flex flex-col gap-4">
             <span
@@ -56,7 +56,7 @@ export default async function Home({
 
         <Link
           href="/ajakava"
-          className="px-8 md:px-12 py-8 flex flex-col justify-center gap-4 border-b-3 md:border-b-0 md:border-r-3 group border-[#1F5673] hover:bg-[#007CAB] dark:hover:bg-[#00A3E0] transition"
+          className="px-8 xl:px-12 py-8 flex flex-col justify-center gap-4 border-b-3 3xl:border-b-0 3xl:border-r-3 group border-[#1F5673] hover:bg-[#007CAB] dark:hover:bg-[#00A3E0] transition"
         >
           <div className="flex flex-col gap-4">
             <span
@@ -81,9 +81,30 @@ export default async function Home({
           </div>
         </Link>
 
+        <Link
+          href="/messiala"
+          className="px-8 xl:px-12 py-8 flex flex-col justify-center gap-4 border-b-3 lg:border-b-0 lg:border-r-3 group border-[#1F5673] hover:bg-[#007CAB] dark:hover:bg-[#00A3E0] transition"
+        >
+          <div className="flex flex-col gap-4">
+            <span className="material-symbols-outlined text-[clamp(2rem,1.5rem+1.5vw,3.5rem)]! text-[#007CAB] dark:text-[#00A3E0] dark:group-hover:text-[#EEE5E5] group-hover:text-[#EEE5E5]">
+              festival
+            </span>
+          </div>
+          <div className="flex flex-row justify-between gap-4 items-center">
+            <h2
+              className={`text-[clamp(2rem,1.8rem+1vw,3rem)] ${vipnagorgialla.className} font-bold italic uppercase dark:text-[#EEE5E5] text-[#2A2C3F] dark:group-hover:text-[#2A2C3F] group-hover:text-black`}
+            >
+              {t("navigation.expo")}
+            </h2>
+            <span className="material-symbols-outlined text-[clamp(2rem,1.5rem+1.5vw,3.5rem)]! font-bold! text-[#007CAB] dark:text-[#00A3E0] group-hover:translate-x-2 dark:group-hover:text-[#EEE5E5] group-hover:text-[#EEE5E5] transition">
+              arrow_right_alt
+            </span>
+          </div>
+        </Link>
+
         <Link
           href="/turniirid"
-          className="px-8 md:px-12 py-8 flex flex-col justify-center gap-4 group border-[#1F5673] hover:bg-[#007CAB] dark:hover:bg-[#00A3E0] transition"
+          className="px-8 xl:px-12 py-8 flex flex-col justify-center gap-4 group border-[#1F5673] hover:bg-[#007CAB] dark:hover:bg-[#00A3E0] transition"
         >
           <div className="flex flex-col gap-4">
             <span className="material-symbols-outlined text-[clamp(2rem,1.5rem+1.5vw,3.5rem)]! text-[#007CAB] dark:text-[#00A3E0] dark:group-hover:text-[#EEE5E5] group-hover:text-[#EEE5E5]">
diff --git a/src/app/globals.css b/src/app/globals.css
index 4143ae7..77f0270 100644
--- a/src/app/globals.css
+++ b/src/app/globals.css
@@ -45,6 +45,7 @@
 
 @theme {
     --breakpoint-xs: 30rem;
+    --breakpoint-3xl: 112rem;
 }
 
 body {
@@ -237,4 +238,4 @@ body {
 .tournament-page-scope ol {
     color: #ffffff;
     list-style-position: inside;
-}
\ No newline at end of file
+}
diff --git a/src/components/Header.tsx b/src/components/Header.tsx
index 4a31b57..0a5840d 100644
--- a/src/components/Header.tsx
+++ b/src/components/Header.tsx
@@ -49,7 +49,7 @@ const Header = ({ navItems }: HeaderProps) => {
   const dropdownNavItems = mainNavItems;
 
   const navIconByHref: Partial<Record<NavItem["href"], string>> = {
-    "/messiala": "weekend",
+    "/messiala": "festival",
     "/miniturniirid": "rewarded_ads",
     "/ajakava": "event_note",
     "/piletid": "local_activity",