There are no notes for this item.

<section class='c-banner'>

    <header class='c-section-header'>

        <p class='c-section-header__supra'><span>Banner</span></p>

        <h1 class='c-heading'>

            Section Heading

        </h1>

    </header>

    <div class='c-lead'>
        <p>A lead text is an introduction to the content of the page. Should start with the main subject and finish with an excerpt.</p>
    </div>

</section>
<section class='{{ get_component_class( 'banner', display ) }}'>
    {% if leaf %}
        {% include '@brand/sia-leaf/sia-leaf.twig' %}
    {% elseif headshot %}
        {% include '@unit/headshot/headshot.twig' with headshot %}
    {% elseif countryMap %}
        {% include get_template( 'country-map', 'unit' ) with countryMap %}
    {% elseif countryFlag %}
        {% include '@unit/icon/icon--country-flag.twig' with countryFlag %}
    {% elseif icon %}
        {% include '@unit/icon/icon.twig' with icon %}
    {% endif %}

    {% include '@unit/section-header/section-header.twig' with header %}
    
    {% if meta %}
        {% include '@unit/meta/meta.twig' with meta %}
    {% endif %}

    {% if lead %}
        {% include '@unit/lead/lead.twig' with lead %}
    {% endif %}
    
    {% if button %}
        {% include get_template( 'button', 'base' ) with button %}
    {% endif %}
</section>
{
  "header": {
    "supraheading": "Banner",
    "heading": {
      "text": "Section Heading"
    }
  },
  "lead": {
    "content": "<p>A lead text is an introduction to the content of the page. Should start with the main subject and finish with an excerpt.</p>"
  }
}