From 0d299ea498bc7474c9c5f894a93f1ecdd695f07f Mon Sep 17 00:00:00 2001
From: Zsolt Tasnadi <rastasi@gmail.com>
Date: Sun, 15 Mar 2026 01:50:34 +0100
Subject: [PATCH] contact page restructure

---
 apps/frontend/src/pages/contact.astro | 17 +++++++++--------
 1 file changed, 9 insertions(+), 8 deletions(-)

diff --git a/apps/frontend/src/pages/contact.astro b/apps/frontend/src/pages/contact.astro
index c3231c2..2ad1e40 100644
--- a/apps/frontend/src/pages/contact.astro
+++ b/apps/frontend/src/pages/contact.astro
@@ -60,7 +60,7 @@ const DISCORD_INVITE_LINK = import.meta.env.DISCORD_INVITE_LINK || "https://disc
           Join our primarily Hungarian-speaking community (English speakers are also welcome!).
         </p>
         
-        <div class="space-y-8">
+        <div class="grid grid-cols-3 gap-4 justify-center">
           <div class="community-section border-[#5865F2]">
             <h3 class="community-section-title">Discord</h3>
             <p class="community-section-desc">We have a vibrant Discord server for real-time chat and support.</p>
@@ -69,8 +69,9 @@ const DISCORD_INVITE_LINK = import.meta.env.DISCORD_INVITE_LINK || "https://disc
             </a>
           </div>
 
-          <div class="community-section border-indigo-600">
-            <h3 class="community-section-title">IRC Chat</h3>
+          <div class="community-section border-green-500">
+            <h3 class="community-section-title">IRC</h3>
+            <p class="text-sm text-gray-600 mb-3">If Discord is too modern, find us on IRC!</p>
             <div class="irc-box">
               <span class="irc-network">Network: Libera.Chat</span>
               <code class="irc-channel">#teletypegames</code>
@@ -96,7 +97,7 @@ const DISCORD_INVITE_LINK = import.meta.env.DISCORD_INVITE_LINK || "https://disc
     @apply inline-flex items-center gap-3 bg-[#5865F2] hover:bg-[#4752C4] text-white font-black py-4 px-8 rounded-full text-lg transition-all transform hover:scale-105 shadow-xl;
   }
   .contact-grid {
-    @apply grid grid-cols-1 md:grid-cols-2 gap-12 max-w-5xl mx-auto;
+    @apply grid grid-cols-1 gap-12 max-w-5xl mx-auto;
   }
   .contact-card {
     @apply bg-white p-8 rounded-2xl shadow-xl border border-gray-100;
@@ -114,7 +115,7 @@ const DISCORD_INVITE_LINK = import.meta.env.DISCORD_INVITE_LINK || "https://disc
     @apply border-l-4 pl-4;
   }
   .community-section-title {
-    @apply text-lg font-bold text-gray-900 mb-2;
+    @apply text-lg font-bold text-green-700 mb-2;
   }
   .community-section-desc {
     @apply text-gray-600 text-sm mb-3;
@@ -123,13 +124,13 @@ const DISCORD_INVITE_LINK = import.meta.env.DISCORD_INVITE_LINK || "https://disc
     @apply text-[#5865F2] font-bold hover:underline inline-flex items-center gap-1;
   }
   .irc-box {
-    @apply bg-indigo-50 p-4 rounded-xl border border-indigo-100 mt-3 inline-block;
+    @apply bg-green-100 p-4 rounded-xl border border-green-200 mt-3 inline-block;
   }
   .irc-network {
-    @apply block text-xs font-semibold text-indigo-400 uppercase tracking-wider mb-1;
+    @apply block text-xs font-semibold text-green-500 uppercase tracking-wider mb-1;
   }
   .irc-channel {
-    @apply text-indigo-600 font-mono text-lg font-bold;
+    @apply text-green-800 font-mono text-lg font-bold;
   }
   .bbs-box {
     @apply bg-amber-50 p-4 rounded-xl border border-amber-100 mt-3 inline-block;