diff --git a/client/pages/gameforge/GameForgeJoinGameForge.tsx b/client/pages/gameforge/GameForgeJoinGameForge.tsx index 04abdd91..08458725 100644 --- a/client/pages/gameforge/GameForgeJoinGameForge.tsx +++ b/client/pages/gameforge/GameForgeJoinGameForge.tsx @@ -2,42 +2,124 @@ 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 { Users, Zap, Heart, ArrowRight } from "lucide-react"; +import { + Users, + Zap, + Heart, + ArrowRight, + Rocket, + Gamepad2, + Trophy, + Code, +} from "lucide-react"; import { useNavigate } from "react-router-dom"; export default function GameForgeJoinGameForge() { const navigate = useNavigate(); - const team = [ + const joinPaths = [ { - name: "Alex Turner", - role: "Game Director", - expertise: ["Game Design", "Team Leadership", "Player Psychology"], + icon: , + title: "Create a Studio", + description: + "Start a new game studio and ship monthly games with full support from AeThex", + action: "Set Up Studio", + actionPath: "/teams", }, { - name: "Sam Lee", - role: "Lead Programmer", - expertise: ["Gameplay Systems", "Networking", "Performance"], + icon: , + title: "Join Existing Project", + description: + "Contribute to active game projects and collaborate with talented developers", + action: "Browse Projects", + actionPath: "/projects", }, { - name: "Jordan Davis", - role: "Art Director", - expertise: ["Visual Design", "Animation", "Aesthetics"], + icon: , + title: "Apply as Developer", + description: + "Join GameForge as a core team member and help ship games every month", + action: "View Positions", + actionPath: "/careers", + }, + ]; + + const requirements = [ + { + title: "Commitment", + items: [ + "Ability to ship a complete game or feature monthly", + "Active participation in collaboration and planning", + "Willingness to learn and adapt quickly", + ], }, { - name: "Casey Williams", - role: "Producer", - expertise: ["Project Management", "Shipping", "Strategy"], + title: "Skills", + items: [ + "Game development experience (programming, design, art, etc.)", + "Understanding of game design principles", + "Ability to work in cross-functional teams", + ], }, { - name: "Morgan Smith", - role: "QA Lead", - expertise: ["Quality Assurance", "Testing", "Optimization"], + title: "Mindset", + items: [ + "Ship-focused mentality - done over perfect", + "Collaborative approach to problem-solving", + "Passion for game development and players", + ], + }, + ]; + + const steps = [ + { + number: "1", + title: "Explore", + description: "Browse current projects and studios on AeThex GameForge", }, { - name: "Riley Chen", - role: "Sound Designer", - expertise: ["Audio Design", "Music", "Polish"], + number: "2", + title: "Apply or Create", + description: + "Apply to a project team or create your own studio with a founding team", + }, + { + number: "3", + title: "Onboard", + description: "Get integrated into the community and start collaborating", + }, + { + number: "4", + title: "Ship", + description: + "Work with your team to deliver your first game or update within a month", + }, + ]; + + const benefits = [ + { + icon: , + title: "Monthly Shipping Cycles", + description: + "Release complete games or major updates every month. Fast feedback, real results.", + }, + { + icon: , + title: "Supportive Community", + description: + "Network with other game developers, studios, and industry professionals.", + }, + { + icon: , + title: "Recognition & Rewards", + description: + "Get featured in GameForge showcase, earn achievements, and build your portfolio.", + }, + { + icon: , + title: "Collaboration Tools", + description: + "Access to AeThex infrastructure, project management, and team coordination tools.", }, ]; @@ -51,7 +133,8 @@ export default function GameForgeJoinGameForge() {
-
+ {/* Hero Section */} +
-
+ {/* Join Paths */} +
-
- {team.map((member, idx) => ( +

+ How to Join +

+

+ Whether you're a solo developer or leading a studio, there's a + path for you in GameForge. +

+ +
+ {joinPaths.map((path, idx) => ( + + +
{path.icon}
+

+ {path.title} +

+

+ {path.description} +

+ +
+
+ ))} +
+
+
+ + {/* Benefits */} +
+
+

+ Benefits of Joining GameForge +

+ +
+ {benefits.map((benefit, idx) => ( -
- {member.name - .split(" ") - .map((n) => n[0]) - .join("")} -
-

- {member.name} +
{benefit.icon}
+

+ {benefit.title}

-

- {member.role} +

+ {benefit.description}

-
- {member.expertise.map((exp, i) => ( - - {exp} - - ))} -
))} @@ -109,45 +239,36 @@ export default function GameForgeJoinGameForge() {
-
+ {/* Requirements */} +
-

- GameForge Culture +

+ What We're Looking For

+
- {[ - { - icon: , - title: "Ship Every Month", - description: - "We deliver a complete, polished game every month", - }, - { - icon: , - title: "Love What You Make", - description: "We care about quality and player experience", - }, - { - icon: , - title: "Together", - description: - "Cross-functional teams working toward one goal", - }, - ].map((item, idx) => ( + {requirements.map((req, idx) => ( - -
- {item.icon} -
-

- {item.title} + +

+ {req.title}

-

- {item.description} -

+
    + {req.items.map((item, i) => ( +
  • + + ✓ + + {item} +
  • + ))} +
))} @@ -155,21 +276,73 @@ export default function GameForgeJoinGameForge() {

-
+ {/* Process */} +
+
+

+ Getting Started +

+ +
+ {steps.map((step, idx) => ( +
+
+
+ {step.number} +
+
+
+

+ {step.title} +

+

{step.description}

+
+
+ ))} +
+ +
+

+ First Month Timeline +

+

+ Week 1: Onboarding & team setup. Week 2-3: Development & + collaboration. Week 4: Polish & ship your first game or + update. +

+
+
+
+ + {/* CTA Section */} +
-

- Join the Team +

+ Ready to Ship?

- Interested in shipping games with us? + Join GameForge and start building with a community of + passionate game developers.

- + +
+ + +