Work
Esports team website
VOIDFANG
VOIDFANG is the website of a competitive esports organization: dark, aggressive and lightning fast. Player roster with profiles, tournament schedule, merch shop with cart, live streams and a blog - all with high-impact animations.
Team roster
Player roster filterable by game, with a detailed profile, stats and achievements for each.
Tournaments & results
Competition schedule with detail, bracket, scores and a countdown to the next match.
Merch shop
Product catalogue with sizes, reviews, filters and a persistent shopping cart.
Live streams
Built-in live section (Twitch/YouTube) so fans never miss a game.
High-impact design
Dark gamer aesthetic with Chakra Petch type, smooth scroll and framer-motion animations.
Multipage + SEO
About, sponsors, blog and contact, with metadata and Open Graph ready to rank.
Specs
- Type
- Esports team / organization website
- Stack
- Next.js 16 · React 19 · Tailwind v4 · Framer Motion
- State
- Client-side (zustand) - persistent cart
- Database
- Not required (template data)
- Languages
- English
- Year
- 2026
Screens
Features (26)
- Home page with animated hero
- Team roster by game
- Detailed player profiles
- Player stats and achievements
- Roster filter by game
- Tournament schedule
- Tournament detail with bracket
- Results and scores
- Tournament registration form
- Countdown timer
- Merch shop
- Product detail with sizes and reviews
- Product filters and sorting
- Persistent shopping cart
- Live streams (Twitch/YouTube)
- Sponsors/partners
- Sponsors marquee
- Blog/news with detail
- About page with timeline and staff
- Recruitment/contact form
- Email newsletter
- License setup wizard (4 steps)
- Demo mode with banner
- SEO with metadata and OpenGraph
- Framer-motion animations
- Smooth scroll and progress bar