From c3c0db83af47740d638f434ae3db35ec9eadea1c Mon Sep 17 00:00:00 2001
From: diubi <alessandroogioiaa@gmail.com>
Date: Thu, 9 Apr 2026 15:22:33 +0200
Subject: [PATCH 1/6] feat: card-groups initial commit

---
 src/app/page.tsx               |  2 ++
 src/components/card-groups.tsx | 36 ++++++++++++++++++++++++++++++++++
 2 files changed, 38 insertions(+)
 create mode 100644 src/components/card-groups.tsx

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 9e2bb5a..194cedc 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -1,4 +1,5 @@
 import { Users } from "lucide-react"
+import { CardGroups } from "@/components/card-groups"
 import { Button } from "@/components/ui/button"
 import { ButtonWithIcon } from "@/components/ui/buttonWithIcon"
 
@@ -17,6 +18,7 @@ export default function Home() {
         <ButtonWithIcon variant="tertiaryBlur" icon={Users} iconPosition="left" text="Diventa socio" />
         <Button variant="link">Link</Button>
       </div>
+      <CardGroups courseName="Ingegneria Informatica" />
     </main>
   )
 }
diff --git a/src/components/card-groups.tsx b/src/components/card-groups.tsx
new file mode 100644
index 0000000..bf10238
--- /dev/null
+++ b/src/components/card-groups.tsx
@@ -0,0 +1,36 @@
+import type { IconType } from "react-icons"
+import { CiGlobe } from "react-icons/ci"
+import { FaAngleRight } from "react-icons/fa6"
+import { IoLocationOutline } from "react-icons/io5"
+import { Card, CardAction, CardContent } from "./ui/card"
+
+export function CardGroups({
+  courseName,
+  iconLocation: IconLocation = IoLocationOutline,
+  location = "Milano Leonardo",
+  iconLanguage: IconLanguage = CiGlobe,
+  language = "ITA",
+  iconSelect: IconSelect = FaAngleRight,
+}: {
+  courseName: string
+  iconLocation?: IconType
+  location?: "Milano Leonardo" | "Milano Bovisa" | "Cremona" | "Lecco" | "Mantova" | "Piacenza" | "Xi'an" //Magari poi si mette solo string come tipo nel caso si pullino da un DB
+  iconLanguage?: IconType
+  language?: "ITA" | "ENG" //Idem
+  iconSelect?: IconType
+}) {
+  return (
+    <Card className="typo-body-large flex h-fit w-full flex-row items-center justify-between whitespace-nowrap bg-background-blur px-5 py-3.75 font-normal leading-6 tracking-[0.03125rem]">
+      <CardContent>{courseName}</CardContent>
+      <CardContent className="flex items-center gap-1.25">
+        <CardAction icon={IconLocation} iconSize="small" /> {location}
+      </CardContent>
+      <CardContent className="flex items-center gap-1.25">
+        <CardAction icon={IconLanguage} iconSize="small" /> {language}
+      </CardContent>
+      <CardContent className="flex items-center gap-1.25">
+        <CardAction icon={IconSelect} iconSize="small" />
+      </CardContent>
+    </Card>
+  )
+}

From fbd03b0a3f56afad3ad5182192a100320b14843c Mon Sep 17 00:00:00 2001
From: diubi <alessandroogioiaa@gmail.com>
Date: Thu, 9 Apr 2026 15:54:55 +0200
Subject: [PATCH 2/6] fix: spacing between elements

---
 src/app/page.tsx                                    |  5 +++++
 src/components/{card-groups.tsx => card-course.tsx} | 12 ++++++------
 2 files changed, 11 insertions(+), 6 deletions(-)
 rename src/components/{card-groups.tsx => card-course.tsx} (74%)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 62c7213..d276343 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -1,6 +1,7 @@
 import { FiBook, FiBookOpen, FiClipboard, FiFileText, FiPenTool, FiTriangle, FiUploadCloud } from "react-icons/fi"
 import { CardIcon } from "@/components/card-icon"
 import { Hero } from "@/components/home/hero"
+import { CardCourse } from "@/components/card-course"
 
 const schoolCards = [
   { title: "Scuola di Architettura", icon: FiTriangle, size: "md" },
@@ -56,6 +57,10 @@ export default function Home() {
           </div>
         </section>
       </div>
+      <CardCourse courseName="Ingegneria Informatica" />
+      <CardCourse courseName="Ingegneria Elettrica" />
+      <CardCourse courseName="Ingegneria Gestionale" />
+      <CardCourse courseName="Ingegneria Chimica" />
     </main>
   )
 }
diff --git a/src/components/card-groups.tsx b/src/components/card-course.tsx
similarity index 74%
rename from src/components/card-groups.tsx
rename to src/components/card-course.tsx
index bf10238..85d91a7 100644
--- a/src/components/card-groups.tsx
+++ b/src/components/card-course.tsx
@@ -4,7 +4,7 @@ import { FaAngleRight } from "react-icons/fa6"
 import { IoLocationOutline } from "react-icons/io5"
 import { Card, CardAction, CardContent } from "./ui/card"
 
-export function CardGroups({
+export function CardCourse({
   courseName,
   iconLocation: IconLocation = IoLocationOutline,
   location = "Milano Leonardo",
@@ -20,15 +20,15 @@ export function CardGroups({
   iconSelect?: IconType
 }) {
   return (
-    <Card className="typo-body-large flex h-fit w-full flex-row items-center justify-between whitespace-nowrap bg-background-blur px-5 py-3.75 font-normal leading-6 tracking-[0.03125rem]">
-      <CardContent>{courseName}</CardContent>
-      <CardContent className="flex items-center gap-1.25">
+    <Card className="typo-body-large flex h-fit w-full flex-row bg-background-blur px-5 py-3.75 font-normal leading-6 tracking-[0.03125rem]">
+      <CardContent className="basis-1/3 truncate">{courseName}</CardContent>
+      <CardContent className="flex basis-1/3 items-center gap-1.25">
         <CardAction icon={IconLocation} iconSize="small" /> {location}
       </CardContent>
-      <CardContent className="flex items-center gap-1.25">
+      <CardContent className="flex basis-1/3 items-center gap-1.25">
         <CardAction icon={IconLanguage} iconSize="small" /> {language}
       </CardContent>
-      <CardContent className="flex items-center gap-1.25">
+      <CardContent className="flex items-center">
         <CardAction icon={IconSelect} iconSize="small" />
       </CardContent>
     </Card>

From 8b85ff915a8ea49045d26b8112e4eef14a285b40 Mon Sep 17 00:00:00 2001
From: diubi <alessandroogioiaa@gmail.com>
Date: Thu, 9 Apr 2026 15:55:35 +0200
Subject: [PATCH 3/6] chore: biome

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

diff --git a/src/app/page.tsx b/src/app/page.tsx
index d276343..3ca7c2e 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -1,7 +1,7 @@
 import { FiBook, FiBookOpen, FiClipboard, FiFileText, FiPenTool, FiTriangle, FiUploadCloud } from "react-icons/fi"
+import { CardCourse } from "@/components/card-course"
 import { CardIcon } from "@/components/card-icon"
 import { Hero } from "@/components/home/hero"
-import { CardCourse } from "@/components/card-course"
 
 const schoolCards = [
   { title: "Scuola di Architettura", icon: FiTriangle, size: "md" },

From d3070644d21b98cd61012fd2bd93fa4036fd993c Mon Sep 17 00:00:00 2001
From: diubi <alessandroogioiaa@gmail.com>
Date: Thu, 9 Apr 2026 17:05:36 +0200
Subject: [PATCH 4/6] fix: homepage layout for cards

---
 src/app/page.tsx | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 3ca7c2e..887841b 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -56,11 +56,13 @@ export default function Home() {
             ))}
           </div>
         </section>
+        <section>
+          <CardCourse courseName="Ingegneria Informatica" />
+          <CardCourse courseName="Ingegneria Elettrica" />
+          <CardCourse courseName="Ingegneria Gestionale" />
+          <CardCourse courseName="Ingegneria Chimica" />
+        </section>
       </div>
-      <CardCourse courseName="Ingegneria Informatica" />
-      <CardCourse courseName="Ingegneria Elettrica" />
-      <CardCourse courseName="Ingegneria Gestionale" />
-      <CardCourse courseName="Ingegneria Chimica" />
     </main>
   )
 }

From c51b53ed27ef8a34e4bf317521696707559f8b91 Mon Sep 17 00:00:00 2001
From: diubi <alessandroogioiaa@gmail.com>
Date: Thu, 9 Apr 2026 17:09:29 +0200
Subject: [PATCH 5/6] remove: bg-background-blur

---
 src/components/card-course.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/card-course.tsx b/src/components/card-course.tsx
index 85d91a7..52c1fd8 100644
--- a/src/components/card-course.tsx
+++ b/src/components/card-course.tsx
@@ -20,7 +20,7 @@ export function CardCourse({
   iconSelect?: IconType
 }) {
   return (
-    <Card className="typo-body-large flex h-fit w-full flex-row bg-background-blur px-5 py-3.75 font-normal leading-6 tracking-[0.03125rem]">
+    <Card className="typo-body-large flex h-fit w-full flex-row px-5 py-3.75 font-normal leading-6 tracking-[0.03125rem]">
       <CardContent className="basis-1/3 truncate">{courseName}</CardContent>
       <CardContent className="flex basis-1/3 items-center gap-1.25">
         <CardAction icon={IconLocation} iconSize="small" /> {location}

From dde4123a0ddeb021d63c1e6d9092c5982741dcbd Mon Sep 17 00:00:00 2001
From: diubi <alessandroogioiaa@gmail.com>
Date: Thu, 9 Apr 2026 21:18:00 +0200
Subject: [PATCH 6/6] chore: biome

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

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 718fd63..226d3d3 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -1,7 +1,7 @@
 import { FaBookBookmark } from "react-icons/fa6"
 import { FiBook, FiBookOpen, FiClipboard, FiFileText, FiPenTool, FiTriangle, FiUploadCloud } from "react-icons/fi"
-import { CardCourse } from "@/components/card-course"
 import { CardCaption } from "@/components/card-caption"
+import { CardCourse } from "@/components/card-course"
 import { CardIcon } from "@/components/card-icon"
 import { Hero } from "@/components/home/hero"