Timber and lead time Contact Block for React

Each timber has a starting number of weeks: oak 4, walnut 5, ash 3. Every extra pair of tables adds a week, from the quantity above one. Two oak tables stay at 4 weeks. Twelve walnut tables are 5 plus 5, which is 10, and that 10 is also the longest the bar can show, taken from the same formula. An empty or invalid quantity shows no weeks and an empty bar. The number is written beside the bar. The bar itself is decorative.

No. The control is built so a new press replaces the previous finish, and pressing the one that's already on leaves it on. The sheet's care line follows the finish. The finish does not change the lead time.

No. Each timber has an example rate per table (oak $1,280, walnut $1,640, ash $980), multiplied by the quantity. The line says "Starting at" and "Example rate, before size." Replace the rates, or remove the line, when you wire a real price.

Nowhere yet. The submit handler waits 800 milliseconds, as a stand-in for a request, then shows the confirmation. Replace that timer in submit with your own call. details holds the timber, the finish, the quantity, the name, the email and the optional note. The confirmation repeats the count, the timber, the finish and the weeks from those same figures.

The form has noValidate. On submit, problems checks a quantity from 1 to 12, a name and an email address with an @ and a domain. Timber and finish always have a value. Each problem appears under its field and focus moves to the first one. The note is optional and is not checked.

The confirmation replaces the builder, in the same grid cell, and takes focus. The sheet is outside that cell, so the visitor can still read the timber, the weeks and the example rate they just sent. "Start another order" clears the builder back to oak, oil and 2 tables and puts focus on its heading. The email and phone under the sheet are fictional: hello@ashgrain.example and +1 (415) 555-0105.