<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>404 - SERET-SEVEN-STORE</title>
    <link rel="shortcut icon" href="./assets/img/icon.ico" type="image/x-icon">

    <!-- [CDN-TailwindCSS] -->
    <script src="https://cdn.tailwindcss.com"></script>

    <!-- [FONTS] -->
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Kanit:ital,wght@0,400;0,800&display=swap" rel="stylesheet">

    <script>
        tailwind.config = {
            theme: {
                extend: {
                    fontFamily: {
                        sans: ['Kanit', 'sans-serif'],
                        arial: ['Arial', 'sans-serif']
                    }
                }
            }
        }
    </script>
</head>
<body class="flex items-center justify-center min-h-screen text-white" style="background-color: #101117;">
    <div class="text-center max-w-lg">
        <h1 class="text-5xl font-bold font-arial mb-4">404</h1>

        <p class="text-sm font-sans mb-6">
            ขออภัย เราไม่สามารถพบหน้าที่คุณกำลังค้นหาได้ในขณะนี้ โปรดตรวจสอบ URL ของคุณ.
        </p>
        
        <a href="/" class="inline-block bg-blue-600 hover:bg-blue-700 text-white font-sans font-medium text-sm px-6 py-2 rounded-md transition-transform transform hover:scale-105">
            กลับสู่หน้าหลัก
        </a>
    </div>
</body>
</html>