{% extends "base.html" %}
{%- import "macros/icons.html" as icons -%}

{% block title %}Not found · {{ config.title }}{% endblock title %}
{% block body_class %}layout-home{% endblock body_class %}

{% block body %}
<main id="main" class="not-found">
  <span class="eyebrow">404 · Destination unreachable</span>
  <h1>No route to this page.</h1>
  <p>The requested page does not exist. It may have been moved or renamed. Search the documentation, or return to the documentation home page.</p>
  <div class="hero-actions">
    <a class="button button-primary" href="{{ get_url(path='docs/') }}">Documentation {{ icons::arrow_right() }}</a>
    <button class="button button-ghost" type="button" data-search-open>Search</button>
  </div>
</main>
{% endblock body %}