feat: add AboutUs component (#43)

* feat: add AboutUs component

* refactor: simplify AboutUs component rendering in Home

* refactor: reorganize AboutUs component structure and improve layout

Author: BIA3IA

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 { AboutUs } from "@/components/home/about-us"
 import { Hero } from "@/components/home/hero"
 import { Materials } from "@/components/home/materials"
 
@@ -11,6 +12,7 @@ export default function Home() {
     <main className="w-full">
       <Hero />
       <Materials />
+      <AboutUs />
       <div className="mx-auto w-fit py-12">
         <CardMultipleIcons
           icons={[

src/components/home/about-us.tsx

@@ -0,0 +1,15 @@
+import { Button } from "@/components/ui/button"
+
+export function AboutUs() {
+  return (
+    <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>
+    </section>
+  )
+}