Offer Modal 13 block design & features
A shadcn/ui modal that invites shoppers to join a store loyalty program. One side holds the heading, a line of copy and two simple points rules divided by hairlines, and the other side shows a full height lifestyle photo.
Under the rules are an email field with a Join button beside it and a muted link for existing members to sign in. The email is validated before submit, and the modal opens by default in the preview.
On mobile the photo becomes a short strip above the text. The title, description, image, points rules, button label and sign in link are props.
Closing the modal leaves a small rounded "Join Members Club" button in the bottom left corner of the page. It fades in once the panel has gone and opens the modal again, and its label is the teaserText prop.