chore: add footer tag, make h2 headers upper case, increase horizonta…

…l spacing between lists in mobile view

src/components/Footer.tsx

@@ -4,7 +4,7 @@ import Link from "next/link";
 function List({ text, children }: { text: string; children: React.ReactNode }) {
   return (
     <div>
-      <h2 className="mb-5 text-base font-medium">{text}</h2>
+      <h2 className="mb-5 text-base font-medium uppercase">{text}</h2>
       <ul>{children}</ul>
     </div>
   );
@@ -30,7 +30,7 @@ function ListItem({
 
 function Footer() {
   return (
-    <>
+    <footer>
       <div className="grid place-items-center md:mb-16 md:mt-24">
         <Image
           src="/Juwe2025.png"
@@ -39,30 +39,30 @@ function Footer() {
           width={175}
           height={175}
         />
-        <div className="grid grid-cols-2 gap-x-5 sm:grid-cols-4 sm:justify-around md:flex md:w-11/12 md:flex-row md:justify-around">
-          <List text="KONTAKT">
+        <div className="grid grid-cols-2 gap-x-5 gap-y-10 sm:grid-cols-4 sm:justify-around md:flex md:w-11/12 md:flex-row md:justify-around">
+          <List text="Kontakt">
             <ListItem url="mailto:[email protected]" text="Adres e-mail" />
             <ListItem url="mailto:[email protected]" text="Adres e-mail" />
           </List>
-          <List text="SOCIAL MEDIA">
+          <List text="Social media">
             <ListItem url="https://instagram.com/" text="Instagram" />
             <ListItem url="https://facebook.com/" text="Facebook" />
             <ListItem url="https://tiktok.com/" text="Instagram" />
           </List>
           <Image
             src="/Juwe2025.png"
-            alt="Description of the image"
+            alt="Logo Juwenalia 2025 #WROCŁAWRAZEM"
             className="hidden md:-mt-8 md:block"
             width={250}
             height={150}
           />
-          <List text="LINKI">
+          <List text="Linki">
             <ListItem url="/" text="Harmonogram" target="_self" />
             <ListItem url="/artists" text="Artyści" target="_self" />
             <ListItem url="/map" text="Mapa wydarzenia" target="_self" />
             <ListItem url="/postsFb" text="Aktualności" target="_self" />
           </List>
-          <List text="INNE">
+          <List text="Inne">
             <ListItem url="" text="Link 1" target="_self" />
             <ListItem url="" text="Link 2" target="_self" />
             <ListItem url="" text="Link 3" target="_self" />
@@ -77,7 +77,7 @@ function Footer() {
           <p className="w-52 font-medium">Made with ❤️ by Solvro</p>
         </div>
       </div>
-    </>
+    </footer>
   );
 }