From 254b5ec86a0aa617b1c25cc7e56bde965380c0ca Mon Sep 17 00:00:00 2001 From: Bianca Date: Thu, 9 Apr 2026 16:18:21 +0200 Subject: [PATCH 1/4] feat: add CardMultipleIcons component for displaying multiple icons --- src/app/page.tsx | 28 +++++++++++++++++++- src/components/card-multiple-icons/index.tsx | 28 ++++++++++++++++++++ src/components/card-multiple-icons/types.ts | 6 +++++ 3 files changed, 61 insertions(+), 1 deletion(-) create mode 100644 src/components/card-multiple-icons/index.tsx create mode 100644 src/components/card-multiple-icons/types.ts diff --git a/src/app/page.tsx b/src/app/page.tsx index 62c7213..9b4686c 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -1,5 +1,19 @@ -import { FiBook, FiBookOpen, FiClipboard, FiFileText, FiPenTool, FiTriangle, FiUploadCloud } from "react-icons/fi" +import { + FiBook, + FiBookOpen, + FiClipboard, + FiFacebook, + FiFileText, + FiGithub, + FiInstagram, + FiLinkedin, + FiPenTool, + FiTriangle, + FiUploadCloud, +} from "react-icons/fi" +import { LiaDiscord, LiaTelegram } from "react-icons/lia" import { CardIcon } from "@/components/card-icon" +import { CardMultipleIcons } from "@/components/card-multiple-icons" import { Hero } from "@/components/home/hero" const schoolCards = [ @@ -35,6 +49,18 @@ export default function Home() { return (
+
+ , + , + , + , + , + , + ]} + /> +
diff --git a/src/components/card-multiple-icons/index.tsx b/src/components/card-multiple-icons/index.tsx new file mode 100644 index 0000000..aab87cf --- /dev/null +++ b/src/components/card-multiple-icons/index.tsx @@ -0,0 +1,28 @@ +import * as React from "react" +import { Glass } from "@/components/glass" +import { cn } from "@/lib/utils" +import type { CardMultipleIconsProps } from "./types" + +export function CardMultipleIcons({ icons, className }: CardMultipleIconsProps) { + const iconItems = React.Children.toArray(icons) + + return ( + +
+ {iconItems.map((icon) => ( + + {icon} + + ))} +
+ + ) +} diff --git a/src/components/card-multiple-icons/types.ts b/src/components/card-multiple-icons/types.ts new file mode 100644 index 0000000..e8a12ff --- /dev/null +++ b/src/components/card-multiple-icons/types.ts @@ -0,0 +1,6 @@ +import type * as React from "react" + +export type CardMultipleIconsProps = { + icons: React.ReactNode[] + className?: string +} From 211df4cda616325c0784f205f9f4db3f72d5add8 Mon Sep 17 00:00:00 2001 From: Bianca Date: Thu, 9 Apr 2026 16:48:35 +0200 Subject: [PATCH 2/4] fix: correct border radius style in CardMultipleIcons component --- src/components/card-multiple-icons/index.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/components/card-multiple-icons/index.tsx b/src/components/card-multiple-icons/index.tsx index aab87cf..b2d60d8 100644 --- a/src/components/card-multiple-icons/index.tsx +++ b/src/components/card-multiple-icons/index.tsx @@ -9,7 +9,7 @@ export function CardMultipleIcons({ icons, className }: CardMultipleIconsProps) return ( From 4bb96fb5294725d03158d5291c414aa949a7408a Mon Sep 17 00:00:00 2001 From: Bianca Date: Thu, 9 Apr 2026 22:27:06 +0200 Subject: [PATCH 3/4] feat: add SVG icons for Discord and Telegram in assets --- src/app/page.tsx | 8 +++++--- src/assets/icons/discord.svg | 5 +++++ src/assets/icons/telegram.svg | 3 +++ 3 files changed, 13 insertions(+), 3 deletions(-) create mode 100644 src/assets/icons/discord.svg create mode 100644 src/assets/icons/telegram.svg diff --git a/src/app/page.tsx b/src/app/page.tsx index 9b4686c..b9221af 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -1,3 +1,4 @@ +import Image from "next/image" import { FiBook, FiBookOpen, @@ -11,7 +12,8 @@ import { FiTriangle, FiUploadCloud, } from "react-icons/fi" -import { LiaDiscord, LiaTelegram } from "react-icons/lia" +import discord from "@/assets/icons/discord.svg" +import telegram from "@/assets/icons/telegram.svg" import { CardIcon } from "@/components/card-icon" import { CardMultipleIcons } from "@/components/card-multiple-icons" import { Hero } from "@/components/home/hero" @@ -52,11 +54,11 @@ export default function Home() {
, + Telegram, , , , - , + Discord, , ]} /> diff --git a/src/assets/icons/discord.svg b/src/assets/icons/discord.svg new file mode 100644 index 0000000..4ca8133 --- /dev/null +++ b/src/assets/icons/discord.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/src/assets/icons/telegram.svg b/src/assets/icons/telegram.svg new file mode 100644 index 0000000..b2516ca --- /dev/null +++ b/src/assets/icons/telegram.svg @@ -0,0 +1,3 @@ + + + From 828ef949bf91879a4ba00db9091d32b67224b314 Mon Sep 17 00:00:00 2001 From: Bianca Date: Thu, 9 Apr 2026 23:15:02 +0200 Subject: [PATCH 4/4] refactor: biome --- src/app/page.tsx | 7 +------ 1 file changed, 1 insertion(+), 6 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index 1fe01f9..ac8f20d 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -1,10 +1,5 @@ import Image from "next/image" -import { - FiFacebook, - FiGithub, - FiInstagram, - FiLinkedin, -} from "react-icons/fi" +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"