import Layout from "@/components/Layout"; import { Button } from "@/components/ui/button"; import { Badge } from "@/components/ui/badge"; import { Card, CardContent } from "@/components/ui/card"; import { Calendar, Users, Zap, Heart, ArrowRight } from "lucide-react"; import { useNavigate } from "react-router-dom"; export default function FoundationGetInvolved() { const navigate = useNavigate(); const events = [ { title: "Weekly Game Dev Workshop", date: "Every Saturday, 10 AM", attendees: "150+/week", level: "Beginner", description: "Interactive sessions on game development fundamentals", }, { title: "Roblox Developer Meetup", date: "1st Thursday, 7 PM", attendees: "50+/month", level: "All Levels", description: "Connect with other Roblox developers in your area", }, { title: "Advanced Architecture Conference", date: "Monthly", attendees: "200+", level: "Advanced", description: "Deep dive into scalable game architecture", }, { title: "Game Jam Challenge", date: "Quarterly", attendees: "500+", level: "All Levels", description: "Build a game in 48 hours and compete", }, ]; const ways = [ { title: "Attend Workshops", description: "Join our free community workshops and learn from experts", icon: , }, { title: "Join Discussions", description: "Participate in forums and ask questions in Discord", icon: , }, { title: "Volunteer", description: "Help organize events and mentor new developers", icon: , }, { title: "Share Knowledge", description: "Write tutorials or speak at our events", icon: , }, ]; return (

Get Involved in the Community

Join 50K+ developers building and learning together.

Upcoming Events

{events.map((event, idx) => (

{event.title}

WHEN

{event.date}

LEVEL

{event.level}

ATTENDEES

{event.attendees}

))}

Ways to Participate

{ways.map((way, idx) => (
{way.icon}

{way.title}

{way.description}

))}

Ready to Join?

Sign up for events and connect with other developers.

); }