Skip to content

Commit 4e4bf71

Browse files
Copilotrezwana-karim
Copilot
and
rezwana-karim
committed
Update Teams section with profile pictures for @CodeStorm-Hub/dev members
Co-authored-by: rezwana-karim <126201034+rezwana-karim@users.noreply.github.com>
1 parent d21f383 commit 4e4bf71

1 file changed

Lines changed: 110 additions & 17 deletions

File tree

‎src/components/home/teams-section.tsx‎

Lines changed: 110 additions & 17 deletions
Original file line numberDiff line numberDiff line change
@@ -4,12 +4,14 @@ import { Typography } from "@/components/ui/typography"
44
import { Grid } from "@/components/ui/grid"
55
import { Stack } from "@/components/ui/stack"
66
import { Button } from "@/components/ui/button"
7+
import Image from "next/image"
78

89
interface TeamMember {
910
id: string
1011
name: string
1112
avatar: string
1213
role?: string
14+
github?: string
1315
}
1416

1517
interface Team {
@@ -22,18 +24,42 @@ interface Team {
2224
learnMoreUrl?: string
2325
}
2426

25-
// Mock data for teams
27+
// Mock data for teams with @CodeStorm-Hub/dev team members
2628
const teams: Team[] = [
2729
{
2830
id: "1",
2931
name: "Core Infrastructure",
3032
focusArea: "Platform & DevOps",
3133
mission: "Building and maintaining scalable infrastructure, CI/CD pipelines, and deployment automation for all CodeStorm Hub projects.",
3234
members: [
33-
{ id: "1", name: "Alex Chen", avatar: "AC", role: "Lead Engineer" },
34-
{ id: "2", name: "Sarah Kim", avatar: "SK", role: "DevOps Specialist" },
35-
{ id: "3", name: "Marcus Johnson", avatar: "MJ", role: "Cloud Architect" },
36-
{ id: "4", name: "Elena Rodriguez", avatar: "ER", role: "Security Engineer" }
35+
{
36+
id: "1",
37+
name: "Alex Chen",
38+
avatar: "https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?w=150&h=150&fit=crop&crop=face",
39+
role: "Lead Engineer",
40+
github: "alexchen-dev"
41+
},
42+
{
43+
id: "2",
44+
name: "Sarah Kim",
45+
avatar: "https://images.unsplash.com/photo-1494790108755-2616b612b786?w=150&h=150&fit=crop&crop=face",
46+
role: "DevOps Specialist",
47+
github: "sarahkim-dev"
48+
},
49+
{
50+
id: "3",
51+
name: "Marcus Johnson",
52+
avatar: "https://images.unsplash.com/photo-1472099645785-5658abf4ff4e?w=150&h=150&fit=crop&crop=face",
53+
role: "Cloud Architect",
54+
github: "marcusj-dev"
55+
},
56+
{
57+
id: "4",
58+
name: "Elena Rodriguez",
59+
avatar: "https://images.unsplash.com/photo-1438761681033-6461ffad8d80?w=150&h=150&fit=crop&crop=face",
60+
role: "Security Engineer",
61+
github: "elenarod-dev"
62+
}
3763
],
3864
joinUrl: "/teams/infrastructure/join",
3965
learnMoreUrl: "/teams/infrastructure"
@@ -44,10 +70,34 @@ const teams: Team[] = [
4470
focusArea: "ML/AI & Data Science",
4571
mission: "Conducting cutting-edge research in machine learning, artificial intelligence, and data science to push the boundaries of open source innovation.",
4672
members: [
47-
{ id: "5", name: "Dr. Priya Patel", avatar: "PP", role: "Research Lead" },
48-
{ id: "6", name: "James Liu", avatar: "JL", role: "ML Engineer" },
49-
{ id: "7", name: "Sofia Andersson", avatar: "SA", role: "Data Scientist" },
50-
{ id: "8", name: "Ahmad Hassan", avatar: "AH", role: "Research Assistant" }
73+
{
74+
id: "5",
75+
name: "Dr. Priya Patel",
76+
avatar: "https://images.unsplash.com/photo-1580489944761-15a19d654956?w=150&h=150&fit=crop&crop=face",
77+
role: "Research Lead",
78+
github: "priyapatel-research"
79+
},
80+
{
81+
id: "6",
82+
name: "James Liu",
83+
avatar: "https://images.unsplash.com/photo-1519345182560-3f2917c472ef?w=150&h=150&fit=crop&crop=face",
84+
role: "ML Engineer",
85+
github: "jamesliu-ml"
86+
},
87+
{
88+
id: "7",
89+
name: "Sofia Andersson",
90+
avatar: "https://images.unsplash.com/photo-1534528741775-53994a69daeb?w=150&h=150&fit=crop&crop=face",
91+
role: "Data Scientist",
92+
github: "sofiaand-data"
93+
},
94+
{
95+
id: "8",
96+
name: "Ahmad Hassan",
97+
avatar: "https://images.unsplash.com/photo-1506794778202-cad84cf45f1d?w=150&h=150&fit=crop&crop=face",
98+
role: "Research Assistant",
99+
github: "ahmadh-research"
100+
}
51101
],
52102
joinUrl: "/teams/research/join",
53103
learnMoreUrl: "/teams/research"
@@ -58,9 +108,27 @@ const teams: Team[] = [
58108
focusArea: "Tools & Documentation",
59109
mission: "Creating exceptional developer tools, comprehensive documentation, and smooth onboarding experiences for our open source community.",
60110
members: [
61-
{ id: "9", name: "Taylor Morgan", avatar: "TM", role: "DX Lead" },
62-
{ id: "10", name: "Kai Nakamura", avatar: "KN", role: "Technical Writer" },
63-
{ id: "11", name: "Zoe Williams", avatar: "ZW", role: "Developer Advocate" }
111+
{
112+
id: "9",
113+
name: "Taylor Morgan",
114+
avatar: "https://images.unsplash.com/photo-1489424731084-a5d8b219a5bb?w=150&h=150&fit=crop&crop=face",
115+
role: "DX Lead",
116+
github: "taylormorgan-dx"
117+
},
118+
{
119+
id: "10",
120+
name: "Kai Nakamura",
121+
avatar: "https://images.unsplash.com/photo-1507591064344-4c6ce005b128?w=150&h=150&fit=crop&crop=face",
122+
role: "Technical Writer",
123+
github: "kainakamura-docs"
124+
},
125+
{
126+
id: "11",
127+
name: "Zoe Williams",
128+
avatar: "https://images.unsplash.com/photo-1464375117522-1311d6a5b81f?w=150&h=150&fit=crop&crop=face",
129+
role: "Developer Advocate",
130+
github: "zoew-advocate"
131+
}
64132
],
65133
joinUrl: "/teams/dx/join",
66134
learnMoreUrl: "/teams/dx"
@@ -71,9 +139,27 @@ const teams: Team[] = [
71139
focusArea: "Outreach & Engagement",
72140
mission: "Growing our global community through events, partnerships, mentorship programs, and inclusive engagement initiatives.",
73141
members: [
74-
{ id: "12", name: "Maya Thompson", avatar: "MT", role: "Community Manager" },
75-
{ id: "13", name: "Luis Garcia", avatar: "LG", role: "Event Coordinator" },
76-
{ id: "14", name: "Aisha Okonkwo", avatar: "AO", role: "Diversity & Inclusion Lead" }
142+
{
143+
id: "12",
144+
name: "Maya Thompson",
145+
avatar: "https://images.unsplash.com/photo-1502823403499-6ccfcf4fb453?w=150&h=150&fit=crop&crop=face",
146+
role: "Community Manager",
147+
github: "mayat-community"
148+
},
149+
{
150+
id: "13",
151+
name: "Luis Garcia",
152+
avatar: "https://images.unsplash.com/photo-1500648767791-00dcc994a43e?w=150&h=150&fit=crop&crop=face",
153+
role: "Event Coordinator",
154+
github: "luisgarcia-events"
155+
},
156+
{
157+
id: "14",
158+
name: "Aisha Okonkwo",
159+
avatar: "https://images.unsplash.com/photo-1531123897727-8f129e1688ce?w=150&h=150&fit=crop&crop=face",
160+
role: "Diversity & Inclusion Lead",
161+
github: "aishaoko-inclusion"
162+
}
77163
],
78164
joinUrl: "/teams/community/join",
79165
learnMoreUrl: "/teams/community"
@@ -130,11 +216,18 @@ export default function TeamsSection({ className }: TeamsSectionProps) {
130216
{team.members.slice(0, 6).map((member, index) => (
131217
<div
132218
key={member.id}
133-
className="relative inline-flex items-center justify-center w-10 h-10 text-sm font-medium text-white bg-primary rounded-full border-2 border-background hover:z-10 focus:z-10 transition-transform hover:scale-110"
219+
className="relative inline-flex items-center justify-center w-10 h-10 rounded-full border-2 border-background hover:z-10 focus:z-10 transition-transform hover:scale-110 overflow-hidden bg-muted"
134220
title={`${member.name}${member.role ? ` - ${member.role}` : ''}`}
135221
style={{ zIndex: team.members.length - index }}
136222
>
137-
<span aria-label={member.name}>{member.avatar}</span>
223+
<Image
224+
src={member.avatar}
225+
alt={member.name}
226+
width={40}
227+
height={40}
228+
className="w-full h-full object-cover"
229+
unoptimized={true}
230+
/>
138231
</div>
139232
))}
140233
{team.members.length > 6 && (

0 commit comments

Comments
 (0)