{{> organisms-header }}

<div class="container container--default pt-8 lg:py-24">
  <section>
    <h1 class="head-alt-md md:head-alt-lg max-w-5xl mb-4">Aktuální témata</h1>

    <nav>
      {{> atoms-button(classes: "btn--grey-125 btn--condensed", cta: "Zobrazit vše") }}
      {{> atoms-button(classes: "btn--grey-125 btn--condensed", cta: "Kategorie 1") }}
      {{> atoms-button(classes: "btn--grey-125 btn--condensed", cta: "Kategorie 2") }}
      {{> atoms-button(classes: "btn--grey-125 btn--condensed", cta: "Kategorie 3") }}
    </nav>

    <hr>

    <main>
      {{> organisms-article-card-list() }}
    </main>

    <nav>
      {{> molecules-pagination }}
    </nav>
  </section>
</div>

{{> organisms-footer }}