The Forge - MMA

About The Forge - MMA

A dark, cinematic Framer template built for fight gyms. Every section is designed to turn a curious visitor into a booked first class — not just to look good in a portfolio shot.

THE PROBLEM IT SOLVES

Most gym websites look like generic fitness landing pages: stock smiles, pastel gradients, a phone number in the footer and nothing that makes someone actually walk through the door. Combat gyms sell something different — intensity, respect, transformation — and that never survives a soft template.

WHO IT'S FOR

  • MMA gyms and fight teams

  • Boxing clubs

  • Muay Thai and kickboxing studios

  • BJJ, judo and wrestling academies

  • Strength & conditioning coaches working with fighters

  • Fight promotions and event brands

WHAT'S INSIDE

  1. Cinematic preloader — the hero frame opens from center to edges with a live % counter, then flies you into the site. Plays once per visit, never annoys returning visitors.

  2. Scroll-scrubbed hero video — the fighter moves as you scroll, with a creed that lights up word by word.

  3. Before / After drag slider — six months of training in one gesture. The strongest sales argument a gym has.

  4. Progress timeline — week 1, month 3, month 6, with staggered reveals.

  5. Stats band — years, fighters trained, titles, weekly classes.

  6. Disciplines slider — seven arts on a sliding track with animated titles and coach credits, tuned separately for desktop, tablet and phone.

  7. Diagonal FIGHT ribbons — two crossing tickers for raw energy.

  8. Coach cards — six coaches with records, experience and a bio that slides out on hover.

  9. Membership plans — three tiers with a featured state and clear feature lists.

  10. FAQ accordion — the six questions every first-timer asks.

  11. Booking modal — name, email, discipline, preferred time, difficulty and message, with success and pending states, redirecting to the Thank You page.

  12. Ember particle background — a subtle live layer across the whole site.

  13. Animated underline links in the header and footer.