Charcoal UI

Stillwater: Day spa template

Treatments, booked in a breath.

For spas and wellness studios: a photo hero with treatment booking, a treatment menu, room accordion, therapists, reviews and a calm contact footer.

About the Stillwater template

Stillwater is for spas and wellness studios. A calm photo hero books a spa day, a treatment menu lists massage, facials and day packages, a room accordion shows the pools and sauna, and reviews and a footer close softly.

Treatments, booked in a breath. It is a complete day spa landing page for React and Tailwind CSS 4, assembled from 6 Charcoal UI sections.

Who Stillwater is for

  • Day spas and thermal baths.
  • Massage studios.
  • Wellness retreats.
  • Beauty clinics.

What is inside

6 sections, top to bottom:

  • Navbar Floating: A glass pill that hides on scroll down, with a gliding hover highlight and a mobile sheet.
  • Hero Local: Local business hero with open-now status, rating, address and a quick table booking card.
  • Menu Restaurant: Printed-menu section with serif dishes, dotted price leaders, dietary tags and course tabs.
  • Gallery Accordion: Destinations as an image accordion: hover a slim panel and it opens wide with its details.
  • Testimonials Rating: Store-style review summary with an average, a star histogram that filters, and verified reviews.
  • Footer Contact: Studio footer with a giant email link, address, hours, live local time and a huge faded wordmark.

How it is built

Serif headings and a deep teal accent are set on the wrapper. Every section is a separate Charcoal UI section, so you can reorder, remove or restyle any of them, and the accent colour is one CSS variable on the page wrapper.

Install Stillwater

npx shadcn@latest add @charcoal/stillwater

Templates are part of Charcoal UI Pro. One seat covers all 100 templates, 107 sections and 300 Pro components. The command installs the page and every section and component it uses, so it runs the moment it lands.

Frequently asked questions

Can I use Stillwater for a client site?
Yes. A Pro seat covers unlimited personal and commercial projects, client work included.
Is Stillwater a Next.js template?
It is a React 19 page that works in Next.js (App Router or Pages Router), Vite, Remix and Astro. Drop it into a route and it renders.

Sections in this template

  • Navbar Floating: A glass pill that hides on scroll down, with a gliding hover highlight and a mobile sheet.
  • Hero Local: Local business hero with open-now status, rating, address and a quick table booking card.
  • Menu Restaurant: Printed-menu section with serif dishes, dotted price leaders, dietary tags and course tabs.
  • Gallery Accordion: Destinations as an image accordion: hover a slim panel and it opens wide with its details.
  • Testimonials Rating: Store-style review summary with an average, a star histogram that filters, and verified reviews.
  • Footer Contact: Studio footer with a giant email link, address, hours, live local time and a huge faded wordmark.

Stillwater as Markdown