From caa1960eeec557a91349e8bc7e8a7038094306e0 Mon Sep 17 00:00:00 2001
From: diubi <alessandroogioiaa@gmail.com>
Date: Sat, 8 Nov 2025 16:52:01 +0100
Subject: [PATCH 1/7] feat: init footer. Missing buttons, font and icons

---
 src/app/layout.tsx        |  2 ++
 src/components/footer.tsx | 54 +++++++++++++++++++++++++++++++++++++++
 2 files changed, 56 insertions(+)
 create mode 100644 src/components/footer.tsx

diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index 9134da2..e89fe56 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -1,3 +1,4 @@
+import { Footer } from "@/components/footer"
 import { HEADER_HEIGHT, Header } from "@/components/header"
 import { ThemeProvider } from "@/components/theme-provider"
 import "@/styles/globals.css"
@@ -63,6 +64,7 @@ export default function RootLayout({ children }: Readonly<{ children: React.Reac
           <div className="flex min-h-screen w-full flex-col items-center justify-start">
             <Header />
             {children}
+            <Footer />
           </div>
         </ThemeProvider>
       </body>
diff --git a/src/components/footer.tsx b/src/components/footer.tsx
new file mode 100644
index 0000000..ac9eef2
--- /dev/null
+++ b/src/components/footer.tsx
@@ -0,0 +1,54 @@
+import { Glass } from "./glass";
+
+export function Footer(){
+    return(
+        <footer className="items-center w-full px-8 my-8">
+            <h2 className="text-2xl text-center">Keep in touch!</h2>
+            <div id="talkwithus" className="my-8">
+                <h3 className="text-xl font-bold">Talk with us</h3>
+                <div id="emails">
+                    <div id="collabs" className="my-4">
+                        <p className="text-md text-gray-600">Per collaborazioni ed eventi</p>
+                        <a href="mailto:eventi@polinetwork.org" className="text-sm">eventi@polinetwork.org</a>
+                    </div>
+                    <div id="requests">
+                        <p className="text-md text-gray-600">Per domande e richieste</p>
+                        <a href="mailto:direttivo@polinetwork.org" className="text-sm">direttivo@polinetwork.org</a>
+                    </div>
+                </div>
+            </div>
+
+            <div id="interested" className="text-center my-8">
+                <h3 className="text-xl font-bold">Sei interessato?</h3>
+            </div>
+
+            <div id="problems" className="text-center my-8">
+                <h3 className="text-xl font-bold">Qualche problema? Segnalalo!</h3>
+            </div>
+
+            <Glass id="donation" className="w-64 mx-auto my-8 flex justify-around items-center">
+                <p className="text-xl">5x1000</p>
+                <div className="flex flex-col text-sm">
+                    <p className="font-bold">Sostienici!</p>
+                    <p>CF: 97927490157</p>
+                </div>
+            </Glass>
+
+            <div id="sitemap">
+                <h3 className="text-xl font-bold mt-8 mb-4">Visita il sito</h3>
+                <div className="grid grid-cols-2 text-gray-600 text-sm gap-2">
+                    <p>Resources</p>
+                    <p>Privacy Policy</p>
+                    <p>Community</p>
+                    <p>Terms & conditions</p>
+                    <p>About</p>
+                    <p>Cookie policy</p>
+                </div>
+            </div>
+    
+            <div id="copyright" className="text-center text-xs text-gray-600 mt-12">
+                PoliNetwork 2016-2025 - All rights reserved
+            </div>
+        </footer>
+    )
+}
\ No newline at end of file

From c6ea46bcbe9b7e679c2088e6b3237d47ccb16820 Mon Sep 17 00:00:00 2001
From: diubi <alessandroogioiaa@gmail.com>
Date: Sat, 8 Nov 2025 16:56:58 +0100
Subject: [PATCH 2/7] chore: biome check

---
 src/components/footer.tsx | 102 ++++++++++++++++++++------------------
 1 file changed, 53 insertions(+), 49 deletions(-)

diff --git a/src/components/footer.tsx b/src/components/footer.tsx
index ac9eef2..741a36b 100644
--- a/src/components/footer.tsx
+++ b/src/components/footer.tsx
@@ -1,54 +1,58 @@
-import { Glass } from "./glass";
+import { Glass } from "./glass"
 
-export function Footer(){
-    return(
-        <footer className="items-center w-full px-8 my-8">
-            <h2 className="text-2xl text-center">Keep in touch!</h2>
-            <div id="talkwithus" className="my-8">
-                <h3 className="text-xl font-bold">Talk with us</h3>
-                <div id="emails">
-                    <div id="collabs" className="my-4">
-                        <p className="text-md text-gray-600">Per collaborazioni ed eventi</p>
-                        <a href="mailto:eventi@polinetwork.org" className="text-sm">eventi@polinetwork.org</a>
-                    </div>
-                    <div id="requests">
-                        <p className="text-md text-gray-600">Per domande e richieste</p>
-                        <a href="mailto:direttivo@polinetwork.org" className="text-sm">direttivo@polinetwork.org</a>
-                    </div>
-                </div>
-            </div>
+export function Footer() {
+  return (
+    <footer className="items-center w-full px-8 my-8">
+      <h2 className="text-2xl text-center">Keep in touch!</h2>
+      <div id="talkwithus" className="my-8">
+        <h3 className="text-xl font-bold">Talk with us</h3>
+        <div id="emails">
+          <div id="collabs" className="my-4">
+            <p className="text-md text-gray-600">Per collaborazioni ed eventi</p>
+            <a href="mailto:eventi@polinetwork.org" className="text-sm">
+              eventi@polinetwork.org
+            </a>
+          </div>
+          <div id="requests">
+            <p className="text-md text-gray-600">Per domande e richieste</p>
+            <a href="mailto:direttivo@polinetwork.org" className="text-sm">
+              direttivo@polinetwork.org
+            </a>
+          </div>
+        </div>
+      </div>
 
-            <div id="interested" className="text-center my-8">
-                <h3 className="text-xl font-bold">Sei interessato?</h3>
-            </div>
+      <div id="interested" className="text-center my-8">
+        <h3 className="text-xl font-bold">Sei interessato?</h3>
+      </div>
 
-            <div id="problems" className="text-center my-8">
-                <h3 className="text-xl font-bold">Qualche problema? Segnalalo!</h3>
-            </div>
+      <div id="problems" className="text-center my-8">
+        <h3 className="text-xl font-bold">Qualche problema? Segnalalo!</h3>
+      </div>
 
-            <Glass id="donation" className="w-64 mx-auto my-8 flex justify-around items-center">
-                <p className="text-xl">5x1000</p>
-                <div className="flex flex-col text-sm">
-                    <p className="font-bold">Sostienici!</p>
-                    <p>CF: 97927490157</p>
-                </div>
-            </Glass>
+      <Glass id="donation" className="w-64 mx-auto my-8 flex justify-around items-center">
+        <p className="text-xl">5x1000</p>
+        <div className="flex flex-col text-sm">
+          <p className="font-bold">Sostienici!</p>
+          <p>CF: 97927490157</p>
+        </div>
+      </Glass>
 
-            <div id="sitemap">
-                <h3 className="text-xl font-bold mt-8 mb-4">Visita il sito</h3>
-                <div className="grid grid-cols-2 text-gray-600 text-sm gap-2">
-                    <p>Resources</p>
-                    <p>Privacy Policy</p>
-                    <p>Community</p>
-                    <p>Terms & conditions</p>
-                    <p>About</p>
-                    <p>Cookie policy</p>
-                </div>
-            </div>
-    
-            <div id="copyright" className="text-center text-xs text-gray-600 mt-12">
-                PoliNetwork 2016-2025 - All rights reserved
-            </div>
-        </footer>
-    )
-}
\ No newline at end of file
+      <div id="sitemap">
+        <h3 className="text-xl font-bold mt-8 mb-4">Visita il sito</h3>
+        <div className="grid grid-cols-2 text-gray-600 text-sm gap-2">
+          <p>Resources</p>
+          <p>Privacy Policy</p>
+          <p>Community</p>
+          <p>Terms & conditions</p>
+          <p>About</p>
+          <p>Cookie policy</p>
+        </div>
+      </div>
+
+      <div id="copyright" className="text-center text-xs text-gray-600 mt-12">
+        PoliNetwork 2016-2025 - All rights reserved
+      </div>
+    </footer>
+  )
+}

From cbd7f9c2c12f70339f25b95167df633f31e0ca7d Mon Sep 17 00:00:00 2001
From: diubi <alessandroogioiaa@gmail.com>
Date: Sat, 8 Nov 2025 16:52:01 +0100
Subject: [PATCH 3/7] feat: init footer. Missing buttons, font and icons

---
 src/app/layout.tsx        |  2 ++
 src/components/footer.tsx | 54 +++++++++++++++++++++++++++++++++++++++
 2 files changed, 56 insertions(+)
 create mode 100644 src/components/footer.tsx

diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index 9134da2..e89fe56 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -1,3 +1,4 @@
+import { Footer } from "@/components/footer"
 import { HEADER_HEIGHT, Header } from "@/components/header"
 import { ThemeProvider } from "@/components/theme-provider"
 import "@/styles/globals.css"
@@ -63,6 +64,7 @@ export default function RootLayout({ children }: Readonly<{ children: React.Reac
           <div className="flex min-h-screen w-full flex-col items-center justify-start">
             <Header />
             {children}
+            <Footer />
           </div>
         </ThemeProvider>
       </body>
diff --git a/src/components/footer.tsx b/src/components/footer.tsx
new file mode 100644
index 0000000..ac9eef2
--- /dev/null
+++ b/src/components/footer.tsx
@@ -0,0 +1,54 @@
+import { Glass } from "./glass";
+
+export function Footer(){
+    return(
+        <footer className="items-center w-full px-8 my-8">
+            <h2 className="text-2xl text-center">Keep in touch!</h2>
+            <div id="talkwithus" className="my-8">
+                <h3 className="text-xl font-bold">Talk with us</h3>
+                <div id="emails">
+                    <div id="collabs" className="my-4">
+                        <p className="text-md text-gray-600">Per collaborazioni ed eventi</p>
+                        <a href="mailto:eventi@polinetwork.org" className="text-sm">eventi@polinetwork.org</a>
+                    </div>
+                    <div id="requests">
+                        <p className="text-md text-gray-600">Per domande e richieste</p>
+                        <a href="mailto:direttivo@polinetwork.org" className="text-sm">direttivo@polinetwork.org</a>
+                    </div>
+                </div>
+            </div>
+
+            <div id="interested" className="text-center my-8">
+                <h3 className="text-xl font-bold">Sei interessato?</h3>
+            </div>
+
+            <div id="problems" className="text-center my-8">
+                <h3 className="text-xl font-bold">Qualche problema? Segnalalo!</h3>
+            </div>
+
+            <Glass id="donation" className="w-64 mx-auto my-8 flex justify-around items-center">
+                <p className="text-xl">5x1000</p>
+                <div className="flex flex-col text-sm">
+                    <p className="font-bold">Sostienici!</p>
+                    <p>CF: 97927490157</p>
+                </div>
+            </Glass>
+
+            <div id="sitemap">
+                <h3 className="text-xl font-bold mt-8 mb-4">Visita il sito</h3>
+                <div className="grid grid-cols-2 text-gray-600 text-sm gap-2">
+                    <p>Resources</p>
+                    <p>Privacy Policy</p>
+                    <p>Community</p>
+                    <p>Terms & conditions</p>
+                    <p>About</p>
+                    <p>Cookie policy</p>
+                </div>
+            </div>
+    
+            <div id="copyright" className="text-center text-xs text-gray-600 mt-12">
+                PoliNetwork 2016-2025 - All rights reserved
+            </div>
+        </footer>
+    )
+}
\ No newline at end of file

From 7804c1c9d312a7c85ad5e8acb6cb4e98610b262e Mon Sep 17 00:00:00 2001
From: diubi <alessandroogioiaa@gmail.com>
Date: Sat, 8 Nov 2025 16:56:58 +0100
Subject: [PATCH 4/7] chore: biome check

---
 src/components/footer.tsx | 102 ++++++++++++++++++++------------------
 1 file changed, 53 insertions(+), 49 deletions(-)

diff --git a/src/components/footer.tsx b/src/components/footer.tsx
index ac9eef2..741a36b 100644
--- a/src/components/footer.tsx
+++ b/src/components/footer.tsx
@@ -1,54 +1,58 @@
-import { Glass } from "./glass";
+import { Glass } from "./glass"
 
-export function Footer(){
-    return(
-        <footer className="items-center w-full px-8 my-8">
-            <h2 className="text-2xl text-center">Keep in touch!</h2>
-            <div id="talkwithus" className="my-8">
-                <h3 className="text-xl font-bold">Talk with us</h3>
-                <div id="emails">
-                    <div id="collabs" className="my-4">
-                        <p className="text-md text-gray-600">Per collaborazioni ed eventi</p>
-                        <a href="mailto:eventi@polinetwork.org" className="text-sm">eventi@polinetwork.org</a>
-                    </div>
-                    <div id="requests">
-                        <p className="text-md text-gray-600">Per domande e richieste</p>
-                        <a href="mailto:direttivo@polinetwork.org" className="text-sm">direttivo@polinetwork.org</a>
-                    </div>
-                </div>
-            </div>
+export function Footer() {
+  return (
+    <footer className="items-center w-full px-8 my-8">
+      <h2 className="text-2xl text-center">Keep in touch!</h2>
+      <div id="talkwithus" className="my-8">
+        <h3 className="text-xl font-bold">Talk with us</h3>
+        <div id="emails">
+          <div id="collabs" className="my-4">
+            <p className="text-md text-gray-600">Per collaborazioni ed eventi</p>
+            <a href="mailto:eventi@polinetwork.org" className="text-sm">
+              eventi@polinetwork.org
+            </a>
+          </div>
+          <div id="requests">
+            <p className="text-md text-gray-600">Per domande e richieste</p>
+            <a href="mailto:direttivo@polinetwork.org" className="text-sm">
+              direttivo@polinetwork.org
+            </a>
+          </div>
+        </div>
+      </div>
 
-            <div id="interested" className="text-center my-8">
-                <h3 className="text-xl font-bold">Sei interessato?</h3>
-            </div>
+      <div id="interested" className="text-center my-8">
+        <h3 className="text-xl font-bold">Sei interessato?</h3>
+      </div>
 
-            <div id="problems" className="text-center my-8">
-                <h3 className="text-xl font-bold">Qualche problema? Segnalalo!</h3>
-            </div>
+      <div id="problems" className="text-center my-8">
+        <h3 className="text-xl font-bold">Qualche problema? Segnalalo!</h3>
+      </div>
 
-            <Glass id="donation" className="w-64 mx-auto my-8 flex justify-around items-center">
-                <p className="text-xl">5x1000</p>
-                <div className="flex flex-col text-sm">
-                    <p className="font-bold">Sostienici!</p>
-                    <p>CF: 97927490157</p>
-                </div>
-            </Glass>
+      <Glass id="donation" className="w-64 mx-auto my-8 flex justify-around items-center">
+        <p className="text-xl">5x1000</p>
+        <div className="flex flex-col text-sm">
+          <p className="font-bold">Sostienici!</p>
+          <p>CF: 97927490157</p>
+        </div>
+      </Glass>
 
-            <div id="sitemap">
-                <h3 className="text-xl font-bold mt-8 mb-4">Visita il sito</h3>
-                <div className="grid grid-cols-2 text-gray-600 text-sm gap-2">
-                    <p>Resources</p>
-                    <p>Privacy Policy</p>
-                    <p>Community</p>
-                    <p>Terms & conditions</p>
-                    <p>About</p>
-                    <p>Cookie policy</p>
-                </div>
-            </div>
-    
-            <div id="copyright" className="text-center text-xs text-gray-600 mt-12">
-                PoliNetwork 2016-2025 - All rights reserved
-            </div>
-        </footer>
-    )
-}
\ No newline at end of file
+      <div id="sitemap">
+        <h3 className="text-xl font-bold mt-8 mb-4">Visita il sito</h3>
+        <div className="grid grid-cols-2 text-gray-600 text-sm gap-2">
+          <p>Resources</p>
+          <p>Privacy Policy</p>
+          <p>Community</p>
+          <p>Terms & conditions</p>
+          <p>About</p>
+          <p>Cookie policy</p>
+        </div>
+      </div>
+
+      <div id="copyright" className="text-center text-xs text-gray-600 mt-12">
+        PoliNetwork 2016-2025 - All rights reserved
+      </div>
+    </footer>
+  )
+}

From 2111fec662428ee9b2829f110d963f0b58b5654d Mon Sep 17 00:00:00 2001
From: diubi <alessandroogioiaa@gmail.com>
Date: Thu, 5 Mar 2026 23:29:21 +0100
Subject: [PATCH 5/7] First footer layout

---
 src/components/footer.tsx | 98 +++++++++++++++++++++++----------------
 1 file changed, 57 insertions(+), 41 deletions(-)

diff --git a/src/components/footer.tsx b/src/components/footer.tsx
index 741a36b..d55c519 100644
--- a/src/components/footer.tsx
+++ b/src/components/footer.tsx
@@ -1,56 +1,72 @@
+import { Github } from "lucide-react"
 import { Glass } from "./glass"
+import { Button } from "./ui/button"
+import { ButtonWithIcon } from "./ui/buttonWithIcon"
 
 export function Footer() {
+  //Icone a riga 11 in futuro per mobile
   return (
     <footer className="items-center w-full px-8 my-8">
-      <h2 className="text-2xl text-center">Keep in touch!</h2>
-      <div id="talkwithus" className="my-8">
-        <h3 className="text-xl font-bold">Talk with us</h3>
-        <div id="emails">
-          <div id="collabs" className="my-4">
-            <p className="text-md text-gray-600">Per collaborazioni ed eventi</p>
-            <a href="mailto:eventi@polinetwork.org" className="text-sm">
-              eventi@polinetwork.org
-            </a>
+      <h2 className="text-3xl font-bold text-center mb-8">Keep in touch!</h2>
+      <div className="flex max-md:flex-col gap-8 max-md:items-center justify-evenly">
+        <div className="flex flex-col gap-8 md:order-2 max-w-sm">
+          <div id="talkwithus" className="w-full">
+            <h3 className="text-xl font-bold">Talk with us</h3>
+            <div id="emails">
+              <div id="collabs" className="my-4">
+                <p className="text-md text-gray-600">Per collaborazioni ed eventi</p>
+                <a href="mailto:eventi@polinetwork.org" className="text-sm">
+                  eventi@polinetwork.org
+                </a>
+              </div>
+              <div id="requests">
+                <p className="text-md text-gray-600">Per domande e richieste</p>
+                <a href="mailto:direttivo@polinetwork.org" className="text-sm">
+                  direttivo@polinetwork.org
+                </a>
+              </div>
+            </div>
           </div>
-          <div id="requests">
-            <p className="text-md text-gray-600">Per domande e richieste</p>
-            <a href="mailto:direttivo@polinetwork.org" className="text-sm">
-              direttivo@polinetwork.org
-            </a>
-          </div>
-        </div>
-      </div>
 
-      <div id="interested" className="text-center my-8">
-        <h3 className="text-xl font-bold">Sei interessato?</h3>
-      </div>
+          <div id="interested" className="text-center md:text-left flex flex-col gap-4">
+            <h3 className="text-xl font-bold">Sei interessato?</h3>
+            <div>
+              <Button variant="primary" size="lg">Unisciti a noi!</Button>
+            </div>
+          </div>
 
-      <div id="problems" className="text-center my-8">
-        <h3 className="text-xl font-bold">Qualche problema? Segnalalo!</h3>
-      </div>
+          <div id="problems" className="text-center md:text-left flex flex-col gap-4">
+            <h3 className="text-xl font-bold">Qualche problema? Segnalalo!</h3>
+            <div>
+              <ButtonWithIcon icon={Github} iconPosition="left" variant="tertiary" text="Report a bug"></ButtonWithIcon>
+            </div>
+          </div>
+          </div>
 
-      <Glass id="donation" className="w-64 mx-auto my-8 flex justify-around items-center">
-        <p className="text-xl">5x1000</p>
-        <div className="flex flex-col text-sm">
-          <p className="font-bold">Sostienici!</p>
-          <p>CF: 97927490157</p>
-        </div>
-      </Glass>
+          <div className="flex flex-col gap-8 max-w-sm md:justify-self-end">
+            <Glass id="donation" className="w-3xs max-md:mx-auto flex justify-around items-center gap-4 md:order-2">
+              <p className="text-xl">5x1000</p>
+              <div className="flex flex-col text-sm">
+                <p className="font-bold">Sostienici!</p>
+                <p className="whitespace-nowrap">CF: 97927490157</p>
+              </div>
+            </Glass>
 
-      <div id="sitemap">
-        <h3 className="text-xl font-bold mt-8 mb-4">Visita il sito</h3>
-        <div className="grid grid-cols-2 text-gray-600 text-sm gap-2">
-          <p>Resources</p>
-          <p>Privacy Policy</p>
-          <p>Community</p>
-          <p>Terms & conditions</p>
-          <p>About</p>
-          <p>Cookie policy</p>
-        </div>
+            <div id="sitemap" className="w-full flex flex-col gap-4">
+              <h3 className="text-xl font-bold">Visita il sito</h3>
+              <div className="grid grid-cols-2 text-gray-600 text-sm gap-2">
+                <p>Resources</p>
+                <p>Privacy Policy</p>
+                <p>Community</p>
+                <p>Terms & conditions</p>
+                <p>About</p>
+                <p>Cookie policy</p>
+              </div>
+            </div>
+          </div>
       </div>
 
-      <div id="copyright" className="text-center text-xs text-gray-600 mt-12">
+      <div id="copyright" className="text-center md:text-left text-xs text-gray-600 mt-12">
         PoliNetwork 2016-2025 - All rights reserved
       </div>
     </footer>

From 9ed90bf122c1bf9c253388ae3588aadd94c61c6e Mon Sep 17 00:00:00 2001
From: diubi <alessandroogioiaa@gmail.com>
Date: Thu, 5 Mar 2026 23:32:49 +0100
Subject: [PATCH 6/7] chore: biome

---
 src/components/footer.tsx | 42 ++++++++++++++++++++-------------------
 1 file changed, 22 insertions(+), 20 deletions(-)

diff --git a/src/components/footer.tsx b/src/components/footer.tsx
index d55c519..17206de 100644
--- a/src/components/footer.tsx
+++ b/src/components/footer.tsx
@@ -31,7 +31,9 @@ export function Footer() {
           <div id="interested" className="text-center md:text-left flex flex-col gap-4">
             <h3 className="text-xl font-bold">Sei interessato?</h3>
             <div>
-              <Button variant="primary" size="lg">Unisciti a noi!</Button>
+              <Button variant="primary" size="lg">
+                Unisciti a noi!
+              </Button>
             </div>
           </div>
 
@@ -41,29 +43,29 @@ export function Footer() {
               <ButtonWithIcon icon={Github} iconPosition="left" variant="tertiary" text="Report a bug"></ButtonWithIcon>
             </div>
           </div>
-          </div>
+        </div>
 
-          <div className="flex flex-col gap-8 max-w-sm md:justify-self-end">
-            <Glass id="donation" className="w-3xs max-md:mx-auto flex justify-around items-center gap-4 md:order-2">
-              <p className="text-xl">5x1000</p>
-              <div className="flex flex-col text-sm">
-                <p className="font-bold">Sostienici!</p>
-                <p className="whitespace-nowrap">CF: 97927490157</p>
-              </div>
-            </Glass>
+        <div className="flex flex-col gap-8 max-w-sm md:justify-self-end">
+          <Glass id="donation" className="w-3xs max-md:mx-auto flex justify-around items-center gap-4 md:order-2">
+            <p className="text-xl">5x1000</p>
+            <div className="flex flex-col text-sm">
+              <p className="font-bold">Sostienici!</p>
+              <p className="whitespace-nowrap">CF: 97927490157</p>
+            </div>
+          </Glass>
 
-            <div id="sitemap" className="w-full flex flex-col gap-4">
-              <h3 className="text-xl font-bold">Visita il sito</h3>
-              <div className="grid grid-cols-2 text-gray-600 text-sm gap-2">
-                <p>Resources</p>
-                <p>Privacy Policy</p>
-                <p>Community</p>
-                <p>Terms & conditions</p>
-                <p>About</p>
-                <p>Cookie policy</p>
-              </div>
+          <div id="sitemap" className="w-full flex flex-col gap-4">
+            <h3 className="text-xl font-bold">Visita il sito</h3>
+            <div className="grid grid-cols-2 text-gray-600 text-sm gap-2">
+              <p>Resources</p>
+              <p>Privacy Policy</p>
+              <p>Community</p>
+              <p>Terms & conditions</p>
+              <p>About</p>
+              <p>Cookie policy</p>
             </div>
           </div>
+        </div>
       </div>
 
       <div id="copyright" className="text-center md:text-left text-xs text-gray-600 mt-12">

From e34046c4f86b3177457e52ab5f2f872cd9b94851 Mon Sep 17 00:00:00 2001
From: diubi <alessandroogioiaa@gmail.com>
Date: Thu, 23 Apr 2026 00:14:05 +0200
Subject: [PATCH 7/7] fix: typography and responsive design

---
 src/components/footer.tsx | 114 +++++++++++++++++++++++++-------------
 1 file changed, 77 insertions(+), 37 deletions(-)

diff --git a/src/components/footer.tsx b/src/components/footer.tsx
index 17206de..d1f2b33 100644
--- a/src/components/footer.tsx
+++ b/src/components/footer.tsx
@@ -1,76 +1,116 @@
-import { Github } from "lucide-react"
-import { Glass } from "./glass"
+import { ChevronDown, Github } from "lucide-react"
+import { CardSplit } from "./card-split"
 import { Button } from "./ui/button"
 import { ButtonWithIcon } from "./ui/buttonWithIcon"
 
 export function Footer() {
   //Icone a riga 11 in futuro per mobile
   return (
-    <footer className="items-center w-full px-8 my-8">
-      <h2 className="text-3xl font-bold text-center mb-8">Keep in touch!</h2>
-      <div className="flex max-md:flex-col gap-8 max-md:items-center justify-evenly">
-        <div className="flex flex-col gap-8 md:order-2 max-w-sm">
+    <footer className="my-8 w-full px-8">
+      <h2 className="typo-headline-medium md:typo-display-large mb-8 text-center max-md:bg-linear-to-b max-md:from-blue-secondary max-md:to-blue-primary max-md:bg-clip-text max-md:text-transparent">
+        Keep in touch!
+      </h2>
+      <div className="flex w-full justify-evenly gap-8 max-md:flex-col max-md:items-center">
+        <div className="flex w-full flex-col gap-8 md:order-2 md:max-w-sm">
           <div id="talkwithus" className="w-full">
-            <h3 className="text-xl font-bold">Talk with us</h3>
-            <div id="emails">
+            <h3 className="typo-label-extralarge md:typo-headline-small">Talk with us</h3>
+            <div id="emails" className="typo-body-medium md:typo-body-large">
               <div id="collabs" className="my-4">
-                <p className="text-md text-gray-600">Per collaborazioni ed eventi</p>
-                <a href="mailto:eventi@polinetwork.org" className="text-sm">
-                  eventi@polinetwork.org
-                </a>
+                <p className="text-gray-600">Per collaborazioni ed eventi</p>
+                <a href="mailto:eventi@polinetwork.org">eventi@polinetwork.org</a>
               </div>
               <div id="requests">
-                <p className="text-md text-gray-600">Per domande e richieste</p>
-                <a href="mailto:direttivo@polinetwork.org" className="text-sm">
-                  direttivo@polinetwork.org
-                </a>
+                <p className="text-gray-600">Per domande e richieste</p>
+                <a href="mailto:direttivo@polinetwork.org">direttivo@polinetwork.org</a>
               </div>
             </div>
           </div>
 
-          <div id="interested" className="text-center md:text-left flex flex-col gap-4">
-            <h3 className="text-xl font-bold">Sei interessato?</h3>
+          <div id="interested" className="flex flex-col gap-4 text-center md:text-left">
+            <h3 className="typo-label-extralarge md:typo-headline-small">Sei interessato?</h3>
             <div>
-              <Button variant="primary" size="lg">
+              <Button variant="primary" size="lg" className="typo-label-large">
                 Unisciti a noi!
               </Button>
             </div>
           </div>
 
-          <div id="problems" className="text-center md:text-left flex flex-col gap-4">
-            <h3 className="text-xl font-bold">Qualche problema? Segnalalo!</h3>
+          <div id="problems" className="flex flex-col gap-4 text-center md:text-left">
+            <h3 className="typo-label-extralarge md:typo-headline-small">Qualche problema? Segnalalo!</h3>
             <div>
               <ButtonWithIcon icon={Github} iconPosition="left" variant="tertiary" text="Report a bug"></ButtonWithIcon>
             </div>
           </div>
         </div>
 
-        <div className="flex flex-col gap-8 max-w-sm md:justify-self-end">
-          <Glass id="donation" className="w-3xs max-md:mx-auto flex justify-around items-center gap-4 md:order-2">
-            <p className="text-xl">5x1000</p>
-            <div className="flex flex-col text-sm">
-              <p className="font-bold">Sostienici!</p>
-              <p className="whitespace-nowrap">CF: 97927490157</p>
-            </div>
-          </Glass>
+        <div className="flex flex-col gap-8 max-md:w-full md:max-w-md md:justify-self-end">
+          <CardSplit
+            className="md:order-2"
+            textPrimary="5x1000"
+            textSecondary="Sostienici!"
+            textSecondarySmall="CF: 97927490157"
+          />
 
-          <div id="sitemap" className="w-full flex flex-col gap-4">
-            <h3 className="text-xl font-bold">Visita il sito</h3>
-            <div className="grid grid-cols-2 text-gray-600 text-sm gap-2">
-              <p>Resources</p>
+          <div id="sitemap" className="flex w-full flex-col gap-4">
+            <h3 className="typo-label-extralarge md:typo-headline-small">Visita il sito</h3>
+            <div className="typo-body-large grid grid-cols-2 items-start gap-x-4 gap-y-4 text-gray-600">
+              <details className="group">
+                <summary className="flex cursor-pointer list-none items-center justify-between [&::-webkit-details-marker]:hidden">
+                  Resources
+                  <ChevronDown className="h-4 w-4 transition-transform group-open:rotate-180" />
+                </summary>
+                <div className="mt-2 flex flex-col gap-2 pl-2 text-gray-500 text-sm">
+                  <a href="/" className="hover:text-gray-800">
+                    Rules
+                  </a>
+                  <a href="/" className="hover:text-gray-800">
+                    Guides
+                  </a>
+                  <a href="/" className="hover:text-gray-800">
+                    FAQ
+                  </a>
+                </div>
+              </details>
               <p>Privacy Policy</p>
-              <p>Community</p>
+              <details className="group">
+                <summary className="flex cursor-pointer list-none items-center justify-between [&::-webkit-details-marker]:hidden">
+                  Community
+                  <ChevronDown className="h-4 w-4 transition-transform group-open:rotate-180" />
+                </summary>
+                <div className="mt-2 flex flex-col gap-2 pl-2 text-gray-500 text-sm">
+                  <a href="/" className="hover:text-gray-800">
+                    Discord
+                  </a>
+                  <a href="/" className="hover:text-gray-800">
+                    Telegram
+                  </a>
+                </div>
+              </details>
               <p>Terms & conditions</p>
-              <p>About</p>
+              <details className="group">
+                <summary className="flex cursor-pointer list-none items-center justify-between [&::-webkit-details-marker]:hidden">
+                  About
+                  <ChevronDown className="h-4 w-4 transition-transform group-open:rotate-180" />
+                </summary>
+                <div className="mt-2 flex flex-col gap-2 pl-2 text-gray-500 text-sm">
+                  <a href="/" className="hover:text-gray-800">
+                    Team
+                  </a>
+                  <a href="/" className="hover:text-gray-800">
+                    Contatti
+                  </a>
+                </div>
+              </details>
               <p>Cookie policy</p>
             </div>
           </div>
         </div>
       </div>
 
-      <div id="copyright" className="text-center md:text-left text-xs text-gray-600 mt-12">
-        PoliNetwork 2016-2025 - All rights reserved
+      <div id="copyright" className="typo-body-small md:typo-body-large mt-12 text-center text-gray-600 md:text-left">
+        PoliNetwork 2016-2026 © All rights reserved
       </div>
     </footer>
+    //TODO: dropdowns
   )
 }