diff --git a/app/(root)/about/components/DeveloperCard.tsx b/app/(root)/about/components/DeveloperCard.tsx
index f49ace8..a90d07c 100644
--- a/app/(root)/about/components/DeveloperCard.tsx
+++ b/app/(root)/about/components/DeveloperCard.tsx
@@ -2,7 +2,7 @@ import { Avatar, Badge, Button, Group, Stack, Text, Title } from '@mantine/core'
interface DeveloperCardProps {
name: string;
- badge: string;
+ badges?: string[];
description: string;
links: { name: string; url: string }[];
logo: string;
@@ -10,7 +10,7 @@ interface DeveloperCardProps {
export default function DeveloperCard({
name,
- badge,
+ badges = [], // Provide a default empty array if badges is undefined
description,
links,
logo,
@@ -20,7 +20,11 @@ export default function DeveloperCard({
{name}
- {badge}
+
+ {badges.map((badge, idx) => (
+ {badge}
+ ))}
+
{description}
{links.map((link, idx) => (
diff --git a/app/(root)/about/data/data.json b/app/(root)/about/data/data.json
index 3ee05f4..75c8bc3 100644
--- a/app/(root)/about/data/data.json
+++ b/app/(root)/about/data/data.json
@@ -1,7 +1,7 @@
[
{
"name": "zrll_",
- "badge": "Full Stack Developer",
+ "badges": ["Full Stack Developer", "Mentor"],
"description": "John is a full stack developer with 10 years of experience.",
"links": [
{
@@ -17,7 +17,7 @@
},
{
"name": "Jane Smith",
- "badge": "Frontend Developer",
+ "badges": ["Frontend Developer", "UI/UX Designer"],
"description": "Jane is a skilled frontend developer with a focus on user experience.",
"links": [
{