@extends('frontend.layouts.master')
@section('title') {{ __('header.404_title') }} @endsection
@section('main-content')
@include('frontend.layouts.notification')
<main>
    <!-- breadcrumb area start -->
    <section class="bd-breadcrumb-area p-relative fix">
        <!-- breadcrumb background image -->
        <div class="bd-breadcrumb-bg" data-background="{{ asset('frontend/assets/images/bg/breadcrumb-bg.png') }}"></div>
        <div class="bd-breadcrumb-wrapper p-relative">
            <div class="container">
                <div class="row justify-content-center">
                    <div class="col-xl-10">
                        <div class="bd-breadcrumb d-flex align-items-center justify-content-center">
                            <div class="bd-breadcrumb-content text-center">
                                <h1 class="bd-breadcrumb-title">Error 404</h1>
                                <div class="bd-breadcrumb-list">
                                    <span><a href="{{ route('home') }}"><i class="icon-home"></i></a></span>
                                    <span>Error 404</span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- breadcrumb area end -->

    <!-- contact form area start -->
    <section class="bd-contact-form section-space">
        <div class="container">
            <div class="row justify-content-center">
                <div class="col-xxl-8 col-xl-8 col-lg-6 col-md-8">
                    <div class="section-title-wrapper text-center">
                        <div class="error-thumb mb-20 wow fadeInUp">
                            <img src="{{ asset('frontend/assets/images/bg/404.png') }}" alt="image">
                        </div>
                        <h2 class="section-title mb-20">Oops! That page can't be found.</h2>
                        <p>We're really sorry but we can't seem to find the page you were looking for.</p>
                        <div class="error-btn">
                            <a href="{{ route('home') }}" class="bd-primary-btn btn-style has-arrow radius-60">
                                <span class="bd-primary-btn-arrow arrow-right"><i class="fa-regular fa-arrow-right"></i></span>
                                <span class="bd-primary-btn-text">Go Back Home</span>
                                <span class="bd-primary-btn-circle"></span>
                                <span class="bd-primary-btn-arrow arrow-left"><i class="fa-regular fa-arrow-right"></i></span>
                            </a>

                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- contact form area end -->

</main>
    <!-- Body main wrapper end -->
    
@endsection