@section('head')
    <meta name="robots" content="noindex, nofollow">
@endsection

<x-layouts.app :title="__('Page not found')">
    <x-breadcrumbs :pages="[ __('Page not found') => translatedRoute('page') ]"/>

    <x-page-header :title="__('Oops! Page not found')"  :centered="true"/>

    <div class="page-404 component-border-radius">
        <div class="container">
            <div class="row">
                <div class="col-12 offset-md-1 col-md-10 offset-lg-3 col-lg-6">

                    <div class="page-404__wrapper">
                        <div class="wrapper">
                            <span class="label">{{ __('Error 404') }}</span>
                            <p>{{ __('This isn`t a gas alarm. Just a missing page. Breathe in, breathe out. You can always return to the homepage. No luck? Tell us what you`re looking for and we`ll be happy to help.') }}</p>
                        </div>

                        <hr>

                        <nav class="buttons">
                            <a href="{{ translatedRoute('page') }}" class="button--arrow">{{ __('Back to home') }} <svg xmlns="http://www.w3.org/2000/svg" width="10.59" height="9.645" viewBox="0 0 10.59 9.645"><g transform="translate(0.75 1.06)"><path d="M-14369.2-5007.5h9.09" transform="translate(14369.203 5011.262)" fill="none" stroke="#ff8126" stroke-linecap="round" stroke-width="1.5"/><path d="M-14359.936-5008.41l3.762-3.762-3.762-3.761" transform="translate(14365.264 5015.934)" fill="none" stroke="#ff8126" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/></g></svg></a>
                            <a href="{{ translatedRoute('page', __('routes.customer-service')) }}" class="button--arrow">{{ __('Customer service') }} <svg xmlns="http://www.w3.org/2000/svg" width="10.59" height="9.645" viewBox="0 0 10.59 9.645"><g transform="translate(0.75 1.06)"><path d="M-14369.2-5007.5h9.09" transform="translate(14369.203 5011.262)" fill="none" stroke="#ff8126" stroke-linecap="round" stroke-width="1.5"/><path d="M-14359.936-5008.41l3.762-3.762-3.762-3.761" transform="translate(14365.264 5015.934)" fill="none" stroke="#ff8126" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/></g></svg></a>
                        </nav>
                    </div>

                </div>
            </div>
        </div>
    </div>

</x-layouts.app>
