From f53231e5ff409dda9d5ee5277d807b3e303b6428 Mon Sep 17 00:00:00 2001
From: Bianca <ianoselbiancaroberta02@gmail.com>
Date: Tue, 14 Apr 2026 11:21:34 +0200
Subject: [PATCH 1/4] feat: add CommunityNews component and update page layout

---
 src/app/page.tsx                           |  4 +-
 src/app/projects/page.tsx                  | 17 ++++++
 src/components/projects/community-news.tsx | 67 ++++++++++++++++++++++
 3 files changed, 87 insertions(+), 1 deletion(-)
 create mode 100644 src/app/projects/page.tsx
 create mode 100644 src/components/projects/community-news.tsx

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 690408f..c24ef89 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -3,6 +3,7 @@ import { FiFacebook, FiGithub, FiInstagram, FiLinkedin } from "react-icons/fi"
 import discord from "@/assets/icons/discord.svg"
 import telegram from "@/assets/icons/telegram.svg"
 import { CardMultipleIcons } from "@/components/card-multiple-icons"
+import { CardSplit } from "@/components/card-split"
 import { AboutUs } from "@/components/home/about-us"
 import { Hero } from "@/components/home/hero"
 import { Materials } from "@/components/home/materials"
@@ -13,7 +14,7 @@ export default function Home() {
       <Hero />
       <Materials />
       <AboutUs />
-      <div className="mx-auto w-fit py-12">
+      <div className="mx-auto flex w-fit flex-col items-center gap-5 py-12">
         <CardMultipleIcons
           icons={[
             <Image key="telegram" src={telegram} alt="Telegram" />,
@@ -24,6 +25,7 @@ export default function Home() {
             <FiGithub key="github" />,
           ]}
         />
+        <CardSplit textPrimary="5x1000" textSecondary="Sostienici!" textSecondarySmall="CF: 97927490157" />
       </div>
     </main>
   )
diff --git a/src/app/projects/page.tsx b/src/app/projects/page.tsx
new file mode 100644
index 0000000..c225b5e
--- /dev/null
+++ b/src/app/projects/page.tsx
@@ -0,0 +1,17 @@
+
+import { AboutUs } from "@/components/home/about-us"
+import { Hero } from "@/components/home/hero"
+import { Materials } from "@/components/home/materials"
+import { CommunityNews } from "@/components/projects/community-news"
+
+export default function Home() {
+    return (
+        <main className="w-full">
+            <CommunityNews />
+            <Hero />
+            <Materials />
+            <AboutUs />
+
+        </main>
+    )
+}
diff --git a/src/components/projects/community-news.tsx b/src/components/projects/community-news.tsx
new file mode 100644
index 0000000..5254e51
--- /dev/null
+++ b/src/components/projects/community-news.tsx
@@ -0,0 +1,67 @@
+import { FiUploadCloud } from "react-icons/fi"
+import { CardIcon } from "@/components/card-icon"
+
+const communityCards = [
+    {
+        title: "Title 1",
+        description:
+            "description: Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incidunt ut labore et dolore magna aliqua.",
+        icon: FiUploadCloud,
+        size: "sm",
+        href: "#",
+    },
+    {
+        title: "Title 2",
+        description:
+            "description: Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incidunt ut labore et dolore magna aliqua.",
+        icon: FiUploadCloud,
+        size: "sm",
+        href: "#",
+    },
+    {
+        title: "Title 3",
+        description:
+            "description: Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incidunt ut labore et dolore magna aliqua.",
+        icon: FiUploadCloud,
+        size: "sm",
+        href: "#",
+    },
+    {
+        title: "Title 4",
+        description:
+            "description: Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incidunt ut labore et dolore magna aliqua.",
+        icon: FiUploadCloud,
+        size: "sm",
+        href: "#",
+    },
+] as const
+
+export function CommunityNews() {
+    return (
+        <section className="mx-auto flex min-h-screen max-w-400 flex-col items-center gap-38 px-4 py-12">
+            <div className="flex flex-col items-center gap-6">
+                <h2 className="typo-display-extralarge w-fit bg-linear-to-b from-text-primary to-text-secondary bg-clip-text py-14 text-transparent">
+                    Projects
+                </h2>
+                <p className="typo-headline-small max-w-xl text-center">Esplora e contribuisci ai progetti degli studenti</p>
+            </div>
+
+            <div className="flex flex-col gap-14 px-4">
+                <div className="flex flex-col items-center gap-2 md:items-start">
+                    <h3 className="typo-display-medium text-center md:text-left">
+                        Le novità della community</h3>
+                    <p className="typo-body-large text-center md:text-left">
+                        {/* TODO a me sembra troppo piccolo*/}
+                        Rimani aggiornato sulle idee appena condivise dagli studenti del Politecnico
+                    </p>
+                </div>
+                <div className="grid gap-6 md:grid-cols-2 lg:grid-cols-4">
+                    {/* TODO sostituire la card con la versione corretta */}
+                    {communityCards.map((card) => (
+                        <CardIcon key={card.title} {...card} className="h-full" />
+                    ))}
+                </div>
+            </div>
+        </section>
+    )
+}

From 32fe53b638e34478f2a776e27e27ddd4b4153deb Mon Sep 17 00:00:00 2001
From: Bianca <ianoselbiancaroberta02@gmail.com>
Date: Tue, 14 Apr 2026 11:49:27 +0200
Subject: [PATCH 2/4] fix:  biome

---
 src/app/projects/page.tsx                  |  18 +---
 src/components/projects/community-news.tsx | 115 ++++++++++-----------
 2 files changed, 62 insertions(+), 71 deletions(-)

diff --git a/src/app/projects/page.tsx b/src/app/projects/page.tsx
index c225b5e..82903e1 100644
--- a/src/app/projects/page.tsx
+++ b/src/app/projects/page.tsx
@@ -1,17 +1,9 @@
-
-import { AboutUs } from "@/components/home/about-us"
-import { Hero } from "@/components/home/hero"
-import { Materials } from "@/components/home/materials"
 import { CommunityNews } from "@/components/projects/community-news"
 
 export default function Home() {
-    return (
-        <main className="w-full">
-            <CommunityNews />
-            <Hero />
-            <Materials />
-            <AboutUs />
-
-        </main>
-    )
+  return (
+    <main className="w-full">
+      <CommunityNews />
+    </main>
+  )
 }
diff --git a/src/components/projects/community-news.tsx b/src/components/projects/community-news.tsx
index 5254e51..de7d56a 100644
--- a/src/components/projects/community-news.tsx
+++ b/src/components/projects/community-news.tsx
@@ -2,66 +2,65 @@ import { FiUploadCloud } from "react-icons/fi"
 import { CardIcon } from "@/components/card-icon"
 
 const communityCards = [
-    {
-        title: "Title 1",
-        description:
-            "description: Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incidunt ut labore et dolore magna aliqua.",
-        icon: FiUploadCloud,
-        size: "sm",
-        href: "#",
-    },
-    {
-        title: "Title 2",
-        description:
-            "description: Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incidunt ut labore et dolore magna aliqua.",
-        icon: FiUploadCloud,
-        size: "sm",
-        href: "#",
-    },
-    {
-        title: "Title 3",
-        description:
-            "description: Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incidunt ut labore et dolore magna aliqua.",
-        icon: FiUploadCloud,
-        size: "sm",
-        href: "#",
-    },
-    {
-        title: "Title 4",
-        description:
-            "description: Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incidunt ut labore et dolore magna aliqua.",
-        icon: FiUploadCloud,
-        size: "sm",
-        href: "#",
-    },
+  {
+    title: "Title 1",
+    description:
+      "description: Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incidunt ut labore et dolore magna aliqua.",
+    icon: FiUploadCloud,
+    size: "sm",
+    href: "#",
+  },
+  {
+    title: "Title 2",
+    description:
+      "description: Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incidunt ut labore et dolore magna aliqua.",
+    icon: FiUploadCloud,
+    size: "sm",
+    href: "#",
+  },
+  {
+    title: "Title 3",
+    description:
+      "description: Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incidunt ut labore et dolore magna aliqua.",
+    icon: FiUploadCloud,
+    size: "sm",
+    href: "#",
+  },
+  {
+    title: "Title 4",
+    description:
+      "description: Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incidunt ut labore et dolore magna aliqua.",
+    icon: FiUploadCloud,
+    size: "sm",
+    href: "#",
+  },
 ] as const
 
 export function CommunityNews() {
-    return (
-        <section className="mx-auto flex min-h-screen max-w-400 flex-col items-center gap-38 px-4 py-12">
-            <div className="flex flex-col items-center gap-6">
-                <h2 className="typo-display-extralarge w-fit bg-linear-to-b from-text-primary to-text-secondary bg-clip-text py-14 text-transparent">
-                    Projects
-                </h2>
-                <p className="typo-headline-small max-w-xl text-center">Esplora e contribuisci ai progetti degli studenti</p>
-            </div>
+  return (
+    <section className="mx-auto flex min-h-screen max-w-400 flex-col items-center gap-38 px-4 py-12">
+      <div className="flex flex-col items-center gap-6">
+        <h2 className="typo-display-extralarge w-fit bg-linear-to-b from-text-primary to-text-secondary bg-clip-text py-14 text-transparent">
+          Projects
+        </h2>
+        <p className="typo-headline-small max-w-xl text-center">Esplora e contribuisci ai progetti degli studenti</p>
+      </div>
 
-            <div className="flex flex-col gap-14 px-4">
-                <div className="flex flex-col items-center gap-2 md:items-start">
-                    <h3 className="typo-display-medium text-center md:text-left">
-                        Le novità della community</h3>
-                    <p className="typo-body-large text-center md:text-left">
-                        {/* TODO a me sembra troppo piccolo*/}
-                        Rimani aggiornato sulle idee appena condivise dagli studenti del Politecnico
-                    </p>
-                </div>
-                <div className="grid gap-6 md:grid-cols-2 lg:grid-cols-4">
-                    {/* TODO sostituire la card con la versione corretta */}
-                    {communityCards.map((card) => (
-                        <CardIcon key={card.title} {...card} className="h-full" />
-                    ))}
-                </div>
-            </div>
-        </section>
-    )
+      <div className="flex flex-col gap-14 px-4">
+        <div className="flex flex-col items-center gap-2 md:items-start">
+          <h3 className="typo-display-medium text-center md:text-left">Le novità della community</h3>
+          <p className="typo-body-large text-center md:text-left">
+            {/* TODO a me sembra troppo piccolo*/}
+            Rimani aggiornato sulle idee appena condivise dagli studenti del Politecnico
+          </p>
+        </div>
+        <div className="grid gap-6 md:grid-cols-2 lg:grid-cols-4">
+          {/* TODO sostituire la card con la versione corretta */}
+          {communityCards.map((card) => (
+            <CardIcon key={card.title} {...card} className="h-full" />
+          ))}
+        </div>
+      </div>
+    </section>
+  )
 }

From 1c2ba01e85ae2bc5c7a2d0dcd9ced8532aafff19 Mon Sep 17 00:00:00 2001
From: Bianca <ianoselbiancaroberta02@gmail.com>
Date: Tue, 14 Apr 2026 12:15:08 +0200
Subject: [PATCH 3/4] fix: update layout styles for CommunityNews component

---
 src/components/projects/community-news.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/projects/community-news.tsx b/src/components/projects/community-news.tsx
index de7d56a..e009477 100644
--- a/src/components/projects/community-news.tsx
+++ b/src/components/projects/community-news.tsx
@@ -38,7 +38,7 @@ const communityCards = [
 
 export function CommunityNews() {
   return (
-    <section className="mx-auto flex min-h-screen max-w-400 flex-col items-center gap-38 px-4 py-12">
+    <section className="mx-auto flex max-w-400 flex-col items-center gap-48 px-4 py-24">
       <div className="flex flex-col items-center gap-6">
         <h2 className="typo-display-extralarge w-fit bg-linear-to-b from-text-primary to-text-secondary bg-clip-text py-14 text-transparent">
           Projects
@@ -46,7 +46,7 @@ export function CommunityNews() {
         <p className="typo-headline-small max-w-xl text-center">Esplora e contribuisci ai progetti degli studenti</p>
       </div>
 
-      <div className="flex flex-col gap-14 px-4">
+      <div className="flex flex-col gap-14">
         <div className="flex flex-col items-center gap-2 md:items-start">
           <h3 className="typo-display-medium text-center md:text-left">Le novità della community</h3>
           <p className="typo-body-large text-center md:text-left">

From e432d53e2c464c102a4ab224c5a082c7f6e6e94b Mon Sep 17 00:00:00 2001
From: Bianca <ianoselbiancaroberta02@gmail.com>
Date: Tue, 14 Apr 2026 12:25:15 +0200
Subject: [PATCH 4/4] fix: adjust CommunityNews section to ensure full height
 display

---
 src/components/projects/community-news.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/projects/community-news.tsx b/src/components/projects/community-news.tsx
index e009477..6e125a8 100644
--- a/src/components/projects/community-news.tsx
+++ b/src/components/projects/community-news.tsx
@@ -38,7 +38,7 @@ const communityCards = [
 
 export function CommunityNews() {
   return (
-    <section className="mx-auto flex max-w-400 flex-col items-center gap-48 px-4 py-24">
+    <section className="mx-auto flex min-h-screen max-w-400 flex-col items-center justify-center gap-48 px-4 py-24">
       <div className="flex flex-col items-center gap-6">
         <h2 className="typo-display-extralarge w-fit bg-linear-to-b from-text-primary to-text-secondary bg-clip-text py-14 text-transparent">
           Projects