From b6b3cb68043318e34aa0b51741b33430a5c19c4d Mon Sep 17 00:00:00 2001 From: MrPiglr Date: Sat, 10 Jan 2026 20:19:35 +0000 Subject: [PATCH] =?UTF-8?q?=E2=9C=A8=20Transform=20GameForge,=20Labs,=20an?= =?UTF-8?q?d=20Foundation=20into=20beautiful=20landing=20pages?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - Add responsive design with md: breakpoints for tablet optimization - Create stunning hero sections with large logos and clear value props - Add informational sticky banners clarifying these are external platforms - GameForge: Add 30-day sprint timeline, squad structure, stats cards - Labs: Enhance with research projects, simplified messaging, clean design - Foundation: Spotlight GameForge program, mission & values section - All pages now have proper CTAs linking to external platforms - Fixed responsive sizing from mobile → tablet → desktop - Professional marketing page aesthetic while maintaining technical feel --- client/pages/Foundation.tsx | 78 ++++- client/pages/GameForge.tsx | 575 +++++++++++++++++---------------- client/pages/GameForge_old.tsx | 409 +++++++++++++++++++++++ client/pages/Labs.tsx | 104 +++--- 4 files changed, 823 insertions(+), 343 deletions(-) create mode 100644 client/pages/GameForge_old.tsx diff --git a/client/pages/Foundation.tsx b/client/pages/Foundation.tsx index 159a544e..ccdf1a9f 100644 --- a/client/pages/Foundation.tsx +++ b/client/pages/Foundation.tsx @@ -15,6 +15,7 @@ import { Sparkles, Trophy, Compass, + ExternalLink, } from "lucide-react"; import { useNavigate } from "react-router-dom"; import { useEffect, useState, useRef } from "react"; @@ -54,31 +55,76 @@ export default function Foundation() { return ( -
-
- {/* Hero Section */} -
-
- - Non-Profit Guardian +
+ {/* Informational Banner */} +
+
+
+
+ +

+ External Platform: Foundation is hosted at{" "} + + aethex.foundation + +

+
+ +
+
+
+ +
{/* Hero Section */} +
+
+ Foundation Logo +
+ +
+ + + 501(c)(3) Non-Profit Organization -

+ +

AeThex Foundation

+ +

+ Building community, empowering developers, and advancing game development through open-source innovation and mentorship. +

-

- The heart of our ecosystem. We believe in building community, - empowering developers, and advancing game development through - open-source innovation and mentorship. -

-
+ +
+ +
+
+
+
+
+ + {/* Background Effects */} +
-
-
-
+
+
{/* Hero Section */} -
-
-
- GameForge Logo -
- - - GameForge Production - +
+
+
+
+ GameForge Logo +
-
-

- Shipping Games Monthly -

-

- AeThex GameForge is our internal production studio that - demonstrates disciplined, efficient development. We ship a new - game every month using proprietary development pipelines and - tools from Labs, proving our technology's real-world impact - while maintaining controlled burn rates. -

-
+
+ + + Foundation's Game Production Studio + -
- - - - +

+ Ship Games Every Month +

+ +

+ AeThex GameForge is a master-apprentice mentorship program where teams of 5 developers ship real games in 30-day sprints. +

+
+ +
+ + +
- {/* Production Stats */} -
-
-
- {productionStats.map((stat, idx) => ( - - -

+ {/* Stats Section */} +

+
+
+ {productionStats.map((stat, idx) => { + const Icon = stat.icon; + return ( +
+ +

{stat.value}

{stat.label}

- - - ))} +
+ ); + })}
- {/* Upcoming Releases */} -
+ {/* Features Grid */} +
+
+
+

+ Why Join GameForge? +

+

+ The fastest way to build a real game development portfolio and prove you can ship. +

+
+ +
+ {features.map((feature, idx) => { + const Icon = feature.icon; + return ( + + +
+ +
+ + {feature.title} + + + +

+ {feature.description} +

+ + + ); + })} +
+
+
+ + {/* How It Works */} +
-

- - Upcoming Releases -

+
+

+ The 30-Day Sprint +

+

+ From concept to shipped game in one month +

+
+
- {monthlyReleases.map((release, idx) => ( - - -
-
- - {release.month} - -

- {release.title} -

-

- {release.genre} -

-
- - - {release.team} - -
-
-
- - {release.status} - -

- {release.highlights} -

-
-
- - - ))} -
-
-
- - {/* Past Releases */} -
-
-

- Shipped This Year -

-
- {pastReleases.map((game, idx) => ( - - -
-

- {game.title} -

- - {game.genre} - -
- -
-

Released: {game.releaseDate}

-

{game.players} active players

-
- ⭐ {game.rating}/5 -
-
- - - ))} -
-
-
- - {/* Production Process */} -
-
-

- Our Process -

-
{[ { - phase: "Ideation", - duration: "1 week", - description: "Brainstorm and validate game concepts", + week: "Week 1", + title: "Ideation & Prototyping", + description: "Define game concept, create GDD, build playable prototype", + tasks: ["Team formation", "Concept validation", "Core mechanics test"] }, { - phase: "Prototyping", - duration: "1 week", - description: - "Build playable prototype to test core mechanics", + week: "Week 2", + title: "Development Sprint", + description: "Parallel production: code, art, sound, narrative", + tasks: ["Feature implementation", "Asset creation", "Level design"] }, { - phase: "Development", - duration: "3 weeks", - description: - "Full production with parallel art, code, and design", + week: "Week 3", + title: "Polish & Integration", + description: "Integrate assets, refine gameplay, balance mechanics", + tasks: ["Bug fixing", "Playtesting", "Performance optimization"] }, { - phase: "Polish & QA", - duration: "1 week", - description: "Bug fixes, optimization, and player testing", + week: "Week 4", + title: "QA & Launch", + description: "Final testing, deployment, and post-launch monitoring", + tasks: ["Final QA", "Ship to aethex.fun", "Community showcase"] }, - { - phase: "Launch", - duration: "1 day", - description: - "Ship to production and monitor for first 24 hours", - }, - ].map((item, idx) => ( + ].map((phase, idx) => ( - -
-
- {idx + 1} + +
+
+
+ {idx + 1} +
-
-

- {item.phase} -

-

- {item.description} -

+
+
+ + {phase.week} + +

+ {phase.title} +

+

+ {phase.description} +

+
+
+ {phase.tasks.map((task, taskIdx) => ( + + {task} + + ))} +
- - {item.duration} -
@@ -349,23 +312,91 @@ export default function GameForge() {
- {/* Team CTA */} -
-
-

- Part of Our Shipping Culture -

-

- Our team represents the best of game development talent. Meet - the people who make monthly shipping possible. -

- + {/* Team Roles */} +
+
+
+

+ Squad Structure +

+

+ Every team has 5 members with specialized roles +

+
+ +
+ {[ + { role: "Forge Master", icon: Target, description: "Mentor & Lead", color: "from-green-500 to-emerald-500" }, + { role: "Scripter", icon: Code, description: "Programming", color: "from-blue-500 to-cyan-500" }, + { role: "Builder", icon: Palette, description: "Art & Design", color: "from-purple-500 to-pink-500" }, + { role: "Sound Designer", icon: Music, description: "Audio & Music", color: "from-orange-500 to-red-500" }, + { role: "Narrative", icon: Users, description: "Story & UX", color: "from-yellow-500 to-amber-500" }, + ].map((member, idx) => { + const Icon = member.icon; + return ( + + +
+ +
+
+

+ {member.role} +

+

+ {member.description} +

+
+ + + ); + })} +
+
+
+ + {/* CTA Section */} +
+
+ +
+ +
+

+ Ready to Ship Your First Game? +

+

+ Join the next GameForge cohort and build your portfolio with real, shipped games. +

+
+ +
+ + +
+ +

+ Part of the AeThex Foundation 501(c)(3) non-profit +

+ +
diff --git a/client/pages/GameForge_old.tsx b/client/pages/GameForge_old.tsx new file mode 100644 index 00000000..64547aaa --- /dev/null +++ b/client/pages/GameForge_old.tsx @@ -0,0 +1,409 @@ +import Layout from "@/components/Layout"; +import { Button } from "@/components/ui/button"; +import { Badge } from "@/components/ui/badge"; +import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card"; +import { useArmTheme } from "@/contexts/ArmThemeContext"; +import { + Gamepad2, + Calendar, + Users, + TrendingUp, + Rocket, + ArrowRight, + ExternalLink, +} from "lucide-react"; +import { useNavigate } from "react-router-dom"; +import { useEffect, useState, useRef } from "react"; +import LoadingScreen from "@/components/LoadingScreen"; +import { useArmToast } from "@/hooks/use-arm-toast"; + +export default function GameForge() { + const navigate = useNavigate(); + const { theme } = useArmTheme(); + const armToast = useArmToast(); + const [isLoading, setIsLoading] = useState(true); + const toastShownRef = useRef(false); + + useEffect(() => { + const timer = setTimeout(() => { + setIsLoading(false); + if (!toastShownRef.current) { + armToast.system("GameForge engine initialized"); + toastShownRef.current = true; + } + }, 900); + + return () => clearTimeout(timer); + }, [armToast]); + + if (isLoading) { + return ( + + ); + } + + const monthlyReleases = [ + { + month: "January 2025", + title: "Pixel Quest: Reckoning", + genre: "Action-Adventure", + team: "Green Squadron", + status: "Shipping Now", + highlights: "New combat system, 50 levels, multiplayer beta", + }, + { + month: "February 2025", + title: "Logic Master Pro", + genre: "Puzzle", + team: "Logic Lab", + status: "Pre-Production", + highlights: "Daily challenges, leaderboards, cross-platform", + }, + { + month: "March 2025", + title: "Mystic Realms: Awakening", + genre: "RPG", + team: "Adventure Wing", + status: "Development", + highlights: "Story driven, 100+ hours, procedural dungeons", + }, + ]; + + const pastReleases = [ + { + title: "Battle Royale X", + genre: "Action", + releaseDate: "Dec 2024", + players: "50K+", + rating: 4.7, + }, + { + title: "Casual Match", + genre: "Puzzle", + releaseDate: "Nov 2024", + players: "100K+", + rating: 4.5, + }, + { + title: "Speedrun Challenge", + genre: "Action", + releaseDate: "Oct 2024", + players: "35K+", + rating: 4.8, + }, + ]; + + const productionStats = [ + { label: "Games Shipped", value: "15+" }, + { label: "Monthly Cycle", value: "32 days" }, + { label: "Total Players", value: "200K+" }, + { label: "Team Size", value: "25 devs" }, + ]; + + return ( + +
+ {/* Informational Banner */} +
+
+
+
+ +

+ This is an informational page. GameForge is hosted at{" "} + + aethex.foundation/gameforge + +

+
+ +
+
+
+ + {/* Background */} +
+
+
+
+
+ +
+ {/* Hero Section */} +
+
+
+ GameForge Logo +
+ + + GameForge Production + + +
+

+ Shipping Games Monthly +

+

+ AeThex GameForge is our internal production studio that + demonstrates disciplined, efficient development. We ship a new + game every month using proprietary development pipelines and + tools from Labs, proving our technology's real-world impact + while maintaining controlled burn rates. +

+
+ +

+ GameForge is hosted at aethex.foundation as part of the non-profit Foundation entity. + This page provides an overview—visit the platform for full access. +

+
+
+ +
+ + + + +
+
+
+ + {/* Production Stats */} +
+
+
+ {productionStats.map((stat, idx) => ( + + +

+ {stat.value} +

+

{stat.label}

+ + + ))} +
+
+
+ + {/* Upcoming Releases */} +
+
+

+ + Upcoming Releases +

+
+ {monthlyReleases.map((release, idx) => ( + + +
+
+ + {release.month} + +

+ {release.title} +

+

+ {release.genre} +

+
+ + + {release.team} + +
+
+
+ + {release.status} + +

+ {release.highlights} +

+
+
+ + + ))} +
+
+
+ + {/* Past Releases */} +
+
+

+ Shipped This Year +

+
+ {pastReleases.map((game, idx) => ( + + +
+

+ {game.title} +

+ + {game.genre} + +
+ +
+

Released: {game.releaseDate}

+

{game.players} active players

+
+ ⭐ {game.rating}/5 +
+
+ + + ))} +
+
+
+ + {/* Production Process */} +
+
+

+ Our Process +

+
+ {[ + { + phase: "Ideation", + duration: "1 week", + description: "Brainstorm and validate game concepts", + }, + { + phase: "Prototyping", + duration: "1 week", + description: + "Build playable prototype to test core mechanics", + }, + { + phase: "Development", + duration: "3 weeks", + description: + "Full production with parallel art, code, and design", + }, + { + phase: "Polish & QA", + duration: "1 week", + description: "Bug fixes, optimization, and player testing", + }, + { + phase: "Launch", + duration: "1 day", + description: + "Ship to production and monitor for first 24 hours", + }, + ].map((item, idx) => ( + + +
+
+ {idx + 1} +
+
+

+ {item.phase} +

+

+ {item.description} +

+
+ + {item.duration} + +
+ + + ))} +
+
+
+ + {/* Team CTA */} +
+
+

+ Part of Our Shipping Culture +

+

+ Our team represents the best of game development talent. Meet + the people who make monthly shipping possible. +

+ +
+
+
+
+ + ); +} diff --git a/client/pages/Labs.tsx b/client/pages/Labs.tsx index 86cb2c43..edfebb64 100644 --- a/client/pages/Labs.tsx +++ b/client/pages/Labs.tsx @@ -112,6 +112,31 @@ export default function Labs() { return (
+ {/* Informational Banner */} +
+
+
+
+ +

+ External Platform: Labs is hosted at{" "} + + aethex.studio + +

+
+ +
+
+
+ {/* Cyberpunk Background Effects */}
@@ -120,82 +145,51 @@ export default function Labs() {
- {/* Hero Section - L.A.B.S. Interface */} -
-
-
-
+ {/* Hero Section */} +
+
+
+
Labs Logo
- - - Research & Development Uplink - +
+ + + Advanced Research & Development + -
-

+

The Innovation Engine

-

- Real-time window into the AeThex Labs mainframe. - Breakthrough R&D pushing the boundaries of what's possible. + +

+ Breakthrough R&D pushing the boundaries of what's possible in software, AI, games, and digital experiences.

-

- AeThex Labs is our dedicated R&D pillar, focused on - breakthrough technologies that create lasting competitive - advantage. Applied R&D pushing the boundaries of what's - possible in software, games, and digital experiences. -

- -
+
- - {/* Creator Network CTAs */} -
-

- Explore our creator community: -

-
- - -
-