Offer Modal 3 block design & features
A shadcn/ui offer modal that sits near the bottom of the viewport instead of the center. It opens with a wide rounded photo, followed by a centered title, a short line about member benefits and an email field with a Join button on the same row.
A solid close button hangs off the top right corner of the panel. The email field is validated, and an error message appears under it for an invalid address. The title, description and image are props.
On mobile the panel spans the width of the screen, the email field and button stack, and the content scrolls if it runs taller than the screen.
Closing the modal leaves a small rounded "Join the Style 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.