Web3 Talents Website

A modern, responsive website for the Web3 Talents program - a 20-week online educational initiative by the TUM Blockchain Club to educate, connect, and build careers in Web3.

🌟 About

Web3 Talents is a comprehensive online program designed to help individuals from all backgrounds build careers in Web3 and contribute to a decentralized, secure, and human-centered digital future. The program runs from January 28, 2026 to June 17, 2026 and is fully conducted online.

Mission

Our goal is to educate and connect people from all backgrounds to build careers in Web3 and contribute to a decentralized, secure, and human-centered digital future.

🚀 Features

• Modern UI/UX: Built with Next.js and Tailwind CSS for a beautiful, responsive design
• Dark Mode: Optimized dark theme for better user experience
• Component Library: Comprehensive UI components using Radix UI
• Type Safety: Full TypeScript support
• Performance: Optimized for fast loading and smooth interactions
• Analytics: Integrated with Vercel Analytics

🛠️ Tech Stack

• Framework: Next.js 16
• React: React 19
• Language: TypeScript 5
• Styling: Tailwind CSS 4
• UI Components: Radix UI
• Icons: Lucide React
• Forms: React Hook Form + Zod
• Analytics: Vercel Analytics

📋 Prerequisites

Before you begin, ensure you have the following installed:

• Node.js (version 18 or higher)
• npm or yarn

🔧 Installation

1. Clone the repository:

git clone https://github.com/your-username/web3-talents-website.git
cd web3-talents-website

2. Install dependencies:

npm install

3. Run the development server:

npm run dev

4. Open http://localhost:3000 in your browser to see the result.

📜 Available Scripts

• npm run dev - Start the development server
• npm run build - Build the production application
• npm run start - Start the production server
• npm run lint - Run ESLint to check code quality

📁 Project Structure

web3-talents-website/
├── app/                    # Next.js app directory
│   ├── layout.tsx         # Root layout
│   ├── page.tsx           # Home page
│   └── globals.css        # Global styles
├── components/            # React components
│   ├── ui/               # Reusable UI components
│   ├── header.tsx        # Site header
│   ├── hero.tsx          # Hero section
│   ├── mission.tsx       # Mission section
│   ├── partners.tsx      # Partners section
│   ├── curriculum.tsx    # Curriculum section
│   └── ...
├── lib/                  # Utility functions
├── public/              # Static assets
└── styles/              # Additional styles

🎨 Customization

The website uses Tailwind CSS for styling. You can customize the theme by modifying:

• app/globals.css - Global styles and CSS variables
• tailwind.config.js - Tailwind configuration (if exists)
• Component files in components/ - Individual component styles

🚢 Deployment

The easiest way to deploy this Next.js app is to use Vercel:

1. Push your code to GitHub
2. Import your repository to Vercel
3. Vercel will automatically detect Next.js and configure the build settings
4. Your site will be live!

For more deployment options, see the Next.js deployment documentation.

📝 License

This project is private and proprietary.

🙏 Acknowledgments

• Built on the foundation established by the Frankfurt School Blockchain Center
• Powered by the TUM Blockchain Club

📧 Contact

For questions or inquiries about the Web3 Talents program, please visit the website or contact the TUM Blockchain Club.

---

Made with ❤️ by the TUM Blockchain Club