From 1950a2381983b4118ee9c06f31682e33a8db8079 Mon Sep 17 00:00:00 2001
From: TFT <artoreinik@gmail.com>
Date: Thu, 1 May 2025 12:38:34 +0300
Subject: [PATCH] added contact email to footer

---
 src/components/Footer.tsx | 60 +++++++++++++++++++++++++++++++++------
 1 file changed, 51 insertions(+), 9 deletions(-)

diff --git a/src/components/Footer.tsx b/src/components/Footer.tsx
index b4056b0..1dbca8c 100644
--- a/src/components/Footer.tsx
+++ b/src/components/Footer.tsx
@@ -3,21 +3,63 @@ import Image from "next/image";
 
 const Footer = () => (
     <div className="flex items-center justify-center sm:justify-between flex-col sm:flex-row px-12 py-16 gap-8">
-        <Image src="/tipilan-white.svg" width={300} height={50} alt="TipiLAN Logo" className="h-16 dark:hidden"/>
-        <Image src="/tipilan-dark.svg" width={300} height={50} alt="TipiLAN Logo" className="h-9 ml-3 not-dark:hidden"/>
+        <div className="flex flex-col gap-4 items-center">
+            <Image
+                src="/tipilan-white.svg"
+                width={300}
+                height={50}
+                alt="TipiLAN Logo"
+                className="h-16 dark:hidden"
+            />
+            <Image
+                src="/tipilan-dark.svg"
+                width={300}
+                height={50}
+                alt="TipiLAN Logo"
+                className="h-9 ml-3 not-dark:hidden"
+            />
+            <p>Kontakt: <a href="mailto:tipilan@ituk.ee" className="underline">tipilan@ituk.ee</a></p>
+        </div>
         {/* Social media */}
         <div className="flex flex-row">
-            <a href="https://discord.gg/eB7sVqgJ9b" target="_blank" className="mx-4" rel="noopener noreferrer">
-                <SiDiscord title="Discord" size={'2em'} className="text-[#2A2C3F] dark:text-[#EEE5E5]"/>
+            <a
+                href="https://discord.gg/eB7sVqgJ9b"
+                target="_blank"
+                className="mx-4"
+                rel="noopener noreferrer"
+            >
+                <SiDiscord
+                    title="Discord"
+                    size={"2em"}
+                    className="text-[#2A2C3F] dark:text-[#EEE5E5]"
+                />
             </a>
-            <a href="https://instagram.com/tipilan.ee" target="_blank" className="mx-4" rel="noopener noreferrer">
-                <SiInstagram title="Instagram" size={'2em'} className="text-[#2A2C3F] dark:text-[#EEE5E5]"/>
+            <a
+                href="https://instagram.com/tipilan.ee"
+                target="_blank"
+                className="mx-4"
+                rel="noopener noreferrer"
+            >
+                <SiInstagram
+                    title="Instagram"
+                    size={"2em"}
+                    className="text-[#2A2C3F] dark:text-[#EEE5E5]"
+                />
             </a>
-            <a href="https://facebook.com/tipilan.ee" target="_blank" className="mx-4" rel="noopener noreferrer">
-                <SiFacebook title="Facebook" size={'2em'} className="text-[#2A2C3F] dark:text-[#EEE5E5]"/>
+            <a
+                href="https://facebook.com/tipilan.ee"
+                target="_blank"
+                className="mx-4"
+                rel="noopener noreferrer"
+            >
+                <SiFacebook
+                    title="Facebook"
+                    size={"2em"}
+                    className="text-[#2A2C3F] dark:text-[#EEE5E5]"
+                />
             </a>
         </div>
     </div>
 );
 
-export default Footer;
\ No newline at end of file
+export default Footer;