Skip to content
UI Kit
Accent color

Event

An event page sells a date. It has to say when and where at once, show the program that makes the trip worth it and make the ticket one click away until the doors open.

The order

Top to bottom, the way the sections sit on the finished page.

  1. Step 1 / 5 · Events and webinars

    Events and webinars

    Date, place, program and speakers of a conference or webinar in one section.

    Agenda by day, speakers, tickets, the venue on a map, a webinar sign-up and the recordings archive.

    6 variants · Events and webinars
  2. Step 2 / 5 · Festival

    Festival

    For a festival the line-up, stages and day plan with ticket categories.

    For festivals and open air events. The line up as a poster, the timetable by stage, tickets with release phases, the site map and how to get there.

    5 variants · Festival
  3. Step 3 / 5 · Launch and waitlist

    Launch and waitlist

    A countdown and a waitlist keep interest alive before tickets go on sale.

    The moment before and at a launch, in six layouts: a waitlist with your place in line, a countdown stage, a launch film, an early access invitation, an announcement with figures and a blurred teaser.

    6 variants · Launch and waitlist
  4. Step 4 / 5 · Applications and sign-ups

    Registration

    The sign-up form with ticket type, attendees and the confirmation.

    Signing up for an event, a course or a tournament, for one person or many. A block per ticket, dates with seats left and a waitlist, a team with a captain, ticket types with proof and workshops that warn about a clash.

    4 variants · Registration
  5. Step 5 / 5 · FAQ

    FAQ

    Arrival, accessibility, refunds and what to bring, answered once for everyone.

    Frequent questions as native accordions, grids, tabs and a search, with optional FAQPage data.

    7 variants · FAQ

Install all of it at once

One command puts every component of this collection into your project.

aiw add @ai-website/events @ai-website/festival @ai-website/launch @ai-website/registration @ai-website/faq

Prompt for your AI assistant

Hand Claude, Cursor, Copilot or Codex the order and it builds the page from exactly these parts.

Build an event page with the UI Kit. Use Events and webinars, Festival, Launch and waitlist, Registration and FAQ in this order. Write real copy for my offer and check the page in light and dark.

Often searched

Jump to

Copied to the clipboard