No description
- TypeScript 84.2%
- MDX 11.7%
- CSS 2.4%
- JavaScript 1.7%
|
|
||
|---|---|---|
| app | ||
| components | ||
| content/news | ||
| lib | ||
| .env.example | ||
| .gitignore | ||
| next.config.js | ||
| package-lock.json | ||
| package.json | ||
| postcss.config.js | ||
| railway.toml | ||
| README.md | ||
| tailwind.config.js | ||
| tsconfig.json | ||
| vercel.json | ||
aethex.org — AeThex Foundation
The public-facing website for the AeThex Foundation, the nonprofit arm of the AeThex Trinity.
Stack
- Framework: Next.js 14 (App Router)
- Styling: Tailwind CSS
- Icons: Lucide React
- Language: TypeScript
Getting Started
# Install dependencies
npm install
# Run dev server
npm run dev
# Build for production
npm run build
npm start
Pages
| Route | Description |
|---|---|
/ |
Homepage — hero, impact, programs, CTA |
/mission |
Mission, vision, values, origin story |
/programs |
GameForge, education, open source, community |
/get-involved |
Volunteer, contribute, donate, partnerships |
/news |
Blog / announcements (placeholder data) |
Branding
- Primary color: Foundation Red (
#DC2626/foundation-500) - Typography: Outfit (display) + DM Sans (body)
- Design: Clean nonprofit aesthetic with red accents
Next Steps
- Replace placeholder news posts with CMS or MDX
- Add Open Collective / donation integration
- Connect Discord widget or member count API
- Add favicon and OG images
- Deploy (Vercel, Railway, or Cloudflare Pages)
Trinity Color System
| Entity | Color | Domain |
|---|---|---|
| Foundation | 🔴 Red | aethex.org |
| Corporation | 🔵 Blue | aethex.com |
| Labs | 🟡 Yellow | aethex.dev |
Built with ❤️ by the AeThex Foundation.