Press Kit Contact Block for React

Yes, and tiny: the logo is a 272-byte SVG drawn in currentColor, the fact sheet and the specifications are short text and CSV. They are built from strings at the top of the file and saved with the Download Trigger, so nothing is hosted. For a real kit, set each row's data to a fetch of your file (the trigger takes a Blob, a string or a promise of either) and write its real size in the description.

When a date is chosen, the block counts the days from today and shows the badge when that is two or fewer; the clock is read at that moment, never during render, so the page renders the same on the server and in the browser. Days before today are shown as unavailable in the calendar. Change RUSH_DAYS to move the line.

The field takes a typed date (mm/dd/yyyy), and the calendar button opens a grid you can move through with the arrow keys and pick from with Enter. The month it opens on is the current one. The field is named by its label, and the hint under the row explains the Rush mark. The same Ark date picker powers it on every base.

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 press inbox: details holds the name, email, outlet, request, deadline, rush flag and note. press@voltmere.example is on the reserved .example domain.

The header, the form, then the press kit. The request switch and the deadline stack one per row below sm, the button goes full width, and each kit row keeps its Download button beside its name.

It thanks the visitor by first name, repeats the outlet, the request, the deadline when there is one and "marked Rush", and the email replies go to. It's a status region that takes focus; "Send another request" brings back an empty form and puts focus on its heading.