Hero

​

Variants

​

Default

resources/js/Components/Sections/HeroDefault.vue

​

Align

align?: "left" | "center" | "right"

You can pass the prop align to the component to display it’s layout in three different ways.
Defaults to center.

​

Floating

resources/js/Components/Sections/HeroFloating.vue

This version has centered content with floating blocks where you can put images, colors, logos, etc.
By default there are six floating blocks, but you can easily update this.

This components has no props.