From e560a049c2a772677e64870a6dffdb3a568bd35b Mon Sep 17 00:00:00 2001
From: Bianca <ianoselbiancaroberta02@gmail.com>
Date: Thu, 12 Mar 2026 16:46:59 +0100
Subject: [PATCH 1/3] feat: add AboutUs component

---
 src/app/page.tsx                 | 19 ++----------------
 src/components/home/about-us.tsx | 34 ++++++++++++++++++++++++++++++++
 2 files changed, 36 insertions(+), 17 deletions(-)
 create mode 100644 src/components/home/about-us.tsx

diff --git a/src/app/page.tsx b/src/app/page.tsx
index ecc1240..c6200ce 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -1,22 +1,7 @@
-import { Users } from "lucide-react"
-import { Button } from "@/components/ui/button"
-import { ButtonWithIcon } from "@/components/ui/buttonWithIcon"
+import { AboutUs } from "@/components/home/about-us"
 
 export default function Home() {
   return (
-    <main className="container mx-auto px-4 py-8">
-      <h2 className="mb-4 typo-headline-large font-bold bg">Welcome to PoliNetwork</h2>
-      <p className="mb-4">
-        PoliNetwork is a student association dedicated to connecting and supporting students at Politecnico.
-      </p>
-      <div className="bg-red rounded-rectangles w-90 py-8 flex justify-center items-center flex-col gap-2">
-        <p className="text-text-accent-darkbg typo-body-medium">Test with figma variables</p>
-        <div className="bg-background-blur w-20 h-20 rounded-images" />
-        <ButtonWithIcon variant="primary" icon={Users} iconPosition="left" text="Diventa socio" />
-        <ButtonWithIcon variant="tertiary" icon={Users} iconPosition="right" text="Diventa socio" />
-        <ButtonWithIcon variant="tertiaryBlur" icon={Users} iconPosition="left" text="Diventa socio" />
-        <Button variant="link">Link</Button>
-      </div>
-    </main>
+      <AboutUs />
   )
 }
diff --git a/src/components/home/about-us.tsx b/src/components/home/about-us.tsx
new file mode 100644
index 0000000..621e71c
--- /dev/null
+++ b/src/components/home/about-us.tsx
@@ -0,0 +1,34 @@
+import { Button } from "@/components/ui/button"
+
+export function AboutUs() {
+  const gradientText = "bg-gradient-to-r from-blue-primary to-blue-secondary bg-clip-text text-transparent"
+
+  return (
+    <section className="flex w-full justify-center px-4 sm:px-6">
+      <div className="flex min-h-[calc(100vh-var(--header-height))] w-full max-w-5xl flex-col items-center justify-center gap-8 py-8 text-center sm:py-12 md:gap-10">
+        <div className="typo-headline-small text-text-primary sm:typo-headline-medium lg:typo-headline-large">
+          <div className="grid grid-cols-[auto_auto] justify-center">
+            <span>PoliNetwork&nbsp;</span>
+            <span className={gradientText}>unisce gli studenti</span>
+          </div>
+          <div className="grid grid-cols-[auto_auto] justify-center">
+            <span>del Poli:&nbsp;</span>
+            <span className={gradientText}>gruppi, risorse e</span>
+          </div>
+          <div className="grid grid-cols-[auto_auto] justify-center">
+            <span>supporto,&nbsp;</span>
+            <span className={gradientText}>tutti in un'unica</span>
+          </div>
+          <div className="grid grid-cols-[auto_auto] justify-center">
+            <span />
+            <span className={gradientText}>community.</span>
+          </div>
+        </div>
+
+        <Button variant="primary" size="lg">
+          About us
+        </Button>
+      </div>
+    </section>
+  )
+}

From 59d18ff41e97c2b5595d3e18207f49aa9571a860 Mon Sep 17 00:00:00 2001
From: Bianca <ianoselbiancaroberta02@gmail.com>
Date: Thu, 12 Mar 2026 16:51:32 +0100
Subject: [PATCH 2/3] refactor: simplify AboutUs component rendering in Home

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

diff --git a/src/app/page.tsx b/src/app/page.tsx
index c6200ce..96a0a4c 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -1,7 +1,5 @@
 import { AboutUs } from "@/components/home/about-us"
 
 export default function Home() {
-  return (
-      <AboutUs />
-  )
+  return <AboutUs />
 }

From 36fe82220018b5a98d4fd48f5f252a5bed3b5292 Mon Sep 17 00:00:00 2001
From: Bianca <ianoselbiancaroberta02@gmail.com>
Date: Thu, 9 Apr 2026 23:55:49 +0200
Subject: [PATCH 3/3] refactor: reorganize AboutUs component structure and
 improve layout

---
 src/app/page.tsx                 |  2 +-
 src/components/home/about-us.tsx | 33 +++++++-------------------------
 2 files changed, 8 insertions(+), 27 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index fc31262..690408f 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -1,9 +1,9 @@
-import { AboutUs } from "@/components/home/about-us"
 import Image from "next/image"
 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 { AboutUs } from "@/components/home/about-us"
 import { Hero } from "@/components/home/hero"
 import { Materials } from "@/components/home/materials"
 
diff --git a/src/components/home/about-us.tsx b/src/components/home/about-us.tsx
index 621e71c..9b070a1 100644
--- a/src/components/home/about-us.tsx
+++ b/src/components/home/about-us.tsx
@@ -1,34 +1,15 @@
 import { Button } from "@/components/ui/button"
 
 export function AboutUs() {
-  const gradientText = "bg-gradient-to-r from-blue-primary to-blue-secondary bg-clip-text text-transparent"
-
   return (
-    <section className="flex w-full justify-center px-4 sm:px-6">
-      <div className="flex min-h-[calc(100vh-var(--header-height))] w-full max-w-5xl flex-col items-center justify-center gap-8 py-8 text-center sm:py-12 md:gap-10">
-        <div className="typo-headline-small text-text-primary sm:typo-headline-medium lg:typo-headline-large">
-          <div className="grid grid-cols-[auto_auto] justify-center">
-            <span>PoliNetwork&nbsp;</span>
-            <span className={gradientText}>unisce gli studenti</span>
-          </div>
-          <div className="grid grid-cols-[auto_auto] justify-center">
-            <span>del Poli:&nbsp;</span>
-            <span className={gradientText}>gruppi, risorse e</span>
-          </div>
-          <div className="grid grid-cols-[auto_auto] justify-center">
-            <span>supporto,&nbsp;</span>
-            <span className={gradientText}>tutti in un'unica</span>
-          </div>
-          <div className="grid grid-cols-[auto_auto] justify-center">
-            <span />
-            <span className={gradientText}>community.</span>
-          </div>
-        </div>
+    <section className="mx-auto flex min-h-screen w-full max-w-4xl flex-col items-center justify-center gap-24 px-6 py-12 text-center">
+      <h1 className="typo-display-medium lg:typo-display-large bg-linear-to-r from-text-primary via-blue-secondary to-blue-primary bg-clip-text text-transparent">
+        PoliNetwork unisce gli studenti del Poli con gruppi, risorse e supporto in un'unica community.
+      </h1>
 
-        <Button variant="primary" size="lg">
-          About us
-        </Button>
-      </div>
+      <Button variant="primary" size="lg">
+        About us
+      </Button>
     </section>
   )
 }