@include('front.include.start')
@include('front.include.header')
<main>
    <div class="error-container">
        <h1>404</h1>
        <p>صفحه مورد نظر پیدا نشد.</p>
        <p>ممکن است لینک اشتباه باشد یا صفحه حذف شده باشد.</p>
        <a href="/" class="btn btn-primary btn-custom">بازگشت به صفحه اصلی</a>
    </div>
    <style>
        body {
            background-color: #f8f9fa;
            height: 100vh;
            display: flex;
            justify-content: center;
            align-items: center;
        }
        .error-container {
            text-align: center;
            max-width: 600px;
            padding: 40px;
            background-color: white;
            border-radius: 10px;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
        }
        .error-container h1 {
            font-size: 120px;
            color: #dc3545;
        }
        .error-container p {
            font-size: 18px;
        }
        .btn-custom {
            margin-top: 20px;
        }
    </style>
</main>