@extends('frontend.layouts.app')

@section('content')
        <!-- Hero Section Start -->
        <div class="breadcrumb-wrapper bg-cover" style="background-image: url('{{asset('public/frontend/assets/img/breadcrumb.jpg')}}');">
            <div class="container">
                <div class="page-heading">
                    <h1 class="wow fadeInUp" data-wow-delay=".3s">404</h1>
                    <ul class="breadcrumb-items wow fadeInUp" data-wow-delay=".5s">
                        <li>
                            <a href="{{route('home')}}">
                                Home
                            </a>
                        </li>
                        <li>
                            <i class="fas fa-chevron-right"></i>
                        </li>
                        <li>
                            404
                        </li>
                    </ul>
                </div>
            </div>
        </div>

        <!-- Error 404 Section Start -->
        <section class="error-section fix section-padding">
            <div class="container">
                <div class="row">
                    <div class="col-lg-12">
                        <div class="error-items">
                            <div class="error-image">
                                <img src="{{asset('public/frontend/assets/img/404.png')}}" alt="img">
                            </div>
                            <div class="error-content">
                                <h2>Sorry!This Page is not Available</h2>
                                <p>
                                    Oops! The page which you are looking for does not exist. Please return to the homepage.
                                </p>
                                <div class="main-button justify-content-center">
                                    <a href="{{route('home')}}"> <span class="theme-btn"> Go To Home </span><span class="arrow-btn"><i class="icon-arrow-right"></i></span></a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>

@endsection