A Gym Brand Where Street Culture Meets Premium Web Design
RUSTRIOT is a graffiti-fueled hybrid training club — and its website matches the brand perfectly. Built with React, Three.js and Framer Motion, it features 3D elements, scroll-reactive marquees, glitch text effects, class booking, and multi-language support.
The Challenge
Most gym websites look the same — stock photos, generic templates, zero brand personality. RUSTRIOT needed a site that felt as raw and energetic as the brand:
- ✕Generic fitness templates don't capture a graffiti-culture brand — it needed to feel like walking into the gym
- ✕Class schedules change weekly — the site needed a filterable schedule by day and time slot
- ✕Booking needed to feel instant — no clunky third-party widgets breaking the brand experience
- ✕The brand serves an international community — multi-language support was essential from day one
- ✕Performance had to stay fast despite heavy animations, 3D elements and AI-generated imagery
The Solution
NextEra AI built RUSTRIOT as a fully custom React application — every pixel, animation and interaction designed to match the brand's street-culture energy:
Graffiti Brand System
Custom typography (Bungee, Stardos Stencil, JetBrains Mono), spray-paint drip animations, glitch text effects, and a dark palette with neon orange and acid green accents — the site feels like the gym walls.
3D Boxing Bag
A Three.js-powered 3D scene with a boxing bag and a distort-material glow sphere, auto-rotating with orbit controls — adding depth and interactivity to the hero.
Scroll-Reactive Marquees
Street-style text marquees that react to scroll direction and speed — “STRENGTH · COMBAT · RECOVERY · METCON · RUSTRIOT” — creating a cinematic, film-like scrolling experience.
Filterable Class Schedule
A full class schedule page with day-of-week and time-slot filters (Morning / Afternoon / Evening), class cards with coach names, difficulty levels, and instant “Book Now” buttons.
Stripe Booking Integration
Session booking powered by Stripe for secure payments — members can book and pay for classes directly through the site without leaving the brand experience.
Multi-Language (i18n)
Built with i18next and browser language detection — the site automatically serves content in the visitor's language, ready to scale internationally.
Glitch & Decrypted Text
Custom UI components — GlitchText for the hero headline, DecryptedText for section headers that “decode” on scroll — adding a cyberpunk edge to every heading.
Ambient Audio Player
A built-in audio player for the gym's playlist — members can listen to the RUSTRIOT soundtrack while browsing, reinforcing the brand atmosphere.
Supabase + Firebase Backend
Supabase handles class data and coach profiles, Firebase provides additional backend services — giving the team a flexible, scalable data layer.
Key Capabilities
What's Under the Hood
Experience RUSTRIOT — It's Live Right Now
Open the site and scroll through the graffiti hero, filter the class schedule by day and time, check out the coaches, or book a session — every interaction is designed to feel like stepping into the gym.
Want a Website This Bold for Your Brand?
Whether you're a gym, a studio, or any brand that refuses to look generic — let's build something that hits as hard as your work.