@extends('frontend.layouts.app')

@section('title-suffix')
    {{ __('errors.404-title') }}
@endsection

@push('styles')
    <link rel="stylesheet" href="{{ asset('css/errors.css') }}">
@endpush

@section('main-content')
    <section class="breadcrumb breadcrumb_bg">
        <div class="container">
            <div class="row justify-content-center">
                <div class="col-lg-8">
                    <div class="breadcrumb_iner">
                        <div class="breadcrumb_iner_item">
                            <h2>{{ __('errors.404-breadcrumb-1') }}</h2>
                            <p>{{ __('errors.breadcrumb-2') }}<span>></span> 404</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <section>
        <div class="whole-wrap">
            <div class="container box_1170 mb-4">
                <div class="page animate">
                    <div class="page_404">
                        <div class="my-container">
                            <div class="four_zero_four_bg">
                                <h1 class="text-center">404</h1>
                            </div>
                            <div class="contant_box_404">
                                <h3 class="h2">
                                    {{ __('errors.404-note-1') }}
                                    <p>{{ __('errors.note-2') }}</p>
                                </h3>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="text-center">
                    <a href="{{ route('welcome') }}" class="genric-btn primary circle arrow">{{ __('errors.letsgo-btn') }}<span
                            class="lnr lnr-arrow-right"><i class="fas fa-arrow-right"></i></span></a>
                </div>
            </div>
        </div>
    </section>
@endsection