{% if hero %} <section class=“usa-hero”{% if hero.image %} style=“background-image: url({{ hero.image }})”{% endif %} aria-label=“Introduction”;>
<div class="grid-container"> <div class="usa-hero__callout"> {% if hero.callout %} <h1 class="usa-hero__heading"> {% if hero.callout.alt %} <span class="usa-hero__heading--alt">{{ hero.callout.alt }}</span> {% endif %} {{ hero.callout.text | default: hero.callout }} </h1> {% endif %} {{ hero.content | markdownify }} {% if hero.button %} <a class="usa-button" href="{{ hero.button.href | relative_url }}"> {{ hero.button.text }} </a> {% endif %} </div> </div>
</section> {% endif %}