Build your first page
Build a working landing page for a fictional theatre from blocks: a banner opener, an intro, a grid of upcoming events, then publish.
Build a complete landing page for Remarkable Theatre, a fictional organization used throughout this tutorial. You start with an empty page and finish with a published page that has:
- a full-width Banner opener over the theatre's main image,
- a short intro section welcoming visitors,
- a grid of upcoming events that stays current on its own,
- and a shareable preview link so a colleague can sign off before it goes live.
Work through the four pages in order. Each step builds on the last.
This tutorial uses Website Builder
Website Builder provides the blocks used here, while your selected Website Builder theme supplies their styles. Sites built with a custom theme use a different, theme-defined editor.
Create the page
Add a new landing page. Give it a title and address. Open the live preview. See Create the page.
Add a banner
Put a full-width opener at the top with a heading, a button, and a readable overlay. See Add a banner.
Add content and events
Write a short intro. Then list upcoming events that update themselves. See Add content and events.
Preview and publish
Check the page. Share a preview for sign-off. Then publish or schedule it. See Preview and publish.