From 03836ffa3ee05021740782724b0cb01293383377 Mon Sep 17 00:00:00 2001
From: Bianca <ianoselbiancaroberta02@gmail.com>
Date: Tue, 14 Apr 2026 12:59:03 +0200
Subject: [PATCH 1/2] feat: add Upload component for project proposals

---
 src/app/projects/page.tsx          |  9 +++++
 src/components/projects/upload.tsx | 58 ++++++++++++++++++++++++++++++
 2 files changed, 67 insertions(+)
 create mode 100644 src/app/projects/page.tsx
 create mode 100644 src/components/projects/upload.tsx

diff --git a/src/app/projects/page.tsx b/src/app/projects/page.tsx
new file mode 100644
index 0000000..e30c05e
--- /dev/null
+++ b/src/app/projects/page.tsx
@@ -0,0 +1,9 @@
+import { Upload } from "@/components/projects/upload"
+
+export default function Home() {
+  return (
+    <main className="w-full">
+      <Upload />
+    </main>
+  )
+}
diff --git a/src/components/projects/upload.tsx b/src/components/projects/upload.tsx
new file mode 100644
index 0000000..066866c
--- /dev/null
+++ b/src/components/projects/upload.tsx
@@ -0,0 +1,58 @@
+import { FiUploadCloud } from "react-icons/fi"
+import { CardIcon } from "@/components/card-icon"
+
+// TODO da sostituire con dati veri
+const collectionCards = [
+  {
+    title: "Contatti",
+    description: "@lorenzocorallo @toto04_1 info@polinetwork.org",
+    icon: FiUploadCloud,
+    size: "sm",
+    href: "#",
+  },
+  {
+    title: "Requisiti dei progetti",
+    description: `opensource
+      utile alla community
+      senza scopro di lucro`,
+    icon: FiUploadCloud,
+    size: "sm",
+    href: "#",
+  },
+] as const
+
+export function Upload() {
+  return (
+    <section className="mx-auto flex min-h-screen max-w-300 flex-row items-center justify-center gap-48 px-4">
+      <div className="flex max-w-xs flex-col items-start gap-8">
+        <div className="flex flex-col gap-2">
+          <h2 className="typo-display-medium">Hai un'idea?</h2>
+          <p className="typo-headline-medium text-blue-primary">Proponila qui!</p>
+        </div>
+        <div className="flex flex-col gap-4">
+          <p className="typo-body-large">
+            Qui puoi proporre nuovi progetti o suggerire migliorie al sito. Il team di PoliNetwork può aiutarti a
+            sviluppare la tua idea e, se rispetta i requisiti, pubblicarla qui.
+          </p>
+          <p className="typo-body-large">
+            Dopo l'invio riceverai una risposta dai nostri admin con le istruzioni per proseguire.
+          </p>
+        </div>
+        <div className="flex flex-col gap-4">
+          <p className="typo-body-medium text-text-secondary">
+            I diritti dei progetti rimangono tutti dei rispettivi progettisti, PoliNetwork non si assume responsabilità.
+          </p>
+        </div>
+      </div>
+
+      <div className="flex flex-col gap-12">
+        <div className="grid gap-6">
+          {/* TODO sostituire la card con la versione corretta */}
+          {collectionCards.map((card) => (
+            <CardIcon key={card.title} {...card} className="h-full" />
+          ))}
+        </div>
+      </div>
+    </section>
+  )
+}

From 186754a62c8dba086a4280043df5f18f7c98b336 Mon Sep 17 00:00:00 2001
From: Bianca <ianoselbiancaroberta02@gmail.com>
Date: Wed, 22 Apr 2026 23:56:18 +0200
Subject: [PATCH 2/2] feat: replace CardIcon with CardCaption and update
 collectionCards structure

---
 src/components/projects/upload.tsx | 17 ++++-------------
 1 file changed, 4 insertions(+), 13 deletions(-)

diff --git a/src/components/projects/upload.tsx b/src/components/projects/upload.tsx
index 066866c..14ac484 100644
--- a/src/components/projects/upload.tsx
+++ b/src/components/projects/upload.tsx
@@ -1,23 +1,15 @@
-import { FiUploadCloud } from "react-icons/fi"
-import { CardIcon } from "@/components/card-icon"
+import { CardCaption } from "../card-caption"
 
-// TODO da sostituire con dati veri
 const collectionCards = [
   {
     title: "Contatti",
-    description: "@lorenzocorallo @toto04_1 info@polinetwork.org",
-    icon: FiUploadCloud,
-    size: "sm",
-    href: "#",
+    caption: "@lorenzocorallo @toto04_1 info@polinetwork.org",
   },
   {
     title: "Requisiti dei progetti",
-    description: `opensource
+    caption: `opensource
       utile alla community
       senza scopro di lucro`,
-    icon: FiUploadCloud,
-    size: "sm",
-    href: "#",
   },
 ] as const
 
@@ -47,9 +39,8 @@ export function Upload() {
 
       <div className="flex flex-col gap-12">
         <div className="grid gap-6">
-          {/* TODO sostituire la card con la versione corretta */}
           {collectionCards.map((card) => (
-            <CardIcon key={card.title} {...card} className="h-full" />
+            <CardCaption key={card.title} {...card} />
           ))}
         </div>
       </div>