Header module demos
Sample pages for the new header modules, grouped by module. Each link opens a live demo page in a new tab.
Hero Video + Text
A split header: a video player on one side, text on the other.
- Video on the left
Text on the right, video player on the left. - Video on the right
Text on the left, video player on the right. - Video on top
Full-width video on top; heading on the left, copy and buttons on the right, below.
Scrolling Images + Text
One module, several presentations — text on one side, continuously-scrolling images on the other.
- Horizontal scroll
Two rows of images drifting sideways at the same (slow) speed. - Horizontal scroll — mixed speed
Two rows, one drifting slower than the other. - Vertical scroll
Two columns of images drifting upward. - Stacked
Centred text on top, a single full-width row scrolling along the bottom. - Vertical parallax
Two overlapping image layers scrolling at different speeds, for depth.
Full-width Image + Text
A full-bleed background image with text overlaid on the left.
- With buttons
Heading, copy and two buttons over the image. - With email signup
Heading, copy and an email-signup field over the image (styled placeholder).
All header variants live under the page’s “Page Header” settings (Header Style). The scrolling presentations share one module via the Layout, Scroll Direction and Lane Speeds fields.
