Contact 39 block design & features
The block opens with a heading and a short line explaining that the brief writes itself.
On the left is the form: name and company, email, button groups for the service needed and the budget, an ideal launch date and a short description. On the right sits a printed-style brief page that updates live: a monospace masthead, the sender's name and company, a ruled row for need, budget and launch, and the short version of the project. Empty fields show as pale placeholders until they are filled.
The preview stays pinned on desktop while the form scrolls, and its footer changes from Draft to Sent after submitting.
On mobile the preview moves below the form.