Extra Hero
This project provides a reusable hero block for creating impactful marketing pages, featuring a polished design, editor-friendly controls, and sample content. It's designed to work seamlessly with the Basecore theme, offering a professional landing page look out of the box.
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:
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.