@extends('frontend.layouts.app')

@section('title', '404 - Page Not Found')
@section('description', 'The page you requested could not be found.')

@section('content')
    @php
        $assetPath = fn (string $path) => asset('frontend/' . ltrim($path, '/'));
    @endphp

    @include('frontend.layouts.breadcrumb', ['title' => '404'])

    <section class="tv-error-section space bg-light">
        <div class="container">
            <div class="row justify-content-center">
                <div class="faq-column col-lg-6">
                    <div class="inner-column mt-15 md-mt-0">
                        <div class="error-thumb"><img src="{{ $assetPath('images/error/404.webp') }}" alt="404"></div>
                    </div>
                </div>
                <div class="title-wrap text-center mt-50">
                    <h2 class="sec-title">Opps! Page Not Found</h2>
                    <p>The page you are looking for was moved, removed, renamed, or might never have existed.</p>
                    <a href="{{ route('home') }}" class="theme-btn bg-theme error mt-15">
                        <i class="fa-sharp fa-solid fa-house-chimney"></i>
                        <span class="link-effect"><span class="effect-1">Back to Home</span><span class="effect-1">Back to Home</span></span>
                    </a>
                </div>
            </div>
        </div>
    </section>
@endsection