{{> organisms-header }}
{{> organisms-home-hero }}

<div class="container container--default lg:pb-24">
  <section>
    <h1 class="head-alt-md md:head-alt-lg pb-4 lg:pb-8">Aktuální témata</h1>
    {{> organisms-article-card-list() }}

    <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">
    {{> organisms-countdown }}
  </section>

  <section class="my-8 lg:my-16 container-padding--zero lg:container-padding--auto">
    {{> molecules-calendar }}
  </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 }}
