homepage-pirati-stan.mustache

{{> organisms-header }}
{{> organisms-hero-pirati-stan }}

<div class="container container--default lg:pb-24">
  <section>
    <h1 class="head-alt-md md:head-alt-lg pb-4 lg:pb-8 mt-10 md:mt-24">Aktuality</h1>
    {{> organisms-article-card-list-pirati-stan(onlyThree: true) }}

    <nav class="text-center">
      {{> atoms-icon-button(cta: "Další články", icon: "ico--chevron-right", classes: "text-xl pt-8") }}
    </nav>
  </section>

  <section class="my-8 lg:my-16 container-padding--zero lg:container-padding--auto">
    {{> molecules-banner }}
  </section>

  <section>
    <h1 class="head-alt-md md:head-alt-lg pb-4 lg:pb-8 mt-10 md:mt-24">Výpis kandidátů</h1>
    {{> organisms-candidate-card-list-pirati-stan(onlyEight: true) }}

    <nav class="text-center">
      {{> atoms-icon-button(cta: "Zobrazit výpis", icon: "ico--chevron-right", classes: "text-lg my-8 mx-4", bodyClasses: "py-8 leading-4", iconClasses: "px-8 bg-grey-800 border-grey-500" )}}
      {{> atoms-icon-button(cta: "Filtrovat pomocí mapy", icon: "ico--chevron-right", classes: "text-lg my-8 mx-4", bodyClasses: "sm:whitespace-nowrap py-8 leading-4", iconClasses: "px-8 bg-grey-800 border-grey-500" )}}
    </nav>
  </section>

  <section class="my-8 lg:my-16 container-padding--zero lg:container-padding--auto">
    {{> organisms-countdown }}
  </section>

  <div class="flex flex-col lg:flex-row lg:space-x-8">
    {{> atoms-super-button(cta: "Sledujte nás na Facebooku", icon: "ico--facebook", classes: "bg-brands-facebook text-white container-padding--zero lg:container-padding--auto lg:w-full") }}
    {{> atoms-super-button(cta: "Sledujte naše fórum", icon: "ico--bubbles", classes: "bg-black text-white container-padding--zero lg:container-padding--auto lg:w-full") }}
  </div>
</div>

{{> organisms-footer }}