From 9efb0b083413f9cc62f430d1ebcdec5bc34abbb6 Mon Sep 17 00:00:00 2001 From: "Builder.io" Date: Tue, 5 Aug 2025 23:22:28 +0000 Subject: [PATCH] Create comprehensive Mentorship Programs page cgen-4f146116036b430eafb39cccbd6b1fee --- client/pages/MentorshipPrograms.tsx | 556 ++++++++++++++++++++++++++++ 1 file changed, 556 insertions(+) create mode 100644 client/pages/MentorshipPrograms.tsx diff --git a/client/pages/MentorshipPrograms.tsx b/client/pages/MentorshipPrograms.tsx new file mode 100644 index 00000000..88287b7a --- /dev/null +++ b/client/pages/MentorshipPrograms.tsx @@ -0,0 +1,556 @@ +import { useState, useEffect } from "react"; +import Layout from "@/components/Layout"; +import { Button } from "@/components/ui/button"; +import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card"; +import { Badge } from "@/components/ui/badge"; +import LoadingScreen from "@/components/LoadingScreen"; +import { aethexToast } from "@/lib/aethex-toast"; +import { Link } from "react-router-dom"; +import { + Users, + BookOpen, + Star, + Trophy, + Target, + ArrowRight, + CheckCircle, + Clock, + User, + Heart, + Lightbulb, + Code, + Rocket, + Globe, + Award, + Calendar, + MessageCircle, + Video, + GraduationCap +} from "lucide-react"; + +export default function MentorshipPrograms() { + const [isLoading, setIsLoading] = useState(true); + const [selectedTrack, setSelectedTrack] = useState(0); + + useEffect(() => { + const timer = setTimeout(() => { + setIsLoading(false); + aethexToast.system("Mentorship Programs loaded successfully"); + }, 1000); + + return () => clearTimeout(timer); + }, []); + + const programs = [ + { + title: "Individual Mentorship", + description: "One-on-one guidance tailored to your specific goals and challenges", + icon: User, + duration: "3-12 months", + commitment: "2 hours/week", + price: "Starting at $300/month", + features: [ + "Weekly 1-on-1 sessions", + "Personalized learning path", + "Code reviews & feedback", + "Career guidance", + "Portfolio development", + "24/7 chat support" + ], + color: "from-blue-500 to-purple-600", + participants: "1:1" + }, + { + title: "Group Workshops", + description: "Collaborative learning with peers in structured group sessions", + icon: Users, + duration: "8-16 weeks", + commitment: "4 hours/week", + price: "Starting at $150/month", + features: [ + "Weekly group sessions", + "Peer collaboration", + "Project-based learning", + "Industry guest speakers", + "Team challenges", + "Group portfolio projects" + ], + color: "from-green-500 to-blue-600", + participants: "6-12 people" + }, + { + title: "Intensive Boot Camps", + description: "Fast-track your skills with immersive, intensive training programs", + icon: Rocket, + duration: "12-24 weeks", + commitment: "20+ hours/week", + price: "Starting at $2,500", + features: [ + "Full-time immersive program", + "Industry-standard projects", + "Job placement assistance", + "Capstone project", + "Certification", + "Alumni network access" + ], + color: "from-orange-500 to-red-600", + participants: "15-25 people" + }, + { + title: "Corporate Training", + description: "Upskill your team with customized training programs", + icon: Trophy, + duration: "4-52 weeks", + commitment: "Flexible", + price: "Custom pricing", + features: [ + "Customized curriculum", + "On-site or remote delivery", + "Team assessments", + "Progress tracking", + "Certification programs", + "Ongoing support" + ], + color: "from-purple-500 to-pink-600", + participants: "10-100+ people" + } + ]; + + const tracks = [ + { + name: "Game Development", + description: "Master game development from concept to publishing", + icon: Code, + skills: ["Unity/Unreal", "C#/C++", "Game Design", "3D Modeling", "Audio", "Publishing"], + level: "Beginner to Advanced", + duration: "6-12 months", + projects: 5 + }, + { + name: "Web Development", + description: "Build modern web applications with cutting-edge technologies", + icon: Globe, + skills: ["React/Vue", "Node.js", "Databases", "Cloud Deploy", "Testing", "DevOps"], + level: "Beginner to Expert", + duration: "4-8 months", + projects: 8 + }, + { + name: "Mobile Development", + description: "Create native and cross-platform mobile applications", + icon: Rocket, + skills: ["React Native", "Flutter", "iOS/Android", "API Integration", "Publishing", "Analytics"], + level: "Intermediate to Advanced", + duration: "5-10 months", + projects: 6 + }, + { + name: "Data Science & AI", + description: "Harness the power of data and artificial intelligence", + icon: Lightbulb, + skills: ["Python", "Machine Learning", "Data Analysis", "Neural Networks", "Big Data", "Visualization"], + level: "Beginner to Expert", + duration: "8-16 months", + projects: 10 + } + ]; + + const mentors = [ + { + name: "Sarah Chen", + title: "Senior Game Developer", + company: "Epic Games", + experience: "12 years", + specialty: "Unreal Engine, C++", + students: 85, + rating: 4.9, + avatar: "https://images.unsplash.com/photo-1494790108755-2616b612b029?w=150&h=150&fit=crop&crop=face" + }, + { + name: "Marcus Rodriguez", + title: "Full Stack Architect", + company: "Netflix", + experience: "15 years", + specialty: "React, Node.js, AWS", + students: 120, + rating: 4.8, + avatar: "https://images.unsplash.com/photo-1472099645785-5658abf4ff4e?w=150&h=150&fit=crop&crop=face" + }, + { + name: "Dr. Aisha Patel", + title: "AI Research Scientist", + company: "Google DeepMind", + experience: "10 years", + specialty: "Machine Learning, Python", + students: 95, + rating: 5.0, + avatar: "https://images.unsplash.com/photo-1607746882042-944635dfe10e?w=150&h=150&fit=crop&crop=face" + } + ]; + + const testimonials = [ + { + name: "Alex Thompson", + role: "Junior Developer → Senior Developer", + company: "Stripe", + content: "The mentorship program completely transformed my career. Within 8 months, I went from struggling with basic concepts to landing a senior role at a top tech company.", + program: "Individual Mentorship", + mentor: "Marcus Rodriguez" + }, + { + name: "Jamie Wu", + role: "Career Changer → Game Developer", + company: "Indie Studio", + content: "Coming from a marketing background, I never thought I could become a game developer. The boot camp gave me the skills and confidence to launch my own indie studio.", + program: "Intensive Boot Camp", + mentor: "Sarah Chen" + }, + { + name: "Taylor Davis", + role: "Student → ML Engineer", + company: "OpenAI", + content: "The AI track mentorship opened doors I never knew existed. The hands-on projects and expert guidance helped me land my dream job in machine learning.", + program: "Group Workshop", + mentor: "Dr. Aisha Patel" + } + ]; + + if (isLoading) { + return ; + } + + return ( + +
+ {/* Hero Section */} +
+
+ {[...Array(25)].map((_, i) => ( +
+ {'🎓📚💡🚀'.charAt(Math.floor(Math.random() * 4))} +
+ ))} +
+ +
+
+ + + Mentorship & Education Division + + +

+ Accelerate Your Tech Journey +

+ +

+ Learn from industry experts through personalized mentorship, hands-on workshops, + and intensive boot camps designed to fast-track your technology career. +

+ +
+ + +
+
+
+
+ + {/* Programs Overview */} +
+
+
+

+ Mentorship Programs +

+

+ Choose the learning format that best fits your schedule and goals +

+
+ +
+ {programs.map((program, index) => { + const Icon = program.icon; + return ( + + +
+
+
+ +
+
+ {program.title} + + {program.description} + +
+
+ + {program.participants} + +
+ + +
+ {program.features.map((feature, featureIndex) => ( +
+ + {feature} +
+ ))} +
+ +
+
+ +
{program.duration}
+
+
+ +
{program.commitment}
+
+
+ {program.price} +
+
+ + + ); + })} +
+
+
+ + {/* Learning Tracks */} +
+
+
+

+ Specialized Learning Tracks +

+

+ Focused curricula designed by industry experts +

+
+ +
+ {tracks.map((track, index) => { + const Icon = track.icon; + const isSelected = selectedTrack === index; + return ( + setSelectedTrack(index)} + > + + + + {track.name} + + + {track.description} + + + +
+ {track.skills.slice(0, 4).map((skill, skillIndex) => ( + + {skill} + + ))} +
+ +
+
{track.level}
+
+ {track.duration} • {track.projects} projects +
+
+ + + ); + })} +
+
+
+ + {/* Featured Mentors */} +
+
+
+

+ Meet Our Expert Mentors +

+

+ Learn from industry leaders at top technology companies +

+
+ +
+ {mentors.map((mentor, index) => ( + + + {mentor.name} +

{mentor.name}

+

{mentor.title}

+

{mentor.company}

+ +
+
+ Experience: + {mentor.experience} +
+
+ Students Mentored: + {mentor.students}+ +
+
+ Rating: +
+ + {mentor.rating} +
+
+
+ + + {mentor.specialty} + + + + ))} +
+
+
+ + {/* Success Stories */} +
+
+
+

+ Success Stories +

+

+ Real career transformations from our mentorship programs +

+
+ +
+ {testimonials.map((testimonial, index) => ( + + +
+
+ {testimonial.name.charAt(0)} +
+
+

{testimonial.name}

+

{testimonial.role}

+ {testimonial.company} +
+
+ + +
+ "{testimonial.content}" +
+
+ Program: {testimonial.program} + Mentor: {testimonial.mentor} +
+ + + ))} +
+
+
+ + {/* CTA Section */} +
+
+
+

+ Start Your Learning Journey Today +

+

+ Join thousands of developers who have accelerated their careers through our mentorship programs. +

+ +
+ + +
+ +
+
+ +

24/7 Support

+

Always available

+
+
+
+
+ +

Certification

+

Industry recognized

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