Skip to content

Sport & Wellness · 2026

Boxing Center — États-Unis

A monument you approach

  • Next.js
  • TypeScript
  • Three.js / WebGL
  • GSAP
  • Lenis
  • Tailwind CSS
Boxing Center — États-Unis

Overview

The États-Unis room — billed by the club as the largest combat-sports gym in France. A “monument” art direction: navy and bronze, Cinzel engraved caps, and a real Three.js steel monolith you walk through.

Visit the live site ↗

The challenge

The flagship room deserved more than a listing: the sheer scale of the building had to be felt, and the venue set apart without duplicating content or look.

Our answer

A steel/bronze monolith hero revealed by the cursor, then a scroll-driven flythrough of three zone-rooms (I/II/III), cross-dissolved by camera distance. A persisted bronze/steel palette toggle (no flash). Video + photo-scroll fallback when WebGL is unavailable.

The outcome

Live (2026) at clubmma.fr — the real Three.js walkthrough with a DOM fallback, serving the largest combat-sports gym in France.

Metrics pending client validation.