<section class="pt-32 pb-20 md:pt-40">
    <div class="container">
        <h1 class="mb-8 font-semibold text-2xl md:text-4xl">{{ error_404_page:title ?? {'404 page not found' | trans } }}</h1>
    </div>

    {{ if error_404_page:content }}
        {{ error_404_page:content }}
            <div class="{{ ['pinned-content relative bg-white' => is_pinned_content] | classes }}">
                {{ if {partial:exists src="components/organisms/content/{type}" } }}
                    {{ partial src="components/organisms/content/{type}" }}
                {{ else }}
                    {{ partial:components/molecules/blocks/container classes="my-5 md:my-10 lg:my-20" }}
                        {{ partial:components/molecules/content/{type} }}
                    {{/partial:components/molecules/blocks/container }}
                {{ /if }}
            </div>
        {{ /error_404_page:content }}
    {{ else }}
        <div class="container">
            <div class="prose lg:prose-lg">
                <p>{{ 'We could not find the page you are looking for. Try to look in the navigation for possible pages or click on the following link to retun to the homepage' | trans }}</p>
                <a href="/" class="underline-offset-2 hover:no-underline">{{ 'Return to home' | trans }}</a>
            </div>
        </div>
    {{ /if }}
</section>
