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 organisation 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, and 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.
Where to go next
Blueprints vs templates
How blueprints, templates, and reusable sections differ when you edit them later: a blueprint copies blocks once, while a template and a reusable section stay in sync.
Create the page
Start the Remarkable Theatre landing page: set its title, web address, and visibility, start from a blueprint or blank, save a draft, and open the live preview.