{% extends "base.twig" %}

{% block content %}
<div class="full-block hero-header" style="min-height: 300px;">
    <div class="hero-content">
        <p class="error-404__code">404</p>
        <p class="error-404__title">
            {{ current_language == 'en' ? 'Page not found' : 'Page introuvable' }}
        </p>
        <h1 style="font-size: 1.2rem; margin-top: 1rem;">
            {{ current_language == 'en'
                ? 'The page you are looking for does not exist or has been moved.'
                : "La page que vous cherchez n'existe pas ou a été déplacée." }}
        </h1>
        <a href="{{ function('home_url', '/') }}" class="link-button">
            {{ current_language == 'en' ? '← Back to home' : "← Retour à l'accueil" }}
        </a>
    </div>
    <div id="sketch"></div>
</div>
{% endblock %}