Changes to footer, correct contact info

src/components/Footer.tsx

@@ -1,5 +1,4 @@
 import { SiDiscord, SiInstagram, SiFacebook } from "react-icons/si";
-import Image from "next/image";
 import { useTranslations } from "next-intl";
 
 // Fonts
@@ -9,80 +8,35 @@ const Footer = () => {
   const t = useTranslations();
 
   return (
-    <div className="flex flex-col justify-center sm:justify-between px-6 py-8 md:px-12 md:py-16 gap-4 md:gap-8">
+    <div className="flex flex-col justify-center sm:justify-between px-6 py-6 md:px-12 md:py-8 gap-4">
-      <div className="flex md:items-center gap-8 md:gap-0 justify-between flex-col md:flex-row">
-        <div className="flex flex-col items-start md:items-center">
-          <Image
-            src="/tipilan-white.svg"
-            width={250}
-            height={36}
-            alt="TipiLAN Logo"
-            className="h-9 dark:hidden"
-          />
-          <Image
-            src="/tipilan-dark.svg"
-            width={250}
-            height={36}
-            alt="TipiLAN Logo"
-            className="h-9 not-dark:hidden"
-          />
-        </div>
-        {/* Social media */}
-        <div className="flex flex-row">
-          <a
-            href="https://discord.gg/pPhhatZAfA"
-            target="_blank"
-            className="mx-4 ml-0 md:ml-4"
-            rel="noopener noreferrer"
-          >
-            <SiDiscord
-              title="Discord"
-              size={"2em"}
-              className="text-[#2A2C3F] dark:text-[#EEE5E5]  hover:text-[#007CAB] hover:dark:text-[#00A3E0] transition"
-            />
-          </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] hover:text-[#007CAB] hover:dark:text-[#00A3E0] transition"
-            />
-          </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] hover:text-[#007CAB] hover:dark:text-[#00A3E0] transition"
-            />
-          </a>
-        </div>
-      </div>
       <div className="flex flex-col">
         <h2
-          className={`text-3xl sm:text-4xl ${vipnagorgialla.className} font-bold italic uppercase text-[#2A2C3F] dark:text-[#EEE5E5] mt-8 mb-4`}
+          className={`text-3xl sm:text-4xl ${vipnagorgialla.className} font-bold italic uppercase text-[#2A2C3F] dark:text-[#EEE5E5] mb-4`}
         >
           {t("footer.contact")}
         </h2>
-        <div className="flex flex-row justify-between gap-4 items-center">
+        <div className="flex flex-row justify-between gap-8 items-start">
           <div>
-            <h3 className="text-xl font-bold">{t("footer.studentUnion")}</h3>
+            <h3 className="text-xl font-bold">
+              MTÜ Lapikud
+            </h3>
             <div className="flex flex-col gap-2 mt-2">
+              <p>
+                {t("footer.registrationCode")}:{" "}
+                <span className="font-semibold text-[#007CAB] dark:text-[#00A3E0]">
+                  80167145
+                </span>
+              </p>
+              <p className="">Swedbank EE842200221094704780</p>
+            </div>
+          </div>
+          <div className="flex flex-col gap-2 items-center">
             <div className="flex flex-row gap-2">
               <span className="material-symbols-outlined !font-bold text-[#007CAB] dark:text-[#00A3E0]">
                 mail
               </span>
-                <a href="mailto:tipilan@ituk.ee" className="underline">
+              <a href="mailto:tipilaninfo@gmail.com" className="underline">
-                  tipilan@ituk.ee
+                tipilaninfo@gmail.com
               </a>
             </div>
             <div className="flex flex-row gap-2">
@@ -94,37 +48,42 @@ const Footer = () => {
               </a>
             </div>
           </div>
-            <h3 className="text-xl font-bold pt-4">
+          {/* Social media */}
-              {t("footer.organization")}
+          <div className="flex flex-row gap-4">
-            </h3>
-            <div>
-              <p>
-                {t("footer.registrationCode")}:{" "}
-                <span className="font-semibold text-[#007CAB] dark:text-[#00A3E0]">
-                  80391807
-                </span>
-              </p>
-              <p className="">ICO-210, Raja tn 4c, Tallinn, Harjumaa, 12616</p>
-            </div>
-          </div>
-        </div>
-        <div className="block align-middle text-center pt-16">
-          {t("footer.madeBy")}{" "}
             <a
+              href="https://discord.gg/pPhhatZAfA"
               target="_blank"
-            href="https://lapikud.ee/"
+              rel="noopener noreferrer"
-            className="text-[#E3983E] font-bold"
             >
-            MTÜ Lapikud
+              <SiDiscord
-          </a>{" "}
+                title="Discord"
-          {t("footer.withHelpFrom")}{" "}
+                size={"2em"}
-          <a
+                className="text-[#2A2C3F] dark:text-[#EEE5E5] hover:text-[#007CAB] hover:dark:text-[#00A3E0] transition"
-            target="_blank"
+              />
-            href="https://ituk.ee/"
-            className="bg-[#7B1642] font-bold not-dark:text-white"
-          >
-            MTÜ For Tsükkel/ITÜK
             </a>
+            <a
+              href="https://instagram.com/tipilan.ee"
+              target="_blank"
+              rel="noopener noreferrer"
+            >
+              <SiInstagram
+                title="Instagram"
+                size={"2em"}
+                className="text-[#2A2C3F] dark:text-[#EEE5E5] hover:text-[#007CAB] hover:dark:text-[#00A3E0] transition"
+              />
+            </a>
+            <a
+              href="https://facebook.com/tipilan.ee"
+              target="_blank"
+              rel="noopener noreferrer"
+            >
+              <SiFacebook
+                title="Facebook"
+                size={"2em"}
+                className="text-[#2A2C3F] dark:text-[#EEE5E5] hover:text-[#007CAB] hover:dark:text-[#00A3E0] transition"
+              />
+            </a>
+          </div>
         </div>
       </div>
     </div>