From 3e494a0398206c5dc141ee88707f3e9653e0191e Mon Sep 17 00:00:00 2001 From: "Builder.io" Date: Fri, 7 Nov 2025 23:25:49 +0000 Subject: [PATCH] Rewrite Foundation.tsx - Open Source & Community Education focus cgen-30e5eb0348314059aec9307772630d79 --- client/pages/Foundation.tsx | 503 ++++++++++++++++++++++++++++-------- 1 file changed, 395 insertions(+), 108 deletions(-) diff --git a/client/pages/Foundation.tsx b/client/pages/Foundation.tsx index 1bdd74c2..087789fa 100644 --- a/client/pages/Foundation.tsx +++ b/client/pages/Foundation.tsx @@ -2,15 +2,124 @@ 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 { Heart, BookOpen, Code, Globe } from "lucide-react"; +import { + Heart, + BookOpen, + Code, + Users, + Zap, + ArrowRight, + GraduationCap, +} from "lucide-react"; import { useNavigate } from "react-router-dom"; export default function Foundation() { const navigate = useNavigate(); + const openSourceProjects = [ + { + name: "AeThex Game Engine", + description: + "Lightweight, performant game engine optimized for web and native platforms", + stars: "2.5K", + language: "Rust", + link: "github.com/aethex/game-engine", + }, + { + name: "Roblox Toolkit", + description: + "Comprehensive library for building professional Roblox experiences", + stars: "1.8K", + language: "Lua", + link: "github.com/aethex/roblox-toolkit", + }, + { + name: "Developer CLI", + description: "Command-line tools for streamlined game development workflow", + stars: "1.2K", + language: "Go", + link: "github.com/aethex/dev-cli", + }, + { + name: "Multiplayer Framework", + description: + "Drop-in networking layer for real-time multiplayer games", + stars: "980", + language: "TypeScript", + link: "github.com/aethex/multiplayer", + }, + { + name: "Asset Pipeline", + description: + "Automated asset processing and optimization for game development", + stars: "750", + language: "Python", + link: "github.com/aethex/asset-pipeline", + }, + { + name: "Education Platform", + description: "Open-source learning platform for game development courses", + stars: "640", + language: "JavaScript", + link: "github.com/aethex/education", + }, + ]; + + const workshops = [ + { + title: "Intro to Roblox Development", + date: "Every Saturday", + duration: "2 hours", + level: "Beginner", + attendees: "150+/month", + }, + { + title: "Advanced Game Architecture", + date: "Monthly", + duration: "4 hours", + level: "Advanced", + attendees: "50+/month", + }, + { + title: "Multiplayer Game Design", + date: "Bi-weekly", + duration: "2 hours", + level: "Intermediate", + attendees: "100+/month", + }, + ]; + + const resources = [ + { + title: "Game Development Fundamentals", + type: "Video Course", + lessons: 50, + duration: "20 hours", + }, + { + title: "Roblox Best Practices Guide", + type: "Written Guide", + pages: 120, + downloads: "10K+", + }, + { + title: "Architecture Patterns for Games", + type: "Interactive Tutorial", + modules: 8, + projects: 4, + }, + { + title: "Performance Optimization Handbook", + type: "Technical Reference", + chapters: 15, + code_samples: "100+", + }, + ]; + return (
+ {/* Background */}
@@ -19,128 +128,306 @@ export default function Foundation() {
{/* Hero Section */} -
-
-
- - Foundation - Aethex Foundation - - -

- Open Source & Education -

- -

- Democratizing technology through open source and education. We - believe knowledge should be free, and great tools should be - accessible to everyone. -

- -
- - -
-
-
-
- - {/* Mission Grid */} -
+
-
- - - - Open Source - - -

- Publishing and maintaining tools that benefit the entire - community. -

-
-
+ + + AeThex Foundation + - - - - Education - - -

- Accessible learning resources for developers at all skill - levels. -

-
-
+
+

+ Give Back to Developers +

+

+ Free open-source projects, community education, and workshops. We're committed to helping the next generation of developers build amazing things. +

+
- - - - Community - - -

- Building a welcoming ecosystem where everyone can grow and - contribute. -

-
-
- - - - - Impact - - -

- Creating positive change through technology and knowledge - sharing. -

-
-
+
+ +
- {/* CTA Section */} -
+ {/* Open Source Projects */} +
+
+

+ + Open Source Projects +

+
+ {openSourceProjects.map((project, idx) => ( + + + + {project.name} + + + +

+ {project.description} +

+
+ + ⭐ {project.stars} + + + {project.language} + +
+ +
+
+ ))} +
+
+
+ + {/* Community Workshops */} +
+
+

+ + Community Workshops +

+
+ {workshops.map((workshop, idx) => ( + + +
+
+

+ WORKSHOP +

+

+ {workshop.title} +

+
+
+

+ SCHEDULE +

+

+ {workshop.date} +

+
+
+

+ LEVEL +

+ + {workshop.level} + +
+
+

+ ATTENDEES +

+

+ {workshop.attendees} +

+
+
+
+
+ ))} +
+
+
+ + {/* Free Learning Resources */} +
+
+

+ + Free Learning Resources +

+
+ {resources.map((resource, idx) => ( + + +
+
+ + {resource.type} + +

+ {resource.title} +

+
+ +
+ {resource.lessons && ( +
+

Lessons

+

+ {resource.lessons} +

+
+ )} + {resource.duration && ( +
+

Duration

+

+ {resource.duration} +

+
+ )} + {resource.pages && ( +
+

Pages

+

+ {resource.pages} +

+
+ )} + {resource.downloads && ( +
+

Downloads

+

+ {resource.downloads} +

+
+ )} + {resource.modules && ( +
+

Modules

+

+ {resource.modules} +

+
+ )} + {resource.projects && ( +
+

Projects

+

+ {resource.projects} +

+
+ )} + {resource.chapters && ( +
+

Chapters

+

+ {resource.chapters} +

+
+ )} + {resource.code_samples && ( +
+

+ Code Samples +

+

+ {resource.code_samples} +

+
+ )} +
+ + +
+
+
+ ))} +
+
+
+ + {/* Get Involved */} +
+
+

+ Ways to Contribute +

+

+ Join our community and help us build the future of game development. Whether you're a developer, designer, educator, or enthusiast, there's a place for you. +

+
+ {[ + { + title: "Submit Code", + description: + "Contribute to our open-source projects on GitHub", + }, + { + title: "Teach a Workshop", + description: + "Share your expertise and train the next generation", + }, + { + title: "Report Issues", + description: + "Help us improve by finding and reporting bugs", + }, + ].map((item, idx) => ( + + +

+ {item.title} +

+

+ {item.description} +

+
+
+ ))} +
+
+
+ + {/* CTA */} +
-

- Make an Impact +

+ Ready to Learn or Contribute?

- Join us in our mission to make technology education and open - source accessible to everyone around the world. + Dive in today and become part of our global developer community.