{{ define "main" }}

{{ partial "bookshop" (slice "page-heading" (dict "title" (T "not_found_title") "description" (T "not_found_text"))) }}

<div class="container">
  <div class="page animate">
    <p>
      <a class="c-button c-button--primary c-button--small" href="{{ site.Home.RelPermalink }}">{{ T "not_found_home" }}</a>
    </p>
  </div>
</div>

<section class="section compositions">
  <div class="container">
    <div class="row">
      <div class="col col-12">
        <div class="contaniner__inner animate">
          <div class="section__info">
            <div class="section__head">
              <h2 class="section__title">{{ T "not_found_recent" }}</h2>
              {{ with site.GetPage "/posts" }}
              <a class="section__link" href="{{ .RelPermalink }}">{{ T "view_all" "View all" }} <ion-icon name="arrow-forward"></ion-icon></a>
              {{ end }}
            </div>
          </div>
          <div class="row">
            {{ range where site.RegularPages "Section" "posts" | first 3 }}
              {{ partial "bookshop" (slice "compositions-card" (dict "url" .RelPermalink "image" .Params.image "title" .Params.title "description" .Params.description "Summary" .Summary "date" .Date "tags" (.GetTerms "tags"))) }}
            {{ end }}
          </div>
        </div>
      </div>
    </div>
  </div>
</section>

{{ end }}