banner.html in jekyll-theme-pirati-8.0.0.pre.alpha1

- old
+ new

@@ -1,16 +1,11 @@
-<div class="row c-hp-banner">
-  <div class="small-12 columns">
-    <a href="{{ include.link }}" title="{{ include.title }}" class="c-hp-banner__link">
-      {% capture img %}{% asset '{{ include.default }}' magick:resize='1135x' @path %}{% endcapture %}
-      {% if include.breakpoint %}
-        <picture class="c-hp-banner__media">
-          <source media="(min-width: {{ include.breakpoint }}px)" srcset="{{ img }}">
-          <img src="{% asset '{{ include.mobile }}' magick:resize='{{ include.breakpoint +"px" }}' @path %}" alt="{{ include.title }}">
-        </picture>
-      {% else %}
-        <img src="{{ img }}" alt="{{ include.title }}"  class="c-hp-banner__media">
-      {% endif %}
-    </a>
-  </div>
-</div>
+{% capture mainContent %}
+<h1 class="head-alt-md md:head-alt-xl">{{ include.title }}</h1>
+{% endcapture %}
 
+{% capture subContent %}
+  {% if include.cta %}
+    {% include buttons/icon.html icon="ico--chevron-right" class="btn--hoveractive btn--fullwidth md:btn--autowidth text-lg" cta=include.cta %}
+  {% endif %}
+{% endcapture %}
+
+{% include hero/advanced.html mainContent=mainContent subContent=subContent img=include.img imgClass="h-32 lg:h-80 lg:m-auto hidden md:block" %}