{{#> eds-c-hero}} 
    <div class="u-container eds-c-hero__content u-pt-32 u-pb-32">
        {{#with breadcrumbs}}
            {{> eds-c-breadcrumbs}}
        {{/with}}  
        {{#with title}}
            {{> eds-c-hero-title }}
        {{/with}}
        {{#with heroSearch}}
            <search class="eds-c-hero__search u-layout-focus" role="search"{{#if heroSearchAriaLabel}} aria-label="{{heroSearchAriaLabel}}"{{/if}}>
                <form class="eds-c-form" method="{{method}}" action="{{url}}" {{> eds-c-data-attributes }}>
                    <div class="l-cluster{{#if advancedSearch}} l-cluster--middle{{else}} l-cluster--bottom{{/if}}">
                        <div class="u-flex-grow u-mt-8">
                            {{#with searchAutocomplete}}
                                {{> eds-c-autocomplete}}
                            {{/with}} 
                            {{#with advancedSearch}}
                                <a href="{{url}}" class="{{#if contrast}}u-link--contrast{{else}}u-link{{/if}} u-link-wide-area u-mt-16" {{> eds-c-data-attributes }}>{{text}}</a>
                            {{/with}}
                        </div>
                        <div class="l-with-sidebar__sidebar" style="--with-sidebar--basis: 200px; --with-sidebar--min-width: 200px">
                            {{#with searchBtn}}
                                {{> eds-c-button}}
                            {{/with}}                          
                        </div>  
                    </div>
                </form>
            </search>
        {{/with}}
        <div class="u-mt-32">
            {{#with metadata}}
                {{> eds-c-hero-metadata }}
            {{/with}}
        </div>
    </div>
{{/eds-c-hero}}
