@extends('layouts.app')

@section('content')
    <div class="custom-cursor">

        @include('layouts.components.cursor-and-preloader')
        <!-- /cursor and preloader -->




        <div class="page-wrapper">



            @include('layouts.header')


            <div class="stricky-header stricked-menu main-menu">
                <div class="sticky-header__content"></div>
                <!-- /.sticky-header__content -->
            </div>
            <!-- /.stricky-header -->



            <!--Page Header Start-->
            {{-- @include('layouts.components.page-header', [
                'page_title' => '404 Error',
            ]) --}}
            <!--Page Header End-->



            <!--Error Page Start-->
            <section class="error-page">
                <div class="container">
                    <div class="row">
                        <div class="col-xl-12">
                            <div class="error-page__inner">
                                <div class="error-page__title-box">
                                    <h2 class="error-page__title">404</h2>
                                </div>
                                <h3 class="error-page__tagline">Sorry we can't find that page!</h3>
                                <p class="error-page__text">The page you are looking for was never existed.</p>
                              
                                <a href="{{ route('home') }}" class="thm-btn error-page__btn mt-3">Back to home<span><i
                                            class="icon-arrow-right"></i></span></a>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
            <!--Error Page End-->

            <!--Site Footer Start-->
            @include('layouts.footer')
            <!--Site Footer End-->

        </div>
        <!-- /.page-wrapper -->


    </div>
@endsection