Diffused Glow Site
A complete site for a modern skin clinic and day spa: a concern-organised nav, a jade room lit by breathing WebGL halos, a treatment finder, treatment cards with light wells, lit-room memberships, a breathing ritual, a booking picker and a footer at dusk.
This is a viberdy Pro component
The live preview, the props panel and the write-up are open to everyone. The full source, the AI prompt and CLI install are part of Pro.
Ondine · Skin clinic & day spa
Skin, in its own light.
Doctor-led treatments and slow facials in a room built for exhaling. Consultations are free, and unhurried.
- Doctor-led, since 2019
- Free 30-minute consultation
- Open late on Thursdays
Treatment finder
Start with your skin,
not a menu.
3 treatments fit. Best fit: Signature Facial.
Signature treatments
Six treatments
we are known for.
Memberships
A standing appointment
with your skin.
Essential
One facial a month and a quarterly skin review.
£95/ month
- A monthly facial of your choice
- Skin review every three months
- 10% off products
Radiance
A facial and a targeted treatment every month.
£165/ month
- Everything in Essential
- A peel or LED session monthly
- Priority evening slots
- 15% off products
Renewal
A doctor-led plan built around your skin goals.
£290/ month
- Everything in Radiance
- Microneedling or RF every other month
- A doctor's plan, reviewed quarterly
- 20% off products
Monthly prices shown.
Three months minimum; pause any time for travel or pregnancy.
Every visit begins here
Arrive ten minutes early.
Breathe.
Before any treatment we sit you down, pour a warm tea and take five slow breaths together. It changes how your skin, and you, respond. Try it now.
In for 4 · out for 6
Book
Choose a time
that is yours.
Pick a treatment, a day and a time. We confirm by email within the hour, and you can move it up to a day before.
Props
"use client";
import { createContext, useContext, useEffect, useId, useMemo, useRef, useState, useSyncExternalStore } from "react";
import type { CSSProperties, FormEvent, KeyboardEvent as ReactKeyboardEvent, PointerEvent as ReactPointerEvent, ReactNode, RefObject } from "react";
/**
* DiffusedGlowSite — a modern skin clinic and day spa, set in the Diffused
* Glow register: a warm bone day for the body of the page, bookended by a
* near-black jade treatment room where soft, grainy halos of light breathe
* and lean toward the pointer. One calm reaction per view; the serif carries
* the voice.
*
* - A floating nav whose Treatments menu opens a panel by skin concern; a
* halo glides behind the concern you point at and its treatments show.
* - A hero in the jade room: two grainy halos (WebGL) breathe on a 10s cycle,
* the nearer one settles toward the pointer, and the headline is lit
* where the light sits behind it.
* - Headings that resolve from a soft blur into focus as they arrive.
// ---------------------------------------------------------------
// Full source available with a viberdy Pro subscription.
// https://viberdy.dev/pricing
// ---------------------------------------------------------------
}About this page template
A whole site for a modern skin clinic and day spa, designed as one piece and then cut into the Diffused Glow kit. It is set on two grounds: a warm bone day for the body of the page, bookended by a near-black jade treatment room. A floating nav of day glass opens its Treatments menu by skin concern. The first screen is the jade room lit by two soft, grained halos in WebGL; the lead one breathes and leans toward the pointer, and the serif headline warms where the light sits behind it. A treatment finder on a field of drifting colour asks three questions and brings the treatments that fit into the light. Six treatment cards hold their own light wells. Memberships are three lit rooms; the billing switch resolves every price. An arrival ritual offers a breathing guide. A booking picker blooms the chosen time into light and sends the request to your handler. The footer sets like the sun as it scrolls in. Every name, price, time and claim lives in one typed content object, DG_DEMO, marked as placeholder. It scrolls the page by default, or itself inside a fixed-height frame. Before launch, wire onRequest to your booking system (and isTaken to your availability), replace the demo links and content, and have clinical wording reviewed.
Curator’s note
The Diffused Glow kit, drop 6: the site the kit's assets are cut from. Pro: a full page composing every device of the kit (the WebGL halo engine in both its modes, the concern tabs, the finder, the light wells, the lit rooms, the breath pacer, the booking bloom, the dusk) around one typed, placeholder-marked content object.
Pairs well with
Matched on shared tags and category — the entries most likely to be used alongside this one.
Breathing Halo Hero
heroesA first screen in a near-black jade room lit by two soft, grained halos in WebGL: the lead one breathes on a slow cycle and leans toward the pointer with a 900ms settle, and the serif headline warms where the light sits behind it.
Dark Precision Site
templatesA complete launch site for a developer platform in the Linear/Vercel register: a nav that morphs into a command palette, a hero on a routing lattice of light, a trace console, beams that deliver, a circuit of features, pricing lit by a usage slider, a WebGL light-cone call to action and a horizon-lit footer.
Concern Finder Section
sectionsA three-question treatment finder: pick a concern, sensitivity and downtime, and the treatments that fit rise into the light, each as bright as its fit, gliding to new ranks as answers change.