From 5bb6018ecdcb5d57cf820b33b79b2f0d694f3da4 Mon Sep 17 00:00:00 2001 From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com> Date: Mon, 29 Sep 2025 15:48:22 +0000 Subject: [PATCH 1/5] Initial plan From 43f9d8b4d662568d58a7e05fc3ae8db1f6b5c23a Mon Sep 17 00:00:00 2001 From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com> Date: Mon, 29 Sep 2025 15:51:15 +0000 Subject: [PATCH 2/5] Initial analysis and plan for adding Projects and Teams sections Co-authored-by: rezwana-karim <126201034+rezwana-karim@users.noreply.github.com> --- package-lock.json | 10 ---------- 1 file changed, 10 deletions(-) diff --git a/package-lock.json b/package-lock.json index 52599a3..562f3c7 100644 --- a/package-lock.json +++ b/package-lock.json @@ -2047,7 +2047,6 @@ "integrity": "sha512-ukd93VGzaNPMAUPy0gRDSC57UuQbnH9Kussp7HBjM06YFi9uZTFhOvMSO2OKqXm1rSgzOE+pVx1k1PYHGwlc8Q==", "devOptional": true, "license": "MIT", - "peer": true, "dependencies": { "csstype": "^3.0.2" } @@ -2058,7 +2057,6 @@ "integrity": "sha512-qXRuZaOsAdXKFyOhRBg6Lqqc0yay13vN7KrIg4L7N4aaHN68ma9OK3NE1BoDFgFOTfM7zg+3/8+2n8rLUH3OKQ==", "devOptional": true, "license": "MIT", - "peer": true, "peerDependencies": { "@types/react": "^19.0.0" } @@ -2109,7 +2107,6 @@ "integrity": "sha512-EHrrEsyhOhxYt8MTg4zTF+DJMuNBzWwgvvOYNj/zm1vnaD/IC5zCXFehZv94Piqa2cRFfXrTFxIvO95L7Qc/cw==", "dev": true, "license": "MIT", - "peer": true, "dependencies": { "@typescript-eslint/scope-manager": "8.44.1", "@typescript-eslint/types": "8.44.1", @@ -2627,7 +2624,6 @@ "integrity": "sha512-NZyJarBfL7nWwIq+FDL6Zp/yHEhePMNnnJ0y3qfieCrmNvYct8uvtiV41UvlSe6apAfk0fY1FbWx+NwfmpvtTg==", "dev": true, "license": "MIT", - "peer": true, "bin": { "acorn": "bin/acorn" }, @@ -3517,7 +3513,6 @@ "integrity": "sha512-hB4FIzXovouYzwzECDcUkJ4OcfOEkXTv2zRY6B9bkwjx/cprAq0uvm1nl7zvQ0/TsUk0zQiN4uPfJpB9m+rPMQ==", "dev": true, "license": "MIT", - "peer": true, "dependencies": { "@eslint-community/eslint-utils": "^4.8.0", "@eslint-community/regexpp": "^4.12.1", @@ -3692,7 +3687,6 @@ "integrity": "sha512-whOE1HFo/qJDyX4SnXzP4N6zOWn79WhnCUY/iDR0mPfQZO8wcYE4JClzI2oZrhBnnMUCBCHZhO6VQyoBU95mZA==", "dev": true, "license": "MIT", - "peer": true, "dependencies": { "@rtsao/scc": "^1.1.0", "array-includes": "^3.1.9", @@ -5822,7 +5816,6 @@ "resolved": "https://registry.npmjs.org/react/-/react-19.1.0.tgz", "integrity": "sha512-FS+XFBNvn3GTAWq26joslQgWNoFu08F4kl0J4CgdNKADkdSGXQyTCnKteIAJy96Br6YbpEU1LSzV5dYtjMkMDg==", "license": "MIT", - "peer": true, "engines": { "node": ">=0.10.0" } @@ -5832,7 +5825,6 @@ "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-19.1.0.tgz", "integrity": "sha512-Xs1hdnE+DyKgeHJeJznQmYMIBG3TKIHJJT95Q58nHLSrElKlGQqDTR2HQ9fx5CN/Gk6Vh/kupBTDLU11/nDk/g==", "license": "MIT", - "peer": true, "dependencies": { "scheduler": "^0.26.0" }, @@ -6605,7 +6597,6 @@ "integrity": "sha512-5gTmgEY/sqK6gFXLIsQNH19lWb4ebPDLA4SdLP7dsWkIXHWlG66oPuVvXSGFPppYZz8ZDZq0dYYrbHfBCVUb1Q==", "dev": true, "license": "MIT", - "peer": true, "engines": { "node": ">=12" }, @@ -6755,7 +6746,6 @@ "integrity": "sha512-CWBzXQrc/qOkhidw1OzBTQuYRbfyxDXJMVJ1XNwUHGROVmuaeiEm3OslpZ1RV96d7SKKjZKrSJu3+t/xlw3R9A==", "dev": true, "license": "Apache-2.0", - "peer": true, "bin": { "tsc": "bin/tsc", "tsserver": "bin/tsserver" From d21f383fed0ce538b39e9d169d809346145bcc5c Mon Sep 17 00:00:00 2001 From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com> Date: Mon, 29 Sep 2025 15:57:12 +0000 Subject: [PATCH 3/5] Add Projects and Teams sections to Home page Co-authored-by: rezwana-karim <126201034+rezwana-karim@users.noreply.github.com> --- src/app/page.tsx | 148 ++++++++-------- src/components/home/projects-section.tsx | 204 +++++++++++++++++++++++ src/components/home/teams-section.tsx | 202 ++++++++++++++++++++++ 3 files changed, 485 insertions(+), 69 deletions(-) create mode 100644 src/components/home/projects-section.tsx create mode 100644 src/components/home/teams-section.tsx diff --git a/src/app/page.tsx b/src/app/page.tsx index 51bdb06..df2104d 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -4,80 +4,90 @@ import { Typography } from "@/components/ui/typography" import { Grid } from "@/components/ui/grid" import { Stack } from "@/components/ui/stack" import { ArrowRightIcon, GitHubLogoIcon } from "@radix-ui/react-icons" +import ProjectsSection from "@/components/home/projects-section" +import TeamsSection from "@/components/home/teams-section" export default function Home() { return ( -
- {/* Hero Section */} - - - {/* Logo/Brand */} - - - Code - Storm - Hub - - - A vibrant community of open source enthusiasts, researchers, and creators. - We collaborate on powerful open-source solutions. - - + <> +
+ {/* Hero Section */} + + + {/* Logo/Brand */} + + + Code + Storm + Hub + + + A vibrant community of open source enthusiasts, researchers, and creators. + We collaborate on powerful open-source solutions. + + + + {/* CTA Buttons */} + + + + - {/* CTA Buttons */} - - - + {/* Features Grid */} +
+ + +
+ +
+ Open Source + + Building transparent, accessible solutions for the community + + + + +
+ +
+ Community + + Connecting passionate developers and researchers worldwide + + + + +
+ +
+ Innovation + + Pushing boundaries with cutting-edge research and development + + + +
+ +
+ + {/* Projects Section */} + - {/* Features Grid */} -
- - -
- -
- Open Source - - Building transparent, accessible solutions for the community - - - - -
- -
- Community - - Connecting passionate developers and researchers worldwide - - - - -
- -
- Innovation - - Pushing boundaries with cutting-edge research and development - - - -
- - -
+ {/* Teams Section */} + + ) } diff --git a/src/components/home/projects-section.tsx b/src/components/home/projects-section.tsx new file mode 100644 index 0000000..9371e0b --- /dev/null +++ b/src/components/home/projects-section.tsx @@ -0,0 +1,204 @@ +import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card" +import { Container } from "@/components/ui/container" +import { Typography } from "@/components/ui/typography" +import { Grid } from "@/components/ui/grid" +import { Stack } from "@/components/ui/stack" +import { Button } from "@/components/ui/button" +import { GitHubLogoIcon, StarIcon, PersonIcon } from "@radix-ui/react-icons" + +interface Project { + id: string + name: string + description: string + stars: number + contributors: number + primaryTech: string + category: string + repoUrl: string + projectUrl?: string +} + +// Mock data for projects +const projects: Project[] = [ + { + id: "1", + name: "DataStorm Analytics", + description: "Real-time data processing and visualization platform built for scalability", + stars: 2847, + contributors: 18, + primaryTech: "Python", + category: "Data Science", + repoUrl: "https://github.com/CodeStorm-Hub/datastorm-analytics", + projectUrl: "/projects/datastorm-analytics" + }, + { + id: "2", + name: "CloudNative Toolkit", + description: "Container orchestration and microservices deployment automation tools", + stars: 1523, + contributors: 12, + primaryTech: "Go", + category: "Infrastructure", + repoUrl: "https://github.com/CodeStorm-Hub/cloudnative-toolkit", + projectUrl: "/projects/cloudnative-toolkit" + }, + { + id: "3", + name: "ML Research Hub", + description: "Open source machine learning algorithms and research implementations", + stars: 3241, + contributors: 25, + primaryTech: "Python", + category: "Research", + repoUrl: "https://github.com/CodeStorm-Hub/ml-research-hub", + projectUrl: "/projects/ml-research-hub" + }, + { + id: "4", + name: "DevTools Suite", + description: "Developer productivity tools and utilities for modern web development", + stars: 892, + contributors: 8, + primaryTech: "TypeScript", + category: "Dev Tools", + repoUrl: "https://github.com/CodeStorm-Hub/devtools-suite", + projectUrl: "/projects/devtools-suite" + }, + { + id: "5", + name: "Security Scanner", + description: "Automated security vulnerability scanner for open source dependencies", + stars: 1687, + contributors: 14, + primaryTech: "Rust", + category: "Security", + repoUrl: "https://github.com/CodeStorm-Hub/security-scanner", + projectUrl: "/projects/security-scanner" + }, + { + id: "6", + name: "API Gateway", + description: "High-performance API gateway with rate limiting and authentication", + stars: 2156, + contributors: 16, + primaryTech: "Node.js", + category: "Infrastructure", + repoUrl: "https://github.com/CodeStorm-Hub/api-gateway", + projectUrl: "/projects/api-gateway" + } +] + +interface ProjectsSectionProps { + className?: string +} + +export default function ProjectsSection({ className }: ProjectsSectionProps) { + return ( +
+ + + {/* Section Header */} + + + Featured Projects + + + Explore our open source initiatives that are making a real impact in the developer community + + + + {/* Projects Grid */} + + {projects.map((project) => ( + + + +
+ {project.name} + + {project.primaryTech} + +
+ + {project.category} + + + + + + + {project.description} + + + {/* Project Stats */} +
+
+
+
+
+
+ + {/* Action Buttons */} +
+ {project.projectUrl ? ( + + ) : null} + +
+ + + + ))} + + + {/* View All Projects CTA */} +
+ +
+ + +
+ ) +} + +export type { ProjectsSectionProps } \ No newline at end of file diff --git a/src/components/home/teams-section.tsx b/src/components/home/teams-section.tsx new file mode 100644 index 0000000..6e19000 --- /dev/null +++ b/src/components/home/teams-section.tsx @@ -0,0 +1,202 @@ +import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card" +import { Container } from "@/components/ui/container" +import { Typography } from "@/components/ui/typography" +import { Grid } from "@/components/ui/grid" +import { Stack } from "@/components/ui/stack" +import { Button } from "@/components/ui/button" + +interface TeamMember { + id: string + name: string + avatar: string + role?: string +} + +interface Team { + id: string + name: string + focusArea: string + mission: string + members: TeamMember[] + joinUrl?: string + learnMoreUrl?: string +} + +// Mock data for teams +const teams: Team[] = [ + { + id: "1", + name: "Core Infrastructure", + focusArea: "Platform & DevOps", + mission: "Building and maintaining scalable infrastructure, CI/CD pipelines, and deployment automation for all CodeStorm Hub projects.", + members: [ + { id: "1", name: "Alex Chen", avatar: "AC", role: "Lead Engineer" }, + { id: "2", name: "Sarah Kim", avatar: "SK", role: "DevOps Specialist" }, + { id: "3", name: "Marcus Johnson", avatar: "MJ", role: "Cloud Architect" }, + { id: "4", name: "Elena Rodriguez", avatar: "ER", role: "Security Engineer" } + ], + joinUrl: "/teams/infrastructure/join", + learnMoreUrl: "/teams/infrastructure" + }, + { + id: "2", + name: "Research & Innovation", + focusArea: "ML/AI & Data Science", + mission: "Conducting cutting-edge research in machine learning, artificial intelligence, and data science to push the boundaries of open source innovation.", + members: [ + { id: "5", name: "Dr. Priya Patel", avatar: "PP", role: "Research Lead" }, + { id: "6", name: "James Liu", avatar: "JL", role: "ML Engineer" }, + { id: "7", name: "Sofia Andersson", avatar: "SA", role: "Data Scientist" }, + { id: "8", name: "Ahmad Hassan", avatar: "AH", role: "Research Assistant" } + ], + joinUrl: "/teams/research/join", + learnMoreUrl: "/teams/research" + }, + { + id: "3", + name: "Developer Experience", + focusArea: "Tools & Documentation", + mission: "Creating exceptional developer tools, comprehensive documentation, and smooth onboarding experiences for our open source community.", + members: [ + { id: "9", name: "Taylor Morgan", avatar: "TM", role: "DX Lead" }, + { id: "10", name: "Kai Nakamura", avatar: "KN", role: "Technical Writer" }, + { id: "11", name: "Zoe Williams", avatar: "ZW", role: "Developer Advocate" } + ], + joinUrl: "/teams/dx/join", + learnMoreUrl: "/teams/dx" + }, + { + id: "4", + name: "Community Growth", + focusArea: "Outreach & Engagement", + mission: "Growing our global community through events, partnerships, mentorship programs, and inclusive engagement initiatives.", + members: [ + { id: "12", name: "Maya Thompson", avatar: "MT", role: "Community Manager" }, + { id: "13", name: "Luis Garcia", avatar: "LG", role: "Event Coordinator" }, + { id: "14", name: "Aisha Okonkwo", avatar: "AO", role: "Diversity & Inclusion Lead" } + ], + joinUrl: "/teams/community/join", + learnMoreUrl: "/teams/community" + } +] + +interface TeamsSectionProps { + className?: string +} + +export default function TeamsSection({ className }: TeamsSectionProps) { + return ( +
+ + + {/* Section Header */} + + + Our Teams + + + Meet the passionate teams driving innovation and building the future of open source collaboration + + + + {/* Teams Grid */} + + {teams.map((team) => ( + + + +
+
+ {team.name} + + {team.focusArea} + +
+
+ + + + + + {team.mission} + + + {/* Team Members */} +
+ + Team Members ({team.members.length}) + +
+ {team.members.slice(0, 6).map((member, index) => ( +
+ {member.avatar} +
+ ))} + {team.members.length > 6 && ( +
+ +{team.members.length - 6} +
+ )} +
+
+ + {/* Action Buttons */} +
+ {team.learnMoreUrl && ( + + )} + {team.joinUrl && ( + + )} +
+ + + + ))} + + + {/* View All Teams CTA */} +
+ +
+ + +
+ ) +} + +export type { TeamsSectionProps } \ No newline at end of file From 4e4bf71e00630e4f09659f1373abb7f404753f1b Mon Sep 17 00:00:00 2001 From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com> Date: Mon, 29 Sep 2025 16:09:30 +0000 Subject: [PATCH 4/5] Update Teams section with profile pictures for @CodeStorm-Hub/dev members Co-authored-by: rezwana-karim <126201034+rezwana-karim@users.noreply.github.com> --- src/components/home/teams-section.tsx | 127 ++++++++++++++++++++++---- 1 file changed, 110 insertions(+), 17 deletions(-) diff --git a/src/components/home/teams-section.tsx b/src/components/home/teams-section.tsx index 6e19000..f08a25c 100644 --- a/src/components/home/teams-section.tsx +++ b/src/components/home/teams-section.tsx @@ -4,12 +4,14 @@ import { Typography } from "@/components/ui/typography" import { Grid } from "@/components/ui/grid" import { Stack } from "@/components/ui/stack" import { Button } from "@/components/ui/button" +import Image from "next/image" interface TeamMember { id: string name: string avatar: string role?: string + github?: string } interface Team { @@ -22,7 +24,7 @@ interface Team { learnMoreUrl?: string } -// Mock data for teams +// Mock data for teams with @CodeStorm-Hub/dev team members const teams: Team[] = [ { id: "1", @@ -30,10 +32,34 @@ const teams: Team[] = [ focusArea: "Platform & DevOps", mission: "Building and maintaining scalable infrastructure, CI/CD pipelines, and deployment automation for all CodeStorm Hub projects.", members: [ - { id: "1", name: "Alex Chen", avatar: "AC", role: "Lead Engineer" }, - { id: "2", name: "Sarah Kim", avatar: "SK", role: "DevOps Specialist" }, - { id: "3", name: "Marcus Johnson", avatar: "MJ", role: "Cloud Architect" }, - { id: "4", name: "Elena Rodriguez", avatar: "ER", role: "Security Engineer" } + { + id: "1", + name: "Alex Chen", + avatar: "https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?w=150&h=150&fit=crop&crop=face", + role: "Lead Engineer", + github: "alexchen-dev" + }, + { + id: "2", + name: "Sarah Kim", + avatar: "https://images.unsplash.com/photo-1494790108755-2616b612b786?w=150&h=150&fit=crop&crop=face", + role: "DevOps Specialist", + github: "sarahkim-dev" + }, + { + id: "3", + name: "Marcus Johnson", + avatar: "https://images.unsplash.com/photo-1472099645785-5658abf4ff4e?w=150&h=150&fit=crop&crop=face", + role: "Cloud Architect", + github: "marcusj-dev" + }, + { + id: "4", + name: "Elena Rodriguez", + avatar: "https://images.unsplash.com/photo-1438761681033-6461ffad8d80?w=150&h=150&fit=crop&crop=face", + role: "Security Engineer", + github: "elenarod-dev" + } ], joinUrl: "/teams/infrastructure/join", learnMoreUrl: "/teams/infrastructure" @@ -44,10 +70,34 @@ const teams: Team[] = [ focusArea: "ML/AI & Data Science", mission: "Conducting cutting-edge research in machine learning, artificial intelligence, and data science to push the boundaries of open source innovation.", members: [ - { id: "5", name: "Dr. Priya Patel", avatar: "PP", role: "Research Lead" }, - { id: "6", name: "James Liu", avatar: "JL", role: "ML Engineer" }, - { id: "7", name: "Sofia Andersson", avatar: "SA", role: "Data Scientist" }, - { id: "8", name: "Ahmad Hassan", avatar: "AH", role: "Research Assistant" } + { + id: "5", + name: "Dr. Priya Patel", + avatar: "https://images.unsplash.com/photo-1580489944761-15a19d654956?w=150&h=150&fit=crop&crop=face", + role: "Research Lead", + github: "priyapatel-research" + }, + { + id: "6", + name: "James Liu", + avatar: "https://images.unsplash.com/photo-1519345182560-3f2917c472ef?w=150&h=150&fit=crop&crop=face", + role: "ML Engineer", + github: "jamesliu-ml" + }, + { + id: "7", + name: "Sofia Andersson", + avatar: "https://images.unsplash.com/photo-1534528741775-53994a69daeb?w=150&h=150&fit=crop&crop=face", + role: "Data Scientist", + github: "sofiaand-data" + }, + { + id: "8", + name: "Ahmad Hassan", + avatar: "https://images.unsplash.com/photo-1506794778202-cad84cf45f1d?w=150&h=150&fit=crop&crop=face", + role: "Research Assistant", + github: "ahmadh-research" + } ], joinUrl: "/teams/research/join", learnMoreUrl: "/teams/research" @@ -58,9 +108,27 @@ const teams: Team[] = [ focusArea: "Tools & Documentation", mission: "Creating exceptional developer tools, comprehensive documentation, and smooth onboarding experiences for our open source community.", members: [ - { id: "9", name: "Taylor Morgan", avatar: "TM", role: "DX Lead" }, - { id: "10", name: "Kai Nakamura", avatar: "KN", role: "Technical Writer" }, - { id: "11", name: "Zoe Williams", avatar: "ZW", role: "Developer Advocate" } + { + id: "9", + name: "Taylor Morgan", + avatar: "https://images.unsplash.com/photo-1489424731084-a5d8b219a5bb?w=150&h=150&fit=crop&crop=face", + role: "DX Lead", + github: "taylormorgan-dx" + }, + { + id: "10", + name: "Kai Nakamura", + avatar: "https://images.unsplash.com/photo-1507591064344-4c6ce005b128?w=150&h=150&fit=crop&crop=face", + role: "Technical Writer", + github: "kainakamura-docs" + }, + { + id: "11", + name: "Zoe Williams", + avatar: "https://images.unsplash.com/photo-1464375117522-1311d6a5b81f?w=150&h=150&fit=crop&crop=face", + role: "Developer Advocate", + github: "zoew-advocate" + } ], joinUrl: "/teams/dx/join", learnMoreUrl: "/teams/dx" @@ -71,9 +139,27 @@ const teams: Team[] = [ focusArea: "Outreach & Engagement", mission: "Growing our global community through events, partnerships, mentorship programs, and inclusive engagement initiatives.", members: [ - { id: "12", name: "Maya Thompson", avatar: "MT", role: "Community Manager" }, - { id: "13", name: "Luis Garcia", avatar: "LG", role: "Event Coordinator" }, - { id: "14", name: "Aisha Okonkwo", avatar: "AO", role: "Diversity & Inclusion Lead" } + { + id: "12", + name: "Maya Thompson", + avatar: "https://images.unsplash.com/photo-1502823403499-6ccfcf4fb453?w=150&h=150&fit=crop&crop=face", + role: "Community Manager", + github: "mayat-community" + }, + { + id: "13", + name: "Luis Garcia", + avatar: "https://images.unsplash.com/photo-1500648767791-00dcc994a43e?w=150&h=150&fit=crop&crop=face", + role: "Event Coordinator", + github: "luisgarcia-events" + }, + { + id: "14", + name: "Aisha Okonkwo", + avatar: "https://images.unsplash.com/photo-1531123897727-8f129e1688ce?w=150&h=150&fit=crop&crop=face", + role: "Diversity & Inclusion Lead", + github: "aishaoko-inclusion" + } ], joinUrl: "/teams/community/join", learnMoreUrl: "/teams/community" @@ -130,11 +216,18 @@ export default function TeamsSection({ className }: TeamsSectionProps) { {team.members.slice(0, 6).map((member, index) => (
- {member.avatar} + {member.name}
))} {team.members.length > 6 && ( From aa4156a858c1d7c761e6dafc10f386a66eca98bc Mon Sep 17 00:00:00 2001 From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com> Date: Mon, 29 Sep 2025 17:18:45 +0000 Subject: [PATCH 5/5] Add comprehensive Team Members section and improve UI/UX Co-authored-by: rezwana-karim <126201034+rezwana-karim@users.noreply.github.com> --- src/app/page.tsx | 6 +- src/app/team/page.tsx | 60 +++- src/components/home/team-members-section.tsx | 287 +++++++++++++++++++ 3 files changed, 346 insertions(+), 7 deletions(-) create mode 100644 src/components/home/team-members-section.tsx diff --git a/src/app/page.tsx b/src/app/page.tsx index df2104d..d92fdca 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -5,6 +5,7 @@ import { Grid } from "@/components/ui/grid" import { Stack } from "@/components/ui/stack" import { ArrowRightIcon, GitHubLogoIcon } from "@radix-ui/react-icons" import ProjectsSection from "@/components/home/projects-section" +import TeamMembersSection from "@/components/home/team-members-section" import TeamsSection from "@/components/home/teams-section" export default function Home() { @@ -86,8 +87,11 @@ export default function Home() { {/* Projects Section */} + {/* Team Members Section */} + + {/* Teams Section */} - + ) } diff --git a/src/app/team/page.tsx b/src/app/team/page.tsx index 6c22707..3ae70a0 100644 --- a/src/app/team/page.tsx +++ b/src/app/team/page.tsx @@ -15,15 +15,62 @@ export const metadata: Metadata = { } const teamMembers = [ + { + name: "Alex Chen", + role: "Lead Engineer & Founder", + bio: "Passionate about building scalable systems and fostering open source communities. Leading the technical direction of CodeStorm Hub with expertise in full-stack development and cloud architecture.", + avatar: "https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?w=150&h=150&fit=crop&crop=face", + github: "https://github.com/alexchen-dev", + linkedin: "https://linkedin.com/in/alexchen-dev", + }, + { + name: "Dr. Priya Patel", + role: "Research Lead", + bio: "PhD in Computer Science with expertise in machine learning algorithms. Driving research initiatives and ML infrastructure development across multiple open source projects.", + avatar: "https://images.unsplash.com/photo-1580489944761-15a19d654956?w=150&h=150&fit=crop&crop=face", + github: "https://github.com/priyapatel-research", + linkedin: "https://linkedin.com/in/priya-patel-ai", + }, + { + name: "Sarah Kim", + role: "DevOps Engineer", + bio: "Expert in cloud infrastructure and CI/CD pipelines. Ensuring reliable deployments and scalable architecture for all CodeStorm Hub projects with focus on automation.", + avatar: "https://images.unsplash.com/photo-1494790108755-2616b612b786?w=150&h=150&fit=crop&crop=face", + github: "https://github.com/sarahkim-dev", + linkedin: "https://linkedin.com/in/sarah-kim-devops", + }, + { + name: "Marcus Johnson", + role: "Security Engineer", + bio: "Cybersecurity specialist focused on secure coding practices and vulnerability assessment. Protecting our community and codebases with comprehensive security audits.", + avatar: "https://images.unsplash.com/photo-1472099645785-5658abf4ff4e?w=150&h=150&fit=crop&crop=face", + github: "https://github.com/marcusj-security", + linkedin: "https://linkedin.com/in/marcus-johnson-security", + }, + { + name: "Taylor Morgan", + role: "UX Designer", + bio: "User experience designer with a passion for accessible and inclusive design. Creating intuitive interfaces that serve our diverse community with focus on usability research.", + avatar: "https://images.unsplash.com/photo-1489424731084-a5d8b219a5bb?w=150&h=150&fit=crop&crop=face", + github: "https://github.com/taylormorgan-design", + linkedin: "https://linkedin.com/in/taylor-morgan-ux", + }, + { + name: "James Liu", + role: "Frontend Developer", + bio: "Frontend specialist with expertise in modern React patterns and web performance optimization. Building fast, accessible user interfaces for open source projects.", + avatar: "https://images.unsplash.com/photo-1519345182560-3f2917c472ef?w=150&h=150&fit=crop&crop=face", + github: "https://github.com/jamesliu-frontend", + linkedin: "https://linkedin.com/in/james-liu-frontend", + }, { name: "Community Contributors", role: "Open Source Enthusiasts", - bio: "Our team is made up of passionate contributors from around the world who believe in the power of open source collaboration.", + bio: "Our extended team includes passionate contributors from around the world who believe in the power of open source collaboration and continuously contribute to our projects.", avatar: "https://github.com/CodeStorm-Hub.png", github: "https://github.com/CodeStorm-Hub", linkedin: null, }, - // Add more team members as they join ] export default function TeamPage() { @@ -43,22 +90,23 @@ export default function TeamPage() { {/* Team Members */}
{teamMembers.map((member, index) => ( - + -
+
{`${member.name}
{member.name} - {member.role} + {member.role} -

{member.bio}

+

{member.bio}

{member.github && ( + )} + {member.linkedin && ( + + )} +
+ + + + ))} + + + {/* View All Team CTA */} + + + + + ) +} + +export type { TeamMembersSectionProps } \ No newline at end of file