@extends('base', ['hideCookieMessage' => true])

@section('base-content')
    <section class="o-hero">

        <div class="o-hero__top-shape">
            <img alt="shape element" src="/img/hero_shape-1.svg" />
        </div>

        <div class="o-hero__main" style="padding-top: 60px; padding-bottom: 120px;">
            <div class="l-contain">
                <div class="o-hero__grid">
                    <div class="o-hero__text s-text s-text--on-dark">
                        <h1>500</h1>

                        <p>
                            {!! __('errors.500')!!}
                        </p>
                    </div>

                    <div class="o-hero__image">
                    </div>
                </div>
            </div>
        </div>

        <div class="o-hero__bottom-shape">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1921.715 214.331"><path d="M0,8.949c274.313,114.4,594.6,205.382,960.858,205.382S1647.4,123.349,1921.715,8.949V0H0Z" fill="currentColor"/></svg>
        </div>
    </section>
@endsection