Contact information for ITÜK & MTÜ For Tsükkel

src/components/Footer.tsx

@@ -1,8 +1,12 @@
 import { SiDiscord, SiInstagram, SiFacebook } from "react-icons/si";
 import Image from "next/image";
 
+// Fonts
+import { vipnagorgialla } from "@/components/Vipnagorgialla";
+
 const Footer = () => (
-    <div className="flex items-center justify-center sm:justify-between flex-col sm:flex-row px-12 py-16 gap-8">
+  <div className="flex flex-col justify-center sm:justify-between px-12 py-16 gap-8">
+    <div className="flex items-center justify-center sm:justify-between">
       <div className="flex flex-col gap-4 items-center">
         <Image
           src="/tipilan-white.svg"
@@ -18,7 +22,6 @@ const Footer = () => (
           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">
@@ -60,6 +63,47 @@ const Footer = () => (
         </a>
       </div>
     </div>
+    <div className="flex flex-col gap-4 ml-9">
+      <h2
+        className={`text-3xl sm:text-4xl ${vipnagorgialla.className} font-bold italic uppercase text-[#2A2C3F] dark:text-[#EEE5E5] mt-8 mb-4`}
+      >
+        Kontakt
+      </h2>
+      <div className="flex flex-row justify-between gap-4 items-center">
+        <div>
+          <h3 className="text-xl font-bold">IT-teaduskonna üliõpilaskogu</h3>
+          <div className="flex flex-col gap-2 mt-2">
+            <div className="flex flex-row gap-2">
+              <span className="material-symbols-outlined !font-bold text-[#007CAB] dark:text-[#00A3E0]">
+                mail
+              </span>
+              <a href="mailto:kontakt@ituk.ee" className="underline">
+                kontakt@ituk.ee
+              </a>
+            </div>
+            <div className="flex flex-row gap-2">
+              <span className="material-symbols-outlined !font-bold text-[#007CAB] dark:text-[#00A3E0]">
+                phone
+              </span>
+              <a href="tel:+37256931193" className="underline">
+                +372 5693 1193
+              </a>
+            </div>
+          </div>
+          <h3 className="text-xl font-bold pt-4">MTÜ For Tsükkel</h3>
+          <div>
+            <p className="text-[#aaa]">
+              Registrikood:{" "}
+              <span className="font-semibold text-white">80391807</span>
+            </p>
+            <p className="text-[#aaa]">
+              ICO-210, Raja tn 4c, Tallinn, Harjumaa, 12616
+            </p>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 );
 
 export default Footer;