@extends('layouts.app')

@section('content')

  <!-- hero section start -->
  <section class="hero_wrapper hero-3 bg-center bg-cover" style="background-image: url({{ asset('assets/img/banner_1920x530.jpg') }})">
    <div class="container">
      <div class="row">
        <div class="col-12 col-md-8">
          <div class="hero-contents">
            <h1 class="text-white wow fadeInLeft" data-wow-duration="1.3s">404</h1>
          </div>
        </div>
      </div>
    </div>
  </section>
  <!-- hero section end -->

  <!-- error section start -->
  <section class="error_wrapper section-padding overflow-hidden">
    <div class="container">
      <div class="row">
        <div class="col-12">
          <div class="error__content text-center">
            <div class="media">
              <img src="{{ asset('assets/img/error.png') }}" class="img-fluid" alt="" />
            </div>
            <div class="text">
              <h1 class="title">{{ __('site.page_not_found') }}</h1>
              <div class="description"><p>{{ __('site.page_not_found_description') }}</p></div>
              <a href="{{ route('home', app()->getLocale()) }}" class="theme-btn wow fadeInLeft" data-wow-duration="1.3s">
                {{ __('site.back_to_homepage') }} <i class="far fa-chevron-double-right"></i>
              </a>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>
  <!-- error section end -->

@endsection