{% extends "base.html.twig" %}

{% block body %}
<article class="error-page">
	<div class="error-page__bg" aria-hidden="true">
		<img src="/assets/images/home/003.webp" alt="">
	</div>
	<div class="error-page__content">
		<span class="error-page__number" aria-hidden="true">404</span>
		<h1 class="error-page__title">{{ 'pages.error-404.title' | trans }}</h1>
		<p class="error-page__message">{{ 'pages.error-404.message' | trans }}</p>
		<a href="/" class="error-page__cta">
			<span>{{ 'pages.error-404.cta' | trans }}</span>
			<i class="fa-thin fa-house" aria-hidden="true"></i>
		</a>
	</div>
</article>
{% endblock %}