home-hero.mustache

<article class="hero py-8 lg:py-16 {{ classes }}">
  <div class="container container--default grid lg:grid-rows-3 lg:grid-cols-7 gap-2 items-center text-center md:text-left">
    <div class="lg:row-span-2 lg:col-span-3 order-1">
      <h1 class="head-alt-lg md:head-alt-xl">Piráti Pardubického kraje</h1>
    </div>
    <div class="lg:row-span-1 lg:col-span-3 order-3">
      <div class="mt-4 md:mt-8 space-y-4 md:space-x-2 md:space-y-0">
        {{> atoms-icon-button(icon: "ico--chevron-right", classes: "block md:inline-block m-auto btn--hoveractive btn--autowidth text-base md:text-lg") }}
      </div>
    </div>
    <div class="lg:row-span-3 lg:col-span-4 order-2">
      <img src="/images/hero-profile-img.png" class="h-32 lg:h-80 lg:m-auto hidden md:block object-contain" />
    </div>
  </div>
</article>