Skip to content
GetUrUI

Sattva

NewTemplateProduct site6 screens

A calm, six-screen site for Sattva Yoga House, a fictional in-person studio: a guided breathing widget, a filterable weekly timetable with class drawers, teacher profiles, a pricing calculator, workshops with a retreat countdown, and a four-step booking flow.

Get this template

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

$39

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?

Sattva is a complete website for an in-person yoga studio, built as a design kit: a theme file with clay, linen and olive colour roles for light and dark, a gentle serif type scale, and 23 reusable components, including a Photo frame with a consistent warm treatment. Six screens are joined by an in-page router (each one deep-linkable with ?screen=), and the imagery is 20 warm, real photographs (studio, styles, teachers, workshops and the retreat) from Pixabay, shipped with credits and a photos.json you can re-run to swap them.

Who is it for?

Yoga, pilates and meditation studios, independent teachers and small wellness spaces that want a site as calm as their classes, with a real timetable and booking flow rather than a contact form. The booking, capacity and pricing logic is plain React state, ready to wire to your scheduling system.

What you get

Everything needed to make it yours.

Guided breathing widget

Choose 4-7-8, box or coherent breathing and follow a circle that grows and softens with each phase. Under reduced motion it stays still and paces by count and cue instead.

Weekly timetable

Seven days in a column grid on desktop and day tabs on mobile, filtered by style and level, with spots-left status and a detail drawer for every class.

Book or join the waitlist

Class drawers show pace, room, teacher and live capacity. Open classes go to booking; full ones offer the waitlist, and your bookings stay marked across the site.

Four-step booking flow

Style, then time, then validated details with first-visit and payment options, then a confirmation summary. A first-visit guide sits alongside every step.

Pricing that does the maths

A classes-a-week slider recomputes the per-class price of every pack and the membership and highlights the cheapest plan for that rhythm.

Workshops and a retreat

Bookable workshops with capacity bars, plus a three-day retreat with day-by-day itinerary, early-bird countdown and a deposit hold.

Screens & sections

  • Home: hero, guided breathing (4-7-8, box, coherent), today's classes, styles, teachers, intro offer, visit
  • Schedule: seven-day timetable with style and level filters, class drawer, book or join the waitlist
  • Teachers: style filter, profiles with lineage, bio and this week's classes
  • Pricing: intro offer, packs and membership with per-class prices from a weekly-rhythm slider, FAQ
  • Workshops: three workshops with live capacity, a three-day retreat with itinerary and early-bird countdown
  • Booking: class, date and time, validated details, confirmation, with first-visit guidance

Stack

Next.jsReact 19Tailwind CSS 4Motion

41 source files · GetUrUI components bundled

motion, lucide-react, clsx, tailwind-merge

More templates