@extends('layouts.app')
@section('title', 'পেজ পাওয়া যায়নি — ' . $siteName)

@section('content')
<section class="section" style="min-height:50vh;display:flex;align-items:center;">
    <div class="container" style="text-align:center;max-width:520px;margin:0 auto;">
        <div style="font-size:6rem;font-weight:800;color:var(--amber);line-height:1;margin-bottom:.5rem;">404</div>
        <h1 style="font-size:1.5rem;font-weight:800;color:var(--ink);margin-bottom:.5rem;">পেজ খুঁজে পাওয়া যায়নি</h1>
        <p style="color:var(--ink-2);margin-bottom:1.5rem;">দুঃখিত, আপনি যে পেজটি খুঁজছেন সেটি বর্তমানে নেই বা সরিয়ে ফেলা হয়েছে।</p>
        <a href="{{ route('home') }}" class="btn-card btn-card-primary" style="display:inline-flex;padding:.75rem 1.5rem;"><i class="fas fa-house"></i> হোমে ফিরে যান</a>
    </div>
</section>
@endsection