Freeframe
Health & Fitness9 pages · 0 downloads · Free

Flow

A calm, airy yoga studio website with a live timetable and mat-by-mat class booking.

About this template

A complete website for an independent yoga studio: a home page showing today's classes from the timetable, a rolling seven-day timetable with style, level and teacher filters and now/next markers, mat-by-mat booking saved to My bookings, class styles with a level guide, teacher profiles, passes and memberships with an intro-offer calculator, workshops and retreats with a booking enquiry, and a beginners' guide with a searchable FAQ.

Features

  • Today's classes on the home page, worked out from the weekly timetable and the current UK time
  • Rolling seven-day timetable with style, level and teacher filters, shareable as ?style=, ?level= and ?teacher= links
  • Live "On now" and "Up next" markers on every class list
  • Reserve a mat: pick your spot in a room plan, saved in the browser and listed under My bookings on every page
  • Class styles with a three-level guide and each style's next class
  • Intro-offer calculator comparing drop-ins, passes and memberships for how often you practise
  • Workshops and retreats with a kind filter and a validated booking enquiry form (?event= preselects one)
  • Beginners' guide with a searchable FAQ accordion that highlights matches
  • Hand-drawn SVG line art, arch frames and wave dividers, with no photos

Pages included

Quick start

unzip flow.zip && cd flowopen index.html        # that's it # optional, after adding new Tailwind classes:npm install && npm run build
Read the Flow documentation →

Changelog

  1. v1.0.0

    Added

    • Eight pages for Salt & Sage Yoga, a fictional independent yoga studio in Falmouth, Cornwall: home, timetable, class styles, teachers, pricing, workshops and retreats, beginners' guide and FAQ, and contact, plus a 404 page.
    • Home page "today at the studio" list and a "next class" card, worked out from the weekly timetable and the current UK time; after the last class it shows tomorrow instead.
    • Rolling seven-day timetable with style, level and teacher filters (shareable ?style=, ?level= and ?teacher= links), "On now" and "Up next" markers and mats left for each class.
    • Mat booking: choose your spot on a room plan, saved in localStorage (or in memory when storage is blocked), listed under My bookings with a count in the header on every page, and cancellable.
    • Class styles with a three-level guide, each style's next class and classes a week; teacher profiles with their next class.
    • Class passes and memberships with an intro-offer calculator that compares every option for how often you practise, with a concession toggle.
    • Workshops and retreats with rolling dates (or fixed dates you set), a kind filter, past events hidden automatically and a validated booking enquiry form (?event= preselects an event).
    • Beginners' guide and a searchable FAQ accordion that highlights matching words.
    • Contact page with an illustrated map, travel notes, today's opening times and a validated message form.
    • Hand-drawn SVG line art, arch frames, pebble shapes and wave dividers; EB Garamond and Mulish.
    • Full documentation in DOCS.md.

More templates

Bloom website template preview

Bloom

Health & Fitness

A calm, elegant website for a hair salon and day spa, with online booking and gift cards.

HTML + TailwindNext.jsAstroWordPress

9 pages · 154 KB

Documentation