This is a subtitleHello World, this is a very long title.

Discover more

<Docs title="With background color" layout="fullscreen">
	<HeroTeaserHome {...props} backgroundColor="rgb(244, 133, 100)" />
</Docs>

<Docs title="With background image" layout="fullscreen">
	<HeroTeaserHome {...props} backgroundMedia={image} />
</Docs>

<Docs title="With background image, text left" layout="fullscreen">
	<HeroTeaserHome {...props} textPositionDesktop="left" backgroundMedia={image} />
</Docs>

<Docs title="With background image, text right" layout="fullscreen">
	<HeroTeaserHome {...props} textPositionDesktop="right" backgroundMedia={image} />
</Docs>

<Docs title="With background video" layout="fullscreen">
	<HeroTeaserHome {...props} backgroundMedia={video} />
</Docs>

<Docs title="With background image and secondary image" layout="fullscreen">
	<HeroTeaserHome {...props} backgroundMedia={image} secondaryMedia={secondaryImage} />
</Docs>

<Docs title="With background image and secondary image left" layout="fullscreen">
	<HeroTeaserHome {...props} textPositionDesktop="right" backgroundMedia={image} secondaryMedia={secondaryImage} />
</Docs>

<Docs title="With background image and secondary video" layout="fullscreen">
	<HeroTeaserHome {...props} backgroundMedia={image} secondaryMedia={video} />
</Docs>