Skip to content
GetUrUI

Rally

NewTemplateProduct site6 screens

A six-screen site for Rally, a fictional boutique indoor cycling and HIIT studio: a kinetic photo hero with a now-playing chip, a day-strip schedule with book and waitlist states, class packs with live per-class pricing, instructor playlists, a book flow with an interactive bike map, and a first-visit guide.

Get this template

A self-contained Next.js project. One-time purchase, lifetime updates for this template, source yours to deploy.

$35

Or get every template with Lifetime

By continuing you agree to the Terms and the License. You ask for access to the digital content straight away and acknowledge that you lose your 14-day right of withdrawal once you download or install a paid item; our Refund policy still applies.

Included free with Pro Lifetime ($179) — compare plans.

Open

What is this?

Rally is a complete website for a boutique cycling and HIIT studio, built as a design kit. Six screens share one in-page router (and ?screen= deep links): home, schedule, class packs, instructors, a three-step booking flow with a real seat map, and a first-visit guide. Light is the house style and dark is designed to match. It ships with a theme file of colour and type roles, 22 typed components and real, licence-cleared photography: a class hero and six instructor portraits, cropped by focal point for cards and round avatars.

Who is it for?

Indoor cycling studios, HIIT and bootcamp boxes, rowing and reformer studios: any class-based business where people book a specific spot and come back for the instructor and the music. The schedule, seat map and pack calculator are the parts that usually take weeks to build.

What you get

Everything needed to make it yours.

Pick-your-bike booking

A studio map with 32 bikes on tiered arcs (or 20 HIIT stations), taken spots, arrow-key navigation and a springy pick, then confirm and get a ticket.

Schedule with real states

A seven-day strip with class counts, ride or HIIT and instructor filters, a spots-left meter and Book, Booked, Join waitlist and waitlist position states.

Packs that do the maths

Slide to how often you ride and every pack recomputes its per-class price and monthly spend, with the best value flagged for you.

Instructors with a sound

Each instructor card carries a playlist vibe, bpm range and a live equalizer, plus their signature class and a link to their week.

First-visit guide

A timeline that draws itself, a what-to-bring card, an interactive floor plan linked to its legend, and an accessible FAQ accordion.

Kinetic, but calm when asked

A live equalizer, a class marquee, word-by-word headline and spring presses, all of which settle under reduced motion.

Screens & sections

  • Home: kinetic hero, class marquee, up next today, how it works, stats, instructors, free-ride offer
  • Schedule: seven-day strip, ride or HIIT and instructor filters, spots left, book and waitlist states
  • Class packs: first class free, frequency slider, per-class and monthly prices, best value flag
  • Instructors: playlist vibe with live equalizer, bpm, signature class, link to their classes
  • Book: pick a class, pick a bike or station on a keyboard-operable studio map, confirm, ticket
  • First visit: minute-by-minute timeline, what to bring, interactive studio map, FAQ

Stack

Next.jsReact 19Tailwind CSS 4Motion

41 source files · GetUrUI components bundled

motion, lucide-react, clsx, tailwind-merge

More templates