defuss-shadcn / Website / Industries / industry-spa
Spa
A one-page site for a day spa in an old bathhouse - a pool window of moving light, ten treatments with their minutes and prices behind a filter, day packages, a booking that names the therapist and the slot, a gift voucher that writes itself as you type, every room on one thermometer from 12 to 90 °C and the quiet hours, live. Three looks: Stone, Eucalyptus and Night bath. One of the Showcase sites.
Salt & Cedar, a day spa
The Look select switches the palette, the water in the pool window and the seal on the voucher: Stone (limestone and basalt), Eucalyptus (sage and deep green) and Night bath (ink blue and candle light). The pool window is a Shader (caustics), the sign with today's temperatures hangs from a string, the filter is radio chips read by :has(), the booking and the voucher send to a thank-you dialog that resets the form when it closes.
Built from Site Header (its Sheet on a phone), Hero (split), Section Header, Filter Bar chips, Pricing, Booking Form, Testimonials, Opening Hours, Site Footer, Avatar, Select, Input, Textarea, Radio, Swap and four Dialogs. The pool window is a Shader (caustics) in a corner-arch, the voucher a ticket (Shapes); the thermometer, the duration rings and the hanging sign are the page's own CSS. The palettes are tokens on the site's root, so every component inside follows the look.
Comments, ideas or improvements? Edit this page's source on GitHub