From 1d7baecff5ed4c73fd4e6ab0d860b30c86734e75 Mon Sep 17 00:00:00 2001
From: Bianca <ianoselbiancaroberta02@gmail.com>
Date: Tue, 14 Apr 2026 12:29:53 +0200
Subject: [PATCH 1/2] feat: add Deprecated component for showcasing outdated
 projects

---
 src/app/projects/page.tsx              | 10 ++++
 src/components/projects/deprecated.tsx | 67 ++++++++++++++++++++++++++
 2 files changed, 77 insertions(+)
 create mode 100644 src/app/projects/page.tsx
 create mode 100644 src/components/projects/deprecated.tsx

diff --git a/src/app/projects/page.tsx b/src/app/projects/page.tsx
new file mode 100644
index 0000000..57a2235
--- /dev/null
+++ b/src/app/projects/page.tsx
@@ -0,0 +1,10 @@
+import { Deprecated } from "@/components/projects/deprecated";
+
+
+export default function Home() {
+  return (
+    <main className="w-full">
+      <Deprecated />
+    </main>
+  )
+}
diff --git a/src/components/projects/deprecated.tsx b/src/components/projects/deprecated.tsx
new file mode 100644
index 0000000..ee2d7c1
--- /dev/null
+++ b/src/components/projects/deprecated.tsx
@@ -0,0 +1,67 @@
+import { FiArrowDown, FiUploadCloud } from "react-icons/fi"
+import { CardIcon } from "@/components/card-icon"
+import { Button } from "../ui/button"
+
+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 Deprecated() {
+  return (
+    <section className="mx-auto flex min-h-screen max-w-400 flex-col items-center justify-center gap-14 px-4 md:items-start">
+      <div className="flex flex-col items-center gap-2 md:items-start">
+        <h3 className="typo-display-medium text-center md:text-left">Progetti deprecati</h3>
+        <p className="typo-body-large text-center md:text-left">
+          {/* TODO a me sembra troppo piccolo*/}
+          Qui raccogliamo i progetti non più aggiornati o attivi. <br />
+          Puoi contribuire a riportarli in vita, migliorarli o usarli come base per nuove idee.
+        </p>
+      </div>
+      <div className="flex flex-col gap-12">
+        <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 className="flex justify-center">
+          <Button variant="primary" size="lg">
+            Mostra di più
+            <FiArrowDown />
+          </Button>
+        </div>
+      </div>
+    </section>
+  )
+}

From 81874db7066e44886ddfe42f25b4b2eadee2a020 Mon Sep 17 00:00:00 2001
From: Bianca <ianoselbiancaroberta02@gmail.com>
Date: Tue, 14 Apr 2026 13:05:19 +0200
Subject: [PATCH 2/2] fix: remove unnecessary line breaks in page.tsx

---
 src/app/projects/page.tsx | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/src/app/projects/page.tsx b/src/app/projects/page.tsx
index 57a2235..3c84484 100644
--- a/src/app/projects/page.tsx
+++ b/src/app/projects/page.tsx
@@ -1,5 +1,4 @@
-import { Deprecated } from "@/components/projects/deprecated";
-
+import { Deprecated } from "@/components/projects/deprecated"
 
 export default function Home() {
   return (