Coming soon hero

Centered launch hero with oversized headline, waitlist copy, and an inline email signup form.

herocoming-soonwaitlistemaillaunchlandingpagehub

About this block

A full-height opening section for a site that isn't ready yet. It has a large headline, a short note about what's coming and an email field so people can ask to hear when you launch. One clear action keeps the page simple and gets more signups.

When to use it

  • A pre-launch page while you build the real site.
  • Collecting a waitlist for a new product, shop or location.
  • A temporary page during a rebrand or move.
  • Testing interest in an idea before you build it.

What's inside

  • An eyebrow in your primary colour that reads "Launching" followed by the current year, filled in automatically.
  • A large h1 headline that scales from 36px on phones up to 96px on wide screens.
  • A short paragraph, centred and kept to a readable width.
  • A form with one required email field and a Get notified button. They stack on phones and sit side by side from 768px.
  • A small privacy note under the form.

How to customize it

  • Replace the eyebrow with a real date if you have one, like "Opening 3 March".
  • Say exactly what people will get: "One email on launch day" sets a clear expectation.
  • In the form settings, choose where signups go: email, saved in PageHub or a webhook to your mailing list tool.
  • Add your logo above the eyebrow, and a few social Links below the privacy note.

Questions

Will a coming soon page get indexed by Google?
Yes, if it's published and has real text. A clear headline and description help search engines understand what's coming, so you can start showing up before launch.
Where do the email signups go?
Wherever you set in the form settings. You can save them in PageHub and export them, have each one emailed to you, or send them to your email tool with a webhook.
Should I add a countdown timer?
Only if you have a firm launch date. A countdown that runs out before you launch hurts trust more than having no date at all.

Browse other blocks

Same library cards — preview live and grab structure from any block.

View full library

Hero split

Two-column hero with eyebrow, heading, description, and CTAs on the left. Image on the right.

Hero centered

Clean centered hero with eyebrow, large heading, description, and two CTA buttons.

Hero photo backdrop

Full-height hero with a cover photo, theme-tinted overlay, centered headline, subtitle, and CTAs.

Hero dark background

Dark background hero with eyebrow, centered heading, description, and CTA buttons.

Hero parallax cover

Full-bleed cover image hero with a theme-tinted gradient overlay, parallax scrolling on larger screens, and a centered eyebrow, headline, subtitle, and two CTAs. Pair it with your site header above.

Hero split portfolio

Bold split hero with oversized stacked typography on the left and a large framed image on the right.

Hero centered minimal

Clean centered hero with a large heading and subtext on a plain background. Simple and versatile.

Image band with overlay

Full-width image hero with a gradient overlay, centered headline, subtitle, and CTA.

Hero with announcement

Centered hero on a brand-colour background with an announcement pill and link at the top, a large headline, two CTAs, and a trusted-by row of customer names.

Hero split with features

Two-column hero with a headline, two icon feature columns that each carry a button, and a large cover image on the right.

Hero with video

Centered hero with social proof row, headline, CTAs, and a large video or image thumbnail below.

Bakery hero

hero section from the Bakery & café site template, opens with “PERFECTION”, with 2 CTAs.