From dabd89427394f2aa17f9bf8dab904d996b869321 Mon Sep 17 00:00:00 2001 From: diubi Date: Thu, 9 Apr 2026 16:28:20 +0200 Subject: [PATCH 1/9] feat: card-course-group initial commit --- src/app/page.tsx | 2 ++ src/components/card-course-group.tsx | 22 ++++++++++++++++++++++ 2 files changed, 24 insertions(+) create mode 100644 src/components/card-course-group.tsx diff --git a/src/app/page.tsx b/src/app/page.tsx index 62c7213..b0c0de2 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 { CardCourseGroup } from "@/components/card-course-group" const schoolCards = [ { title: "Scuola di Architettura", icon: FiTriangle, size: "md" }, @@ -56,6 +57,7 @@ export default function Home() { + ) } diff --git a/src/components/card-course-group.tsx b/src/components/card-course-group.tsx new file mode 100644 index 0000000..ca0440d --- /dev/null +++ b/src/components/card-course-group.tsx @@ -0,0 +1,22 @@ +import type { IconType } from "react-icons" +import { FaWhatsapp } from "react-icons/fa" +import { LiaTelegramPlane } from "react-icons/lia" +import { Card, CardAction, CardContent, CardTitle } from "./ui/card" + +export function CardCourseGroup({ + groupName, + iconWhatsApp: IconWhatsApp = FaWhatsapp, + iconTelegram: IconTelegram = LiaTelegramPlane, +}: { + groupName: string + iconWhatsApp?: IconType + iconTelegram?: IconType +}) { + return ( + + {groupName} + + + + ) +} From b237c312e6c55dc271d9bd51683b5e3a5d32f961 Mon Sep 17 00:00:00 2001 From: diubi Date: Thu, 9 Apr 2026 16:30:36 +0200 Subject: [PATCH 2/9] chore: biome --- src/app/page.tsx | 2 +- src/components/card-course-group.tsx | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index b0c0de2..8d81300 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 { CardCourseGroup } from "@/components/card-course-group" import { CardIcon } from "@/components/card-icon" import { Hero } from "@/components/home/hero" -import { CardCourseGroup } from "@/components/card-course-group" const schoolCards = [ { title: "Scuola di Architettura", icon: FiTriangle, size: "md" }, diff --git a/src/components/card-course-group.tsx b/src/components/card-course-group.tsx index ca0440d..f505e98 100644 --- a/src/components/card-course-group.tsx +++ b/src/components/card-course-group.tsx @@ -1,7 +1,7 @@ import type { IconType } from "react-icons" import { FaWhatsapp } from "react-icons/fa" import { LiaTelegramPlane } from "react-icons/lia" -import { Card, CardAction, CardContent, CardTitle } from "./ui/card" +import { Card, CardAction, CardTitle } from "./ui/card" export function CardCourseGroup({ groupName, From d7678d0ca32b5275fd5c503ef02c45bf452a8d05 Mon Sep 17 00:00:00 2001 From: diubi Date: Thu, 9 Apr 2026 16:55:48 +0200 Subject: [PATCH 3/9] fix: make text and icons black --- src/components/card-course-group.tsx | 8 +++++--- 1 file changed, 5 insertions(+), 3 deletions(-) diff --git a/src/components/card-course-group.tsx b/src/components/card-course-group.tsx index f505e98..bc39817 100644 --- a/src/components/card-course-group.tsx +++ b/src/components/card-course-group.tsx @@ -14,9 +14,11 @@ export function CardCourseGroup({ }) { return ( - {groupName} - - + + {groupName} + + + ) } From 1140fd5a286b50b1a3a4639ad2b4c71cfe78bf58 Mon Sep 17 00:00:00 2001 From: diubi Date: Thu, 9 Apr 2026 17:02:41 +0200 Subject: [PATCH 4/9] feat: added cards to homepage; feat: added bg-background-blur to the card --- src/app/page.tsx | 7 ++++++- src/components/card-course-group.tsx | 2 +- 2 files changed, 7 insertions(+), 2 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index 8d81300..e6f71ed 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -56,8 +56,13 @@ export default function Home() { ))} +
+ + + + +
- ) } diff --git a/src/components/card-course-group.tsx b/src/components/card-course-group.tsx index bc39817..bdcfc5b 100644 --- a/src/components/card-course-group.tsx +++ b/src/components/card-course-group.tsx @@ -13,7 +13,7 @@ export function CardCourseGroup({ iconTelegram?: IconType }) { return ( - + {groupName} From 7107f55369b2424b4be10b7c03ce1cabdd0540bc Mon Sep 17 00:00:00 2001 From: diubi Date: Thu, 9 Apr 2026 17:09:50 +0200 Subject: [PATCH 5/9] remove: bg-background-blur --- src/components/card-course-group.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/components/card-course-group.tsx b/src/components/card-course-group.tsx index bdcfc5b..bc39817 100644 --- a/src/components/card-course-group.tsx +++ b/src/components/card-course-group.tsx @@ -13,7 +13,7 @@ export function CardCourseGroup({ iconTelegram?: IconType }) { return ( - + {groupName} From cf2b585bb12a61ec9fa4fe83990a4f3430ef96d3 Mon Sep 17 00:00:00 2001 From: diubi Date: Thu, 9 Apr 2026 17:21:18 +0200 Subject: [PATCH 6/9] remove: truncate class --- src/components/card-course-group.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/components/card-course-group.tsx b/src/components/card-course-group.tsx index bc39817..a05dfa0 100644 --- a/src/components/card-course-group.tsx +++ b/src/components/card-course-group.tsx @@ -14,7 +14,7 @@ export function CardCourseGroup({ }) { return ( - + {groupName} From c0dc94d36d54d0077ddde04bd6f6d34e873b69ca Mon Sep 17 00:00:00 2001 From: diubi Date: Thu, 9 Apr 2026 17:36:56 +0200 Subject: [PATCH 7/9] feat: secondary variant --- src/app/page.tsx | 4 +-- src/components/card-course-group.tsx | 44 +++++++++++++++++++++++++--- 2 files changed, 42 insertions(+), 6 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index e6f71ed..c5b6472 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -58,9 +58,9 @@ export default function Home() {
- + - +
diff --git a/src/components/card-course-group.tsx b/src/components/card-course-group.tsx index a05dfa0..17a4934 100644 --- a/src/components/card-course-group.tsx +++ b/src/components/card-course-group.tsx @@ -1,24 +1,60 @@ +import { cva, type VariantProps } from "class-variance-authority" import type { IconType } from "react-icons" import { FaWhatsapp } from "react-icons/fa" import { LiaTelegramPlane } from "react-icons/lia" +import { cn } from "@/lib/utils" import { Card, CardAction, CardTitle } from "./ui/card" +export const cardCourseGroupVariants = cva( + "flex h-fit w-full flex-row items-center gap-5 px-7.5 py-6.25 font-normal leading-6 tracking-[0.03125rem]", + { + variants: { + secondary: { + true: "bg-[rgba(148,192,237,0.40)]", + false: "", + }, + }, + defaultVariants: { + secondary: false, + }, + } +) + export function CardCourseGroup({ groupName, + hasWhatsapp = true, iconWhatsApp: IconWhatsApp = FaWhatsapp, + hasTelegram = true, iconTelegram: IconTelegram = LiaTelegramPlane, + secondary = false, }: { groupName: string + hasWhatsapp?: boolean iconWhatsApp?: IconType + hasTelegram?: boolean iconTelegram?: IconType -}) { +} & VariantProps) { return ( - + {groupName} - - + {hasWhatsapp && ( + + )} + {hasTelegram && ( + + )} ) } From a07b9c9827ec461c9cfaabfa2904b843b4535380 Mon Sep 17 00:00:00 2001 From: diubi Date: Thu, 9 Apr 2026 21:18:19 +0200 Subject: [PATCH 8/9] 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 a478045..b9a2c6e 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 { CardCourseGroup } from "@/components/card-course-group" import { CardCaption } from "@/components/card-caption" +import { CardCourseGroup } from "@/components/card-course-group" import { CardIcon } from "@/components/card-icon" import { Hero } from "@/components/home/hero" From 3a6de35175b60621e236a84e661af74e6af7d55b Mon Sep 17 00:00:00 2001 From: diubi Date: Thu, 9 Apr 2026 21:33:57 +0200 Subject: [PATCH 9/9] 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 eb9209e..e6ff587 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -1,8 +1,8 @@ import { FaBookBookmark } from "react-icons/fa6" import { FiBook, FiBookOpen, FiClipboard, FiFileText, FiPenTool, FiTriangle, FiUploadCloud } from "react-icons/fi" import { CardCaption } from "@/components/card-caption" -import { CardCourseGroup } from "@/components/card-course-group" import { CardCourse } from "@/components/card-course" +import { CardCourseGroup } from "@/components/card-course-group" import { CardIcon } from "@/components/card-icon" import { CardPathSelection } from "@/components/card-path-selection" import { Hero } from "@/components/home/hero"