@extends('layouts.frontend')

@section('title', 'Page not found 404')

@section('content')
    <div class="page-content">
        <div class="card rounded-3 border-0 bg-transparent">
            <div class="card-body">
                <div class="text-center error-img">
                    <img src="{{asset('assets/images/social-icons/error.webp')}}" width="80" alt="error">
                    <h1 class="text-dark mt-4 fw-bold">404</h1>
                    <h2>{{empty($exception->getMessage())?'Page not found':$exception->getMessage()}}</h2>
                    <p>We couldn't find the page you were looking for.<br> Maybe our FAQ or Community can help?</p>
                    <a onclick="history.back()" href="javascript:;">Back</a>
                </div>
            </div>
        </div>
    </div>
@endsection