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.

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. Forge is built around the one thing that matters: getting the first class booked. A permanent CTA in the header, a booking modal on every page, a visual before/after proof of progress, coach credibility, transparent pricing and a FAQ that kills the fear of walking in as a beginner.

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

Home — the full story, from first impression to booking

Thank You — post-booking page with clear next steps

404 — themed "knocked out" page, not a dead end

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.

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

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

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

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

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

The Path — a pinned horizontal scroll through the journey from first class to the cage. Fully native, no plugins.

Diagonal FIGHT ribbons — two crossing tickers for raw energy.

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

Review marquee — two rows moving in opposite directions, pausing when hovered.

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

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

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

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

Animated underline links in the header and footer.

Everything is native Framer — real text layers and frames on the canvas, not baked into code.

Reusable components with variants: Button, Nav Link, Icon Button, Header, Coach Card, Plan Card, FAQ Item, Footer, Submit Button, Booking Modal.

Shared color styles and a full type scale — change the accent color once and the whole site follows.

Fully responsive: Desktop, Tablet and Phone breakpoints, each hand-tuned. Mobile menu included.

Fonts: Anton, Inter, JetBrains Mono.

SEO done: page titles, meta descriptions, Open Graph images, favicon and Apple Touch icon

Clean heading structure, alt texts, semantic sections

Smooth-scroll anchors across the whole page

Appear animations that play once, not on every scroll

Swap the photos and the hero video for your gym

Replace coach names, records and bios

Set your prices and class schedule

Change the accent color if orange isn't your brand

Connect the booking form to your email or CRM

Publish Live demo: https://getforged.framer.website