Under Construction Notify Error Block for React

It checks on press, never before: an empty field says "Enter your email address.", an address without an at sign or a dot says "Enter a full email address.", and focus goes to the field. A good address waits 700 ms behind a busy button, then the form is replaced in its own space by "Noted, in this demo", which shows the address and says no email is sent. "Use a different address" returns to the form with focus on the field. To go live, send the address to your list provider where the code says so.

Each phase has a typed start and end date, and AS_OF is a fixed "today", so a phase is done once its end has passed and the first unfinished phase is the current one. The bar is the share of the whole schedule's days that have passed, and the launch month in the sentence is the last phase's end. Nothing reads the clock, so the page looks the same on the server and in every time zone. Say "of the schedule", not "complete": time passed isn't work done.

No. It's a read-only list of Steps: there are no triggers, so nothing can be pressed or jump ahead; it is a drawing of where the build stands, and each phase carries its state in words ("Done", "In progress", "Planned") as well as in its marker. The marker numbers and rail are decorative.

A purely decorative band, aria-hidden, drawn with a repeating CSS gradient in the foreground color at 10%, so it follows every theme and both color modes. It's the only decoration on the page; delete the one div to remove it.

For a page that stands in for a product that isn't there yet, the usual answers are 200 with noindex while it is a holding page, or 503 with Retry-After if it replaces a real site for a while. A component can't set either: do it in your route.

The mark, heading, sentence, email field and button come first and the button ends on the first screen. A ruled band with plus marks then starts the phases, with the schedule bar over the four phases.