Hero Cover Section
v1.0 Starter

Detailed description

The Hero Cover Section block helps you build a modern WordPress hero banner without forcing a fixed text structure. You can add headings, paragraphs, buttons, columns or any Gutenberg block inside the content area.

Main Features

Custom background image, focal point or preset position, cover/contain mode, responsive desktop/tablet/mobile height, colored overlay with opacity control, directional gradient and content positioning.

SEO Usage

This block is designed for above-the-fold sections: homepages, landing pages, service pages, local pages and brand pages. It lets users manage their own H1/H2 hierarchy, calls to action and copy while keeping clean semantic markup.

Performance

Zero useless scripts, Vanilla JS only.

Native Gutenberg

WCAG compliance for all users.

Starter Vanilla JS

Hero Cover Section

JS Weight

< 2kb

Version

1.0

WCAG

WCAG 2.1 AA

0

Likes

1

Downloads

Dependencies None
License Starter
Accessibility WCAG 2.1 AA Compliance

Vanilla JS Architecture

Guaranteed zero technical debt, optimized for Core Web Vitals.