Minor polish around certain pages

src/app/[locale]/page.tsx

@@ -142,7 +142,7 @@ export default async function Home({
           <h3 className="text-4xl md:text-5xl dark:text-[#EEE5E5] text-[#2A2C3F] group-hover:text-black pb-8">
             {t("home.sections.poweredBy")}
           </h3>
-          <div className="flex flex-row flex-wrap gap-8 md:gap-18 items-center">
+          <div className="flex flex-row flex-wrap gap-8 md:gap-18 items-center justify-center">
             <NextLink href="https://taltech.ee" target="_blank">
               <Image
                 src="/sponsors/taltech-color.png"

src/app/[locale]/piletid/page.tsx

@@ -15,7 +15,7 @@ export default async function Tickets({
     <div>
       <div className="flex flex-col min-h-[90vh] m-6 mt-16 md:m-16">
         <h1
-          className={`text-4xl md:text-5xl lg:text-6xl ${vipnagorgialla.className} font-bold italic text-[#2A2C3F] dark:text-[#EEE5E5] mt-8 md:mt-16 mb-4`}
+          className={`text-4xl wrap-break-word md:text-5xl lg:text-6xl ${vipnagorgialla.className} font-bold italic text-[#2A2C3F] dark:text-[#EEE5E5] mt-8 md:mt-16 mb-4`}
         >
           {t("tickets.title")}
         </h1>

src/app/[locale]/striim/page.tsx

@@ -140,7 +140,7 @@ export default async function Home({
           <h3 className="text-4xl md:text-5xl dark:text-[#EEE5E5] text-[#2A2C3F] group-hover:text-black pb-8">
             {t("home.sections.poweredBy")}
           </h3>
-          <div className="flex flex-row flex-wrap gap-8 md:gap-18 items-center">
+          <div className="flex flex-row flex-wrap gap-8 md:gap-18 items-center justify-center">
             <Link href="https://taltech.ee" target="_blank">
               <Image
                 src="/sponsors/taltech-color.png"
@@ -207,6 +207,15 @@ export default async function Home({
                 className="object-contain"
               />
             </Link>
+            <Link href="https://www.tallinn.ee/et/haridus" target="_blank">
+              <Image
+                src="/sponsors/tallinnaharidusamet.jpg"
+                alt="Tallinna Haridusamet"
+                width={192}
+                height={192}
+                className="object-contain"
+              />
+            </Link>
           </div>
         </div>
       </div>

src/components/Footer.tsx

@@ -38,7 +38,7 @@ const Footer = () => {
             <SiDiscord
               title="Discord"
               size={"2em"}
-              className="text-[#2A2C3F] dark:text-[#EEE5E5]"
+              className="text-[#2A2C3F] dark:text-[#EEE5E5]  hover:text-[#007CAB] hover:dark:text-[#00A3E0] transition"
             />
           </a>
           <a
@@ -50,7 +50,7 @@ const Footer = () => {
             <SiInstagram
               title="Instagram"
               size={"2em"}
-              className="text-[#2A2C3F] dark:text-[#EEE5E5]"
+              className="text-[#2A2C3F] dark:text-[#EEE5E5] hover:text-[#007CAB] hover:dark:text-[#00A3E0] transition"
             />
           </a>
           <a
@@ -62,7 +62,7 @@ const Footer = () => {
             <SiFacebook
               title="Facebook"
               size={"2em"}
-              className="text-[#2A2C3F] dark:text-[#EEE5E5]"
+              className="text-[#2A2C3F] dark:text-[#EEE5E5] hover:text-[#007CAB] hover:dark:text-[#00A3E0] transition"
             />
           </a>
         </div>
@@ -98,18 +98,34 @@ const Footer = () => {
               {t("footer.organization")}
             </h3>
             <div>
-              <p className="text-[#aaa]">
+              <p>
                 {t("footer.registrationCode")}:{" "}
                 <span className="font-semibold text-[#007CAB] dark:text-[#00A3E0]">
                   80391807
                 </span>
               </p>
-              <p className="text-[#aaa]">
-                ICO-210, Raja tn 4c, Tallinn, Harjumaa, 12616
-              </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
+            target="_blank"
+            href="https://lapikud.ee/"
+            className="text-[#E3983E] font-bold"
+          >
+            MTÜ Lapikud
+          </a>{" "}
+          {t("footer.withHelpFrom")}{" "}
+          <a
+            target="_blank"
+            href="https://ituk.ee/"
+            className="bg-[#7B1642] font-bold not-dark:text-white"
+          >
+            MTÜ For Tsükkel/ITÜK
+          </a>
+        </div>
       </div>
     </div>
   );

src/components/SidebarLayoutClient.tsx

@@ -72,7 +72,7 @@ export default function SidebarLayoutClient({
             <Link
               key={item.href}
               href={item.href}
-              className="hover:text-[#00A3E0] transition duration-150"
+              className="hover:text-[#00A3E0] md:hover:translate-x-2 transition duration-150"
             >
               {item.label}
             </Link>

translations/en.json

@@ -163,7 +163,9 @@
     "terms": "Terms",
     "studentUnion": "IT Faculty Student Council",
     "organization": "MTÜ For Tsükkel",
-    "registrationCode": "Registration code"
+    "registrationCode": "Registration code",
+    "madeBy": "The TipiLAN website is made with love by",
+    "withHelpFrom": "with the help of"
   },
   "notFound": {
     "title": "404",

translations/et.json

@@ -163,7 +163,9 @@
     "terms": "Tingimused",
     "studentUnion": "IT-teaduskonna üliõpilaskogu",
     "organization": "MTÜ For Tsükkel",
-    "registrationCode": "Registrikood"
+    "registrationCode": "Registrikood",
+    "madeBy": "TipiLANi veebileht on tehtud armastusega",
+    "withHelpFrom": "poolt, kellele oli abiks"
   },
   "notFound": {
     "title": "404",