Extra Hero

Extra Hero is a reusable hero block recipe built for marketing‑style pages where first impressions matter. It ships a polished Hero block type plus sample content so you can see the result immediately. The recipe is designed to shine with the Basecore theme, delivering the exact front‑end look shown in the screenshots.

This is the same component we use in More than Themes premium products - now contributed to the community as a clean, reusable recipe.

See Extra Hero in action (video)

Prefer to see the recipe in action?

This short walkthrough video demonstrates Extra Hero inside a real Drupal CMS setup.

▶ Watch the Extra recipes demo on YouTube

Why it stands out

• A strong, modern hero layout that feels like a real landing page, not a placeholder.
• Editor‑friendly fields and layout controls that make it easy to tune the look.
• Includes demo content so teams can see and iterate fast.

Editor experience (what site builders/editors see)
The Extra Hero block gives editors a clear, structured form with sensible options:

• Multiple headline lines for a rotating title effect.
• Rich description text, plus a small supporting note (pricing/footnote style).
• Image media with alt/title fields.
• Layout controls (column width, alignment).
• One or more CTA links.

Front‑end experience (what visitors see)
A clean, spacious hero that pairs bold typography with a strong visual and clear call‑to‑action buttons. The layout scales beautifully across screens, giving teams a credible “product‑grade” hero without custom theming.

What this recipe provides

• Block type: Extra Hero
• Fields and display configuration
• Sample content in content/ for instant preview

Where to find the demo block

In Layout Builder, click Add block → Content block and look for:

• Extra Hero - Signature Hero

Best with Basecore

Extra Hero is built to look its best with the Basecore theme:

• https://www.drupal.org/project/basecore

Try Extra Hero Instantly in Your Browser

Want to see how Extra Hero looks and works inside a real Drupal site — without installing anything?

We’ve prepared a live, cloud-based Drupal CMS development environment using GitHub Codespaces + DDEV. You can test Extra Hero (with Basecore styling) in minutes, directly from your browser.

One-click demo setup includes:

• Drupal CMS 1.3.x
• Basecore theme pre-installed
• Extra Hero recipe ready to apply
• Extra Project Browser to discover the recipe
• No local setup required!

Try Extra Hero in GitHub Codespaces now

Installation

• Download the recipe with Composer:

composer require drupal/extra_hero

• Apply the recipe via the Recipes UI, or:

drush recipe extra_hero

• You can also find it through Extra Project Browser:
  https://www.drupal.org/project/extra_project_browser

Screenshots

TODO: Add images

• Front‑end hero preview
• Editor form with Text/Media/Layout/Actions controls

About this contribution

Extra Hero is a reusable component from More than Themes Webmaker+ premium distribution, shared to help the community ship beautiful, high‑impact landing pages faster.