What this is

One café. Six versions of its own homepage, chosen by the clock, the sky and the season — headline, featured items, menu order, wait time, and which button is the loud one. Nothing above was edited by hand between states. Move the controls and watch the site re-decide.

Why it's interesting

Almost every small-business website says the identical thing at 6am and 6pm. That's not a content problem, it's an architecture problem — the page has one state because it was built with one state.

Giving it more costs nothing per month and answers the question the visitor actually arrived with. Someone opening a café site at 7am wants to know if the espresso machine is on. At 7pm they want a table.

Where it earns its keep

Restaurants, clinics, trades, garden centres, anywhere the right thing to say depends on when someone walks in. Weather-driven versions are especially strong for anyone whose demand moves with it — roofers, HVAC, delivery, patios.

Under the hood

The room is a single 3D scene rendered four times from a locked camera. A depth pass drives parallax and focus in a WebGL shader; a matte keyed from that same depth pass lets weather and season be graded through the glass only, which is why one render set covers four seasons.

In production the state is resolved server-side from the visitor's local hour and a cached weather lookup, so the first paint is already correct — no flash of the wrong content, and it degrades to the midday version with JavaScript off.