hero

// src/components/patterns/hero/hero.twig

{{ attach_library("circle_dot/pattern-hero") }}
<div class="Hero">
	<div class="Hero-content u-container">
		<div class="Hero-contentInner">
			<h1>
				<span class="Hero-kicker">{{ sub_heading }}</span><span class="u-hiddenVisually">:</span>
				<span class="Hero-heading">{{ heading }}</span>
			</h1>
			{% if copy %}
				<div class="Hero-copy">
					{{ copy }}
				</div>
			{% endif %}
		</div>
	</div>
	<div class="Hero-image">
		{{ image }}
	</div>
</div>