@extends('layouts.front')

@section('content')
<!-- Inner Banner Section -->
<section class="inner-banner">
    <div class="image-layer" style="background: var(--black-color);"></div>
    <div class="auto-container">
        <div class="inner">
            <div class="subtitle"><span>404</span></div>
            <div class="pattern-image"><img src="{{ asset('assets/images/icons/separator.svg') }}" alt="" title=""></div>
            <h1><span>Oops! Something went wrong.</span></h1>
            <div class="link-box mt-5">
                <a href="{{ route('front.index') }}" class="theme-btn btn-style-two clearfix">
                    <span class="btn-wrap">
                        <span class="text-one">Take me Back</span>
                        <span class="text-two">Take me Back</span>
                    </span>
                </a>
            </div>
        </div>
    </div>
</section>
<!--End Banner Section -->
@endsection