404.html

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <title>404 Not Found</title>
    <link rel="stylesheet" href="/src/css/index.css" />
    <link rel="stylesheet" href="/src/css/tailwind.css" />
  </head>
  <body class="bg-gray-900 text-white">
    <section class="max-w-6xl mx-auto py-8 px-8 text-center">
      <h1 class="text-6xl font-bold mb-4">404</h1>
      <p class="text-2xl mb-4">Oops! The page you're looking for doesn't exist.</p>
      <a href="/" class="inline-block bg-blue-500 text-white py-2 px-4 rounded-xl hover:bg-blue-600 transition duration-300">Go Home</a>
    </section>
  </body>
</html>