From 03b4b311be2dfb03cbef7b996c85d00735040cb2 Mon Sep 17 00:00:00 2001 From: "Builder.io" Date: Mon, 13 Oct 2025 22:39:14 +0000 Subject: [PATCH] Wrap community sections in tabs cgen-ab87ce8ef0d449859428fd08e439679e --- client/pages/Community.tsx | 1270 +++++++++++++++++++----------------- 1 file changed, 655 insertions(+), 615 deletions(-) diff --git a/client/pages/Community.tsx b/client/pages/Community.tsx index 77a4b345..5838649e 100644 --- a/client/pages/Community.tsx +++ b/client/pages/Community.tsx @@ -1749,641 +1749,681 @@ export default function Community() { - {/* New Member Hub */} -
+
- -
- - -
-
-
- -
-
-

- Welcome to AeThex -

-

- Learn how to customise your profile, meet mentors, and ship your first contribution. -

-
- -
-
-
-
-

- Orientation snapshot -

-
-
- Average onboarding time - 22 mins -
-
- Mentors online right now - 18 -
-
- Starter quests completed this week - 412 -
-
-
- - + + {communityTabItems.map((tab) => ( + + {tab.label} + + ))} + +
-
- - -
- - First steps checklist -
- - Ship your first wins this week - - - Work through the essentials and unlock the New Recruit badge. - - - -
    - {newMemberSteps.map((step) => { - const Icon = step.icon; - return ( -
  • -
    + + {/* New Member Hub */} +
    +
    + +
    + + +
    +
    +
    + +
    +
    +

    + Welcome to AeThex +

    +

    + Learn how to customise your profile, meet mentors, and ship your first contribution. +

    +
    + +
    +
    +
    +
    +

    + Orientation snapshot +

    +
    +
    + Average onboarding time + 22 mins +
    +
    + Mentors online right now + 18 +
    +
    + Starter quests completed this week + 412 +
    +
    +
    + + + +
    + + +
    + + First steps checklist +
    + + Ship your first wins this week + + + Work through the essentials and unlock the New Recruit badge. + +     + +
      + {newMemberSteps.map((step) => { + const Icon = step.icon; + return ( +
    • +
      + +
      +
      +

      + {step.title} +

      +

      + {step.description} +

      +
      +
      • + ); + })} +
    +     +     + + + +
    + + Quick wins +
    + + Jump into the right resources + + + Explore guides and shortcuts tailored for first-time members. + +     + +
    + {newMemberResources.map((resource) => ( +
    +
    +
    +

    + {resource.title} +

    +

    + {resource.description} +

    +
    + +
    + +
    + ))} +
    +     +     +
    +
    +
    +
    +     + + + {/* 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 ( +
    +
    +
    -

    - {step.title} +

    + {track.title}

    - {step.description} + {track.description} +

    +

    + {track.mentors} mentors available

    -
    • - ); - })} -
- - - - - -
- - Quick wins -
- - Jump into the right resources - - - Explore guides and shortcuts tailored for first-time members. - - - -
- {newMemberResources.map((resource) => ( -
-
-
-

- {resource.title} -

-

- {resource.description} -

-
-
-
- ))} -
- - -
-
-
-
- - {/* 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} -

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

+ {study.metricValue} +

+ + +

+ {study.summary} +

+ + + + ); + })} +
+
+
+ - {/* Content & Activities */} -
-
- -
- {creativeActivities.map((activity) => { - const Icon = activity.icon; - return ( - - -
- - {activity.title} -
- {activity.description} - - -
    - {activity.highlights.map((highlight) => ( -
  • - - {highlight} -
    • - ))} -
- - - - ); - })} -
-
-
+ + {/* 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. + ))} +
+ + + ); + })} +
+
+ +
+
+
+ - {/* Recognition & Roles */} -
-
- -
- {recognitionPrograms.map((program) => { - const Icon = program.icon; - return ( - - -
- - {program.title} + + {/* Community Newsletter */} +
+
+ + + +
+
+ + Weekly digest
- {program.description} - - -
    - {program.perks.map((perk) => ( -
  • - - {perk} -
    • - ))} -
-
+
+ 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. +

+ + + + + - {/* Community Features */} -
-
- -
- {socialFeatures.map((feature) => { - const Icon = feature.icon; - return ( - - -
- - {feature.title} -
- {feature.description} - - -
    - {feature.bullets.map((bullet) => ( -
  • - - {bullet} -
    • - ))} -
- - - - ); - })} -
-
-
+ + {/* 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 */}