Offer Modal 6 block design & features
A wide shadcn/ui offer modal for a first-order discount. The left side holds three vertical columns of fashion photos, and the right side has a centered serif heading, a short line about the mailing list, an email field, a Subscribe button, a Cancel button and three small social icon links.
The photo columns scroll on their own in a slow loop, with the middle column moving the opposite way to the outer two. The email field is validated before submit. The heading, description, photo columns and social links are props.
On mobile the photo columns shrink to a short band at the top of the modal and the form sits below it.