@extends('layouts.blesser.app')

@section('content')
    <div class="flex h-[calc(100vh-106px)] items-center justify-center">
        <div class="flex flex-col items-center justify-center gap-4">
            <img src="{!! asset('assets/themes/blesser/images/404.png') !!}" alt="404" class="max-w-lg">
            <h1 class="sr-only">404</h1>
            <div class="text-xl">صفحه مورد نظر یافت نشد</div>
            <a href="{!! route('home') !!}"
               class="flex items-center gap-1 rounded-lg bg-primary/15 px-4 py-2 text-primary duration-300 hover:text-primary/80">
                برگشت به خانه
                <span class="i-lucide-chevron-left size-5"></span>
            </a>
        </div>
    </div>
@endsection