From c9709dc49bed84ad1582e6bd045950ba7b1b289d Mon Sep 17 00:00:00 2001
From: Bianca <ianoselbiancaroberta02@gmail.com>
Date: Tue, 19 May 2026 17:47:41 +0200
Subject: [PATCH 1/4] feat: add FAQs page for new students with accordion
 component

---
 src/app/matricole/page.tsx | 50 ++++++++++++++++++++++++++++++++++++++
 1 file changed, 50 insertions(+)
 create mode 100644 src/app/matricole/page.tsx

diff --git a/src/app/matricole/page.tsx b/src/app/matricole/page.tsx
new file mode 100644
index 0000000..c8c5913
--- /dev/null
+++ b/src/app/matricole/page.tsx
@@ -0,0 +1,50 @@
+"use client"
+import AccordionList from "@/components/accordion-list"
+import type { AccordionListItem } from "@/components/accordion-list/types"
+
+const accordionItems: AccordionListItem[] = [
+  {
+    value: "item-1",
+    trigger: "Le lezioni della prima settimana si tengono regolarmente?",
+    content:
+      "Spesso, la prima settimana, i Professori utilizzano le ore destinate alle esercitazioni per qualche ora di lezione in più: saranno quindi i docenti a specificare come verranno utilizzate queste ore. Dunque, le esercitazioni non sono da considerarsi annullate, salvo diversa comunicazione da parte del docente o dell'esercitatore.",
+  },
+  {
+    value: "item-2",
+    trigger: "Come faccio ad accedere ai materiali del corso?",
+    content:
+      "I materiali dei corsi sono disponibili su Beep (il portale e-learning del Politecnico). Puoi accedervi con le tue credenziali di Ateneo (codice persona e password). Ogni docente carica le proprie slide, esercizi e risorse direttamente sulla pagina del corso.",
+  },
+  {
+    value: "item-3",
+    trigger: "Come funziona la prenotazione agli esami?",
+    content:
+      "La prenotazione agli esami avviene tramite il portale Online Services (servizionline.polimi.it). Devi prenotarti entro la scadenza indicata per ogni appello. Ricordati di verificare i prerequisiti necessari prima di iscriverti a un esame.",
+  },
+  {
+    value: "item-4",
+    trigger: "Cos'è il codice persona e dove lo trovo?",
+    content:
+      "Il codice persona è il tuo identificativo univoco al Politecnico, composto da 6 cifre. Lo trovi nella lettera di ammissione o nella mail di benvenuto ricevuta dopo l'immatricolazione. Serve per accedere a tutti i servizi online dell'Ateneo.",
+  },
+  {
+    value: "item-5",
+    trigger: "Come posso contattare PoliNetwork?",
+    content:
+      "Puoi contattare PoliNetwork tramite i nostri canali Telegram o attraverso il sito ufficiale. Siamo un'associazione studentesca e offriamo supporto, risorse e una community per tutti gli studenti del Politecnico.",
+  },
+]
+
+export default function FAQsPage() {
+  return (
+    <main className="mx-auto flex min-h-screen w-full max-w-400 flex-col items-center justify-center gap-16 px-4 py-49 sm:gap-20">
+      <h2 className="typo-headline-medium sm:typo-display-medium w-fit bg-linear-to-b from-text-primary to-text-secondary bg-clip-text text-transparent">
+        Domande Frequenti tra le Matricole
+      </h2>
+
+      <div className="mx-auto flex w-full max-w-255 flex-col gap-4">
+        <AccordionList items={accordionItems} />
+      </div>
+    </main>
+  )
+}

From e4b8cb3d700bc69af11f5e150c3e79790c0753e4 Mon Sep 17 00:00:00 2001
From: Bianca <ianoselbiancaroberta02@gmail.com>
Date: Wed, 20 May 2026 09:19:47 +0200
Subject: [PATCH 2/4] fix: adjust padding and center align text in FAQs page

---
 src/app/matricole/page.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/app/matricole/page.tsx b/src/app/matricole/page.tsx
index c8c5913..c1e3859 100644
--- a/src/app/matricole/page.tsx
+++ b/src/app/matricole/page.tsx
@@ -37,12 +37,12 @@ const accordionItems: AccordionListItem[] = [
 
 export default function FAQsPage() {
   return (
-    <main className="mx-auto flex min-h-screen w-full max-w-400 flex-col items-center justify-center gap-16 px-4 py-49 sm:gap-20">
-      <h2 className="typo-headline-medium sm:typo-display-medium w-fit bg-linear-to-b from-text-primary to-text-secondary bg-clip-text text-transparent">
+    <main className="mx-auto flex min-h-screen w-full max-w-400 flex-col items-center justify-center gap-16 px-9 py-49 sm:gap-20">
+      <h2 className="typo-headline-medium sm:typo-display-medium text-center text-text-primary">
         Domande Frequenti tra le Matricole
       </h2>
 
-      <div className="mx-auto flex w-full max-w-255 flex-col gap-4">
+      <div className="mx-auto flex w-full max-w-255 flex-col">
         <AccordionList items={accordionItems} />
       </div>
     </main>

From 4b1fef6d9160e8b9a907f42f33fb621b9ef4157b Mon Sep 17 00:00:00 2001
From: Bianca <ianoselbiancaroberta02@gmail.com>
Date: Wed, 20 May 2026 09:27:28 +0200
Subject: [PATCH 3/4] feat: implement FAQs component for new students

---
 src/app/matricole/page.tsx        | 48 +++--------------------------
 src/components/matricole/faqs.tsx | 50 +++++++++++++++++++++++++++++++
 2 files changed, 54 insertions(+), 44 deletions(-)
 create mode 100644 src/components/matricole/faqs.tsx

diff --git a/src/app/matricole/page.tsx b/src/app/matricole/page.tsx
index c1e3859..ff08f9c 100644
--- a/src/app/matricole/page.tsx
+++ b/src/app/matricole/page.tsx
@@ -1,50 +1,10 @@
-"use client"
-import AccordionList from "@/components/accordion-list"
-import type { AccordionListItem } from "@/components/accordion-list/types"
+import { FAQsPage } from "@/components/matricole/faqs"
 
-const accordionItems: AccordionListItem[] = [
-  {
-    value: "item-1",
-    trigger: "Le lezioni della prima settimana si tengono regolarmente?",
-    content:
-      "Spesso, la prima settimana, i Professori utilizzano le ore destinate alle esercitazioni per qualche ora di lezione in più: saranno quindi i docenti a specificare come verranno utilizzate queste ore. Dunque, le esercitazioni non sono da considerarsi annullate, salvo diversa comunicazione da parte del docente o dell'esercitatore.",
-  },
-  {
-    value: "item-2",
-    trigger: "Come faccio ad accedere ai materiali del corso?",
-    content:
-      "I materiali dei corsi sono disponibili su Beep (il portale e-learning del Politecnico). Puoi accedervi con le tue credenziali di Ateneo (codice persona e password). Ogni docente carica le proprie slide, esercizi e risorse direttamente sulla pagina del corso.",
-  },
-  {
-    value: "item-3",
-    trigger: "Come funziona la prenotazione agli esami?",
-    content:
-      "La prenotazione agli esami avviene tramite il portale Online Services (servizionline.polimi.it). Devi prenotarti entro la scadenza indicata per ogni appello. Ricordati di verificare i prerequisiti necessari prima di iscriverti a un esame.",
-  },
-  {
-    value: "item-4",
-    trigger: "Cos'è il codice persona e dove lo trovo?",
-    content:
-      "Il codice persona è il tuo identificativo univoco al Politecnico, composto da 6 cifre. Lo trovi nella lettera di ammissione o nella mail di benvenuto ricevuta dopo l'immatricolazione. Serve per accedere a tutti i servizi online dell'Ateneo.",
-  },
-  {
-    value: "item-5",
-    trigger: "Come posso contattare PoliNetwork?",
-    content:
-      "Puoi contattare PoliNetwork tramite i nostri canali Telegram o attraverso il sito ufficiale. Siamo un'associazione studentesca e offriamo supporto, risorse e una community per tutti gli studenti del Politecnico.",
-  },
-]
 
-export default function FAQsPage() {
+export default function Home() {
   return (
-    <main className="mx-auto flex min-h-screen w-full max-w-400 flex-col items-center justify-center gap-16 px-9 py-49 sm:gap-20">
-      <h2 className="typo-headline-medium sm:typo-display-medium text-center text-text-primary">
-        Domande Frequenti tra le Matricole
-      </h2>
-
-      <div className="mx-auto flex w-full max-w-255 flex-col">
-        <AccordionList items={accordionItems} />
-      </div>
+    <main className="w-full">
+      <FAQsPage />
     </main>
   )
 }
diff --git a/src/components/matricole/faqs.tsx b/src/components/matricole/faqs.tsx
new file mode 100644
index 0000000..e318524
--- /dev/null
+++ b/src/components/matricole/faqs.tsx
@@ -0,0 +1,50 @@
+"use client"
+import AccordionList from "@/components/accordion-list"
+import type { AccordionListItem } from "@/components/accordion-list/types"
+
+const accordionItems: AccordionListItem[] = [
+    {
+        value: "item-1",
+        trigger: "Le lezioni della prima settimana si tengono regolarmente?",
+        content:
+            "Spesso, la prima settimana, i Professori utilizzano le ore destinate alle esercitazioni per qualche ora di lezione in più: saranno quindi i docenti a specificare come verranno utilizzate queste ore. Dunque, le esercitazioni non sono da considerarsi annullate, salvo diversa comunicazione da parte del docente o dell'esercitatore.",
+    },
+    {
+        value: "item-2",
+        trigger: "Come faccio ad accedere ai materiali del corso?",
+        content:
+            "I materiali dei corsi sono disponibili su Beep (il portale e-learning del Politecnico). Puoi accedervi con le tue credenziali di Ateneo (codice persona e password). Ogni docente carica le proprie slide, esercizi e risorse direttamente sulla pagina del corso.",
+    },
+    {
+        value: "item-3",
+        trigger: "Come funziona la prenotazione agli esami?",
+        content:
+            "La prenotazione agli esami avviene tramite il portale Online Services (servizionline.polimi.it). Devi prenotarti entro la scadenza indicata per ogni appello. Ricordati di verificare i prerequisiti necessari prima di iscriverti a un esame.",
+    },
+    {
+        value: "item-4",
+        trigger: "Cos'è il codice persona e dove lo trovo?",
+        content:
+            "Il codice persona è il tuo identificativo univoco al Politecnico, composto da 6 cifre. Lo trovi nella lettera di ammissione o nella mail di benvenuto ricevuta dopo l'immatricolazione. Serve per accedere a tutti i servizi online dell'Ateneo.",
+    },
+    {
+        value: "item-5",
+        trigger: "Come posso contattare PoliNetwork?",
+        content:
+            "Puoi contattare PoliNetwork tramite i nostri canali Telegram o attraverso il sito ufficiale. Siamo un'associazione studentesca e offriamo supporto, risorse e una community per tutti gli studenti del Politecnico.",
+    },
+]
+
+export function FAQsPage() {
+    return (
+        <main className="mx-auto flex min-h-screen w-full max-w-400 flex-col items-center justify-center gap-16 px-9 py-49 sm:gap-20">
+            <h2 className="typo-headline-medium sm:typo-display-medium text-center text-text-primary">
+                Domande Frequenti tra le Matricole
+            </h2>
+
+            <div className="mx-auto flex w-full max-w-255 flex-col">
+                <AccordionList items={accordionItems} />
+            </div>
+        </main>
+    )
+}

From d69dfa9542bd9f8fb4f822b9aebd1e65fab76a55 Mon Sep 17 00:00:00 2001
From: Bianca <ianoselbiancaroberta02@gmail.com>
Date: Wed, 20 May 2026 09:28:36 +0200
Subject: [PATCH 4/4] fix: biome

---
 src/app/matricole/page.tsx        |  1 -
 src/components/matricole/faqs.tsx | 80 +++++++++++++++----------------
 2 files changed, 40 insertions(+), 41 deletions(-)

diff --git a/src/app/matricole/page.tsx b/src/app/matricole/page.tsx
index ff08f9c..62d41e4 100644
--- a/src/app/matricole/page.tsx
+++ b/src/app/matricole/page.tsx
@@ -1,6 +1,5 @@
 import { FAQsPage } from "@/components/matricole/faqs"
 
-
 export default function Home() {
   return (
     <main className="w-full">
diff --git a/src/components/matricole/faqs.tsx b/src/components/matricole/faqs.tsx
index e318524..13f72c5 100644
--- a/src/components/matricole/faqs.tsx
+++ b/src/components/matricole/faqs.tsx
@@ -3,48 +3,48 @@ import AccordionList from "@/components/accordion-list"
 import type { AccordionListItem } from "@/components/accordion-list/types"
 
 const accordionItems: AccordionListItem[] = [
-    {
-        value: "item-1",
-        trigger: "Le lezioni della prima settimana si tengono regolarmente?",
-        content:
-            "Spesso, la prima settimana, i Professori utilizzano le ore destinate alle esercitazioni per qualche ora di lezione in più: saranno quindi i docenti a specificare come verranno utilizzate queste ore. Dunque, le esercitazioni non sono da considerarsi annullate, salvo diversa comunicazione da parte del docente o dell'esercitatore.",
-    },
-    {
-        value: "item-2",
-        trigger: "Come faccio ad accedere ai materiali del corso?",
-        content:
-            "I materiali dei corsi sono disponibili su Beep (il portale e-learning del Politecnico). Puoi accedervi con le tue credenziali di Ateneo (codice persona e password). Ogni docente carica le proprie slide, esercizi e risorse direttamente sulla pagina del corso.",
-    },
-    {
-        value: "item-3",
-        trigger: "Come funziona la prenotazione agli esami?",
-        content:
-            "La prenotazione agli esami avviene tramite il portale Online Services (servizionline.polimi.it). Devi prenotarti entro la scadenza indicata per ogni appello. Ricordati di verificare i prerequisiti necessari prima di iscriverti a un esame.",
-    },
-    {
-        value: "item-4",
-        trigger: "Cos'è il codice persona e dove lo trovo?",
-        content:
-            "Il codice persona è il tuo identificativo univoco al Politecnico, composto da 6 cifre. Lo trovi nella lettera di ammissione o nella mail di benvenuto ricevuta dopo l'immatricolazione. Serve per accedere a tutti i servizi online dell'Ateneo.",
-    },
-    {
-        value: "item-5",
-        trigger: "Come posso contattare PoliNetwork?",
-        content:
-            "Puoi contattare PoliNetwork tramite i nostri canali Telegram o attraverso il sito ufficiale. Siamo un'associazione studentesca e offriamo supporto, risorse e una community per tutti gli studenti del Politecnico.",
-    },
+  {
+    value: "item-1",
+    trigger: "Le lezioni della prima settimana si tengono regolarmente?",
+    content:
+      "Spesso, la prima settimana, i Professori utilizzano le ore destinate alle esercitazioni per qualche ora di lezione in più: saranno quindi i docenti a specificare come verranno utilizzate queste ore. Dunque, le esercitazioni non sono da considerarsi annullate, salvo diversa comunicazione da parte del docente o dell'esercitatore.",
+  },
+  {
+    value: "item-2",
+    trigger: "Come faccio ad accedere ai materiali del corso?",
+    content:
+      "I materiali dei corsi sono disponibili su Beep (il portale e-learning del Politecnico). Puoi accedervi con le tue credenziali di Ateneo (codice persona e password). Ogni docente carica le proprie slide, esercizi e risorse direttamente sulla pagina del corso.",
+  },
+  {
+    value: "item-3",
+    trigger: "Come funziona la prenotazione agli esami?",
+    content:
+      "La prenotazione agli esami avviene tramite il portale Online Services (servizionline.polimi.it). Devi prenotarti entro la scadenza indicata per ogni appello. Ricordati di verificare i prerequisiti necessari prima di iscriverti a un esame.",
+  },
+  {
+    value: "item-4",
+    trigger: "Cos'è il codice persona e dove lo trovo?",
+    content:
+      "Il codice persona è il tuo identificativo univoco al Politecnico, composto da 6 cifre. Lo trovi nella lettera di ammissione o nella mail di benvenuto ricevuta dopo l'immatricolazione. Serve per accedere a tutti i servizi online dell'Ateneo.",
+  },
+  {
+    value: "item-5",
+    trigger: "Come posso contattare PoliNetwork?",
+    content:
+      "Puoi contattare PoliNetwork tramite i nostri canali Telegram o attraverso il sito ufficiale. Siamo un'associazione studentesca e offriamo supporto, risorse e una community per tutti gli studenti del Politecnico.",
+  },
 ]
 
 export function FAQsPage() {
-    return (
-        <main className="mx-auto flex min-h-screen w-full max-w-400 flex-col items-center justify-center gap-16 px-9 py-49 sm:gap-20">
-            <h2 className="typo-headline-medium sm:typo-display-medium text-center text-text-primary">
-                Domande Frequenti tra le Matricole
-            </h2>
+  return (
+    <main className="mx-auto flex min-h-screen w-full max-w-400 flex-col items-center justify-center gap-16 px-9 py-49 sm:gap-20">
+      <h2 className="typo-headline-medium sm:typo-display-medium text-center text-text-primary">
+        Domande Frequenti tra le Matricole
+      </h2>
 
-            <div className="mx-auto flex w-full max-w-255 flex-col">
-                <AccordionList items={accordionItems} />
-            </div>
-        </main>
-    )
+      <div className="mx-auto flex w-full max-w-255 flex-col">
+        <AccordionList items={accordionItems} />
+      </div>
+    </main>
+  )
 }