@extends('front.master')

@section('title', '404')
@section('meta_title', '404')
@section('description', '404')
{{-- facebook meta tags --}}
@section('fb_meta_title', '404')
@section('fb_description',  '404')
@section('fb_route', URL::current()) 
@section('fb_type', 'website')
@section('fb_image', asset('/images/new_design_2022/offer_ca3rd.png'))

{{--twitter meta tags --}}
@section('twitter_meta_title',  '404')
@section('twitter_description', '404')
@section('twitter_url',  URL::current())


@section('content')
<div class="page-wrapper">
    <section class="error-page">
        <div class="container position-relative">
            <div class="row g-5 align-items-center bigger-z-index text-center text-xl-start">
                <div class="col-10 offset-1 col-lg-6 offset-lg-3 col-xl-6 offset-xl-0 order-last order-xl-first text-center">
                    <img src="{{ Vite::asset('resources/images/404.svg')}}" alt="#" class="image-auto" width="756" height="505" loading="lazy">
                </div>
                <div class="col-lg-10 offset-lg-1 col-xl-4 offset-xl-1 order-first order-xl-last">
                    <div class="position-relative">
                        <div class="float-x">
                            <img src="{{ Vite::asset('resources/images/error-page-bg-x.svg')}}" alt="#" width="72" height="72">
                        </div>
                        <div class="float-y">
                            <img src="{{ Vite::asset('resources/images/erros-page-bg-smaller-x.svg')}}" alt="#" width="58" height="58">
                        </div>
                        <h2 class="mb-4 pb-0 pb-md-3">Sorry, the page was not <span class="color-pink">found</span></h2>
                        <ul class="list-unstyled">
                            <li class="py-1 list-inline-item"><a href="#" class="btn invert">Refresh</a></li>
                            <li class="py-1 list-inline-item"><a href="{{route('index')}}" class="btn">Homepage</a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </section>
</div>


@endsection



@push('modals')

@endpush
@push('scripts')

@endpush