Skip to content
GetUrUI

Thermae

NewTemplateProduct site6 screens

A six-screen site for Thermae, a fictional modern thermal bathhouse: kinetic architectural type over real bathhouse photography, an interactive hot-cold-rest circuit drawn as a route with a step-by-step timer, three-hour sessions with live capacity bars, memberships with a monthly/annual toggle and comparison table, a ticket-style booking flow and a 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?

Thermae is a complete website for a modern thermal bathhouse, connected by a small in-page router so every screen is one click (or one ?screen= link) away. It is built as a design kit: one theme file with deep mineral roles for dark and pale limestone for light, a temperature ramp that only ever encodes heat and cold, a strict 12-column grid, and 21 typed components, from the circuit route and countdown timer to capacity meters and a ticket summary. Its photography is 11 real architectural photos (a vaulted bath hall, pools, saunas, stone and water) graded into one mineral set and credited, ready to swap for your own.

Who is it for?

Bathhouses, thermal spas, saunas, cold-plunge clubs and wellness venues that sell timed sessions and memberships. If your guests ask "how busy is it, what do I do when I get there, and how do I book?", the live sessions, guided circuit and booking flow answer all three.

What you get

Everything needed to make it yours.

Interactive thermal circuit

Seven stations drawn as a looping SVG route, coloured by temperature, with step-by-step guidance and a countdown that walks you through three rounds.

Live-feeling capacity

Every session shows a segmented meter and places left, ticking as guests book, with filling, last-places and full states that read at a glance.

Ticket-style booking

Pick a day and session, set guests and extras, add the lead guest with validation, and watch a perforated entry ticket total everything live.

Memberships that compare

A monthly / annual toggle rolls every price and shows the saving, three plans sit side by side and a full table compares them line by line.

Real architectural photography

11 Pixabay photos through next/image with figure captions, graded cool to sit in the mineral palette, one per room and per circuit station, credits included.

A real design kit

Colour, temperature and type roles in one theme.css, a single sulphur accent that only means book, and 21 typed components on a strict grid.

Screens & sections

  • Home — kinetic headline, vaulted hall photo, stat strip, circuit at a glance, today's live sessions, rooms
  • Journey — SVG thermal circuit with temperatures, a photo of each station, guided steps and a countdown timer over three rounds
  • Sessions — 14-day date strip, time-of-day filter and sessions with live capacity bars
  • Memberships — monthly / annual toggle, three plans, comparison table and member questions
  • Booking — session, guests and extras, lead guest details and confirmation beside a live ticket
  • Visit — what to bring, house rules accordion, opening hours and transport

Stack

Next.jsReact 19Tailwind CSS 4Motion

40 source files · GetUrUI components bundled

motion, lucide-react, clsx, tailwind-merge

More templates