diff --git a/client/pages/Community.tsx b/client/pages/Community.tsx index c5463f9e..def8fdcc 100644 --- a/client/pages/Community.tsx +++ b/client/pages/Community.tsx @@ -1879,6 +1879,499 @@ export default function Community() { + {/* Knowledge Base */} +
+
+ +
+ + +
+ + Search the library +
+ Find step-by-step help + + Enter a topic, tool, or problem and we will surface curated guides written by mentors and staff. + + + +
+
+ setKnowledgeQuery(event.target.value)} + placeholder="e.g. Deploying multiplayer servers" + className="pl-10 bg-background/60 border-border/60" + aria-label="Search knowledge base" + /> + +
+ +
+
+

+ Quick suggestions +

+
+ {knowledgeSuggestions.map((suggestion) => ( + + ))} +
+
+ + +
+ {knowledgeBaseTopics.map((topic) => { + const Icon = topic.icon; + return ( + + +
+
+ + {topic.articles} articles +
+ + Updated weekly + +
+ + {topic.title} + + {topic.description} + + + + + + ); + })} +
+
+
+
+ + {/* Mentorship Program */} +
+
+ +
+ + +
+ + Mentor spotlight +
+ Kick off a guided sprint + + Submit your goals and interests, and we’ll connect you with mentors who ship in similar spaces. + + + +
    +
  • + + 1:1 sessions and group clinics each week +
    • +
  • + + Direct feedback on builds, pitch decks, and production plans +
    • +
  • + + Priority invites to closed playtests and God Mode rewards +
    • +
+
+ + +
+ + +
+ {mentorshipTracks.map((track) => { + const Icon = track.icon; + return ( +
+
+
+ +
+
+

+ {track.title} +

+

+ {track.description} +

+

+ {track.mentors} mentors available +

+
+
+
+ ); + })} +
+
+
+
+ + {/* Case Studies */} +
+
+ +
+ {caseStudyHighlights.map((study) => { + const Icon = study.icon; + return ( + +
+ +
+ + {study.metricLabel} +
+ + {study.title} + +

+ {study.metricValue} +

+ + +

+ {study.summary} +

+ + + + ); + })} +
+
+
+ + {/* Leaderboards */} +
+
+ +
+ {leaderboardCategories.map((category) => { + const Icon = category.icon; + return ( + + +
+ + + {category.title} + + + Updated daily + +
+ {category.description} + + +
    + {category.leaders.map((leader, index) => ( +
  1. + #{index + 1} + {leader} +
    2. + ))} +
+ + + ); + })} +
+
+ +
+
+
+ + {/* Community Newsletter */} +
+
+ + + +
+
+ + Weekly digest +
+

+ Each Monday we share major updates, spotlight champions, and surface new opportunities—no noise, just impact. +

+
+
+ setNewsletterEmail(event.target.value)} + placeholder="you@example.com" + className="bg-background/60 border-border/60" + aria-label="Email address" + /> + +
+

+ We respect your time—unsubscribe anytime with a single click. +

+ + +
+
+ + {/* Professional Growth & Fun */} +
+
+ +
+ {opportunityHighlights.map((item) => { + const Icon = item.icon; + return ( + + +
+ + {item.title} +
+ {item.description} + + +
+ {item.metrics.map((metric) => ( +
+

{metric.label}

+

+ {metric.value} +

+
+ ))} +
+ + + + ); + })} +
+
+
+ + {/* Content & Activities */} +
+
+ +
+ {creativeActivities.map((activity) => { + const Icon = activity.icon; + return ( + + +
+ + {activity.title} +
+ {activity.description} + + +
    + {activity.highlights.map((highlight) => ( +
  • + + {highlight} +
    • + ))} +
+ + + + ); + })} +
+
+
+ + {/* Recognition & Roles */} +
+
+ +
+ {recognitionPrograms.map((program) => { + const Icon = program.icon; + return ( + + +
+ + {program.title} +
+ {program.description} + + +
    + {program.perks.map((perk) => ( +
  • + + {perk} +
    • + ))} +
+ + + + ); + })} +
+
+
+ + {/* Community Features */} +
+
+ +
+ {socialFeatures.map((feature) => { + const Icon = feature.icon; + return ( + + +
+ + {feature.title} +
+ {feature.description} + + +
    + {feature.bullets.map((bullet) => ( +
  • + + {bullet} +
    • + ))} +
+ + + + ); + })} +
+
+
+ {/* Community Stats */}