Events Page

v1.0.0·Added in 1.7.0

A SaaS events page: a featured webinar with countdown and sign-up, filterable upcoming events, a replay, past recordings and speakers.

See upcoming events glides down to the list (Watch recordings to the recordings). The featured webinar counts down to its start, live, and its register form checks the name and email; Register for free spins while onRegister runs, then the card turns into a confirmation with Add to calendar (downloads an .ics file) and Register someone else. Filter the upcoming list with the type chips (All, Webinars, Meetups, Conferences, each with its count; the row scrolls sideways on phones); the result count is announced and an empty type shows Show all events. Times read in the event's time zone; Use my time zone switches every date block, row and the featured card to the visitor's zone, and the same link switches back. Each row is one link to /events/<slug>: a plain click opens the event in a side panel (a draggable bottom sheet on phones) with when and where, the agenda, the hosts and a register form whose button sits in the panel footer; Cmd or Ctrl click opens the link instead. The replay plays a chaptered walkthrough in a dialog. Every recording card is one link with a drawn title card, its length and views. The speakers row shows initials, and the closing card subscribes an email to monthly invites. The hero and featured card rise in once on mount; reduced motion keeps them still.