Hero

hero

Arguments

align
full (default), wide or none (empty value also supported)
title
The title of the block
description
A text element shown below the title
children
items to add within the header

Hero with two buttons and parallax background

A pretty standard use case for a hero component, but with a parallax background.

Hello world

This is a description
Kontakt oss Les mer
echo fuse( 'hero', array(
    'title' => 'Hello world',
    'description' => 'This is a description',
    'background-image' => 33,
    'background-attachment' => 'fixed',
    'class' => 'overlay-dark',
    'children' => [
    	fuse( 'button', [
    		'label' => 'Kontakt oss',
    		'href' => 'https://www.google.com'
    	]),
    	fuse( 'button', [
    		'label' => 'Les mer',
    		'variation' => 'secondary',
    		'href' => 'https://www.google.com'
    	])
    ]
) );