Previous Age Verification

Announcement Popup

Promotional modal for announcements, offers, and news.

This page is a scaffold for the Announcement Popup component. Build the live markup, Alpine.js interactions, and DaisyUI/Tailwind classes here, then replace this placeholder block with the real preview + code snippet.

Planned variants & states to implement:

  • Center modal popup
  • Corner toast-style
  • Full-width banner
  • Countdown timer inside
  • Delay trigger (Xs after load)
  • Exit-intent trigger
  • Once per session cookie
9

Modal

Centered dialog overlay with backdrop, header, body, and footer.

Drawer

Side-anchored sliding panel for detail views and actions.

Offcanvas

Off-screen panel that slides in from any edge.

Tooltip

Small contextual label appearing on hover or focus.

Popover

Rich contextual popup with title, content, and arrow.

Alert Dialog

Blocking confirmation dialog requiring user action.

Lightbox

Full-screen media viewer with navigation controls.

Cookie Notice

GDPR-compliant cookie consent banner with accept/decline.

Age Verification

Age gate overlay requiring confirmation before content access.
Previous Age Verification