diff --git a/client/pages/devlink/DevLinkTeams.tsx b/client/pages/devlink/DevLinkTeams.tsx new file mode 100644 index 00000000..fa513509 --- /dev/null +++ b/client/pages/devlink/DevLinkTeams.tsx @@ -0,0 +1,145 @@ +import Layout from "@/components/Layout"; +import { Button } from "@/components/ui/button"; +import { Badge } from "@/components/ui/badge"; +import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card"; +import { Users, Github, Mail, Linkedin } from "lucide-react"; +import { useNavigate } from "react-router-dom"; + +const TEAM_MEMBERS = [ + { + name: "Amanda Foster", + role: "Platform Lead", + bio: "Building the future of developer networking", + avatar: "https://api.dicebear.com/7.x/avataaars/svg?seed=Amanda", + skills: ["Platform", "Product", "Leadership"], + social: { github: "#", linkedin: "#", email: "#" }, + }, + { + name: "Chris Martinez", + role: "Community Lead", + bio: "Fostering connections between developers", + avatar: "https://api.dicebear.com/7.x/avataaars/svg?seed=Chris", + skills: ["Community", "Engagement", "Growth"], + social: { github: "#", linkedin: "#", email: "#" }, + }, + { + name: "Priya Sharma", + role: "Product Manager", + bio: "Shaping the future of Dev-Link platform", + avatar: "https://api.dicebear.com/7.x/avataaars/svg?seed=Priya", + skills: ["Product", "Strategy", "Design"], + social: { github: "#", linkedin: "#", email: "#" }, + }, + { + name: "Marcus Williams", + role: "Engineering Lead", + bio: "Building robust and scalable infrastructure", + avatar: "https://api.dicebear.com/7.x/avataaars/svg?seed=Marcus", + skills: ["Engineering", "Infrastructure", "Scaling"], + social: { github: "#", linkedin: "#", email: "#" }, + }, +]; + +export default function DevLinkTeams() { + const navigate = useNavigate(); + + return ( + +
+ {/* Animated backgrounds */} +
+
+
+
+
+ +
+ {/* Header */} +
+
+ + +
+ + + Our Team + +

+ Meet the Dev-Link Team +

+

+ Connecting Roblox developers worldwide +

+
+
+
+ + {/* Team Grid */} +
+
+
+ {TEAM_MEMBERS.map((member) => ( + + + {member.name} + {member.name} +

{member.role}

+
+ +

{member.bio}

+
+ {member.skills.map((skill) => ( + + {skill} + + ))} +
+ +
+
+ ))} +
+ + {/* Hiring Section */} +
+

Join Dev-Link

+

+ Help us build the professional network for Roblox developers +

+ +
+
+
+
+
+ + ); +} diff --git a/client/pages/foundation/FoundationTeams.tsx b/client/pages/foundation/FoundationTeams.tsx new file mode 100644 index 00000000..e441226b --- /dev/null +++ b/client/pages/foundation/FoundationTeams.tsx @@ -0,0 +1,145 @@ +import Layout from "@/components/Layout"; +import { Button } from "@/components/ui/button"; +import { Badge } from "@/components/ui/badge"; +import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card"; +import { Users, Github, Mail, Linkedin } from "lucide-react"; +import { useNavigate } from "react-router-dom"; + +const TEAM_MEMBERS = [ + { + name: "Elena Rodriguez", + role: "Executive Director", + bio: "Leading open-source initiatives and education", + avatar: "https://api.dicebear.com/7.x/avataaars/svg?seed=Elena", + skills: ["Leadership", "Education", "Community"], + social: { github: "#", linkedin: "#", email: "#" }, + }, + { + name: "Michael Chen", + role: "Education Lead", + bio: "Developing curriculum and learning resources", + avatar: "https://api.dicebear.com/7.x/avataaars/svg?seed=Michael", + skills: ["Education", "Curriculum", "Training"], + social: { github: "#", linkedin: "#", email: "#" }, + }, + { + name: "Sarah Johnson", + role: "Community Manager", + bio: "Building and nurturing our communities", + avatar: "https://api.dicebear.com/7.x/avataaars/svg?seed=Sarah", + skills: ["Community", "Engagement", "Relations"], + social: { github: "#", linkedin: "#", email: "#" }, + }, + { + name: "James Park", + role: "Open Source Lead", + bio: "Maintaining and growing open-source projects", + avatar: "https://api.dicebear.com/7.x/avataaars/svg?seed=James", + skills: ["Open Source", "Development", "Governance"], + social: { github: "#", linkedin: "#", email: "#" }, + }, +]; + +export default function FoundationTeams() { + const navigate = useNavigate(); + + return ( + +
+ {/* Animated backgrounds */} +
+
+
+
+
+ +
+ {/* Header */} +
+
+ + +
+ + + Our Team + +

+ Meet the Foundation Team +

+

+ Dedicated to open source and community education +

+
+
+
+ + {/* Team Grid */} +
+
+
+ {TEAM_MEMBERS.map((member) => ( + + + {member.name} + {member.name} +

{member.role}

+
+ +

{member.bio}

+
+ {member.skills.map((skill) => ( + + {skill} + + ))} +
+ +
+
+ ))} +
+ + {/* Hiring Section */} +
+

Join the Foundation

+

+ Help us empower developers and build amazing open-source software +

+ +
+
+
+
+
+ + ); +}