Crew Estimate Moving Contact Block for React

Each home size has a base crew, truck length and hours on site (a studio is two movers, a 10 foot truck and 3 hours; 3+ beds is four movers, a 26 foot truck and 9 hours). A piano or a safe adds a mover and an hour; fragile art adds an hour. Every full 25 miles adds an hour on the road, and the range shown is that figure to one more hour (written 10–11 in the cell, and read as "10 to 11 hours" in the spoken sentence and the confirmation). It all lives in SIZES, SPECIALS, MILES_PER_HOUR and estimateOf at the top of the file, so you can swap in your own rules or call your pricing service from there. It is labelled "Example only" because nothing here is a quote.

It's a Toggle Group where several items can be on at once, with one rule on top: pressing None turns every other item off, and pressing any other item turns None off. Turning off the last item brings None back, so the group is never empty and the estimate always has an answer.

Once, when a choice settles. A hidden polite status speaks the estimate after the home size or the special items change and after the distance field loses focus, not on every digit typed. The estimate cells themselves are plain text in a definition list, so they can be read at any time.

Type a date as mm/dd/yyyy or open the calendar; it opens on the current month and days before today are greyed out. A past date typed by hand is refused too, with "Pick today or a later day." under the field. The clock is read only when the calendar opens or a date is picked, never during render, so the server and the browser render the same page. The date is required, and the confirmation repeats it.

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 a call to your quotes inbox: details holds the home, the items, the distance, the date, the name and the email. quotes@hauldrew.example is on the reserved .example domain. The confirmation promises no reply time, because nothing here keeps one.

The three bands stack at full width. The four home sizes stay in one row, the estimate keeps three cells (crew, truck, time) side by side down to 320 px, the fields go one per row and the button spans the width.