404.html

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>404 Error Page</title>
    <link rel="icon" href="/new-website/assets/logo.png">
    <link rel="stylesheet" href="error_styles.css">
</head>

<body>
    <div class="flex flex-col items-center justify-center min-h-[100dvh] gap-6 px-4 md:px-6">
        <div class="flex flex-col items-center justify-center gap-4">
          <svg
            xmlns="http://www.w3.org/2000/svg"
            width="24"
            height="24"
            viewBox="0 0 24 24"
            fill="none"
            stroke="currentColor"
            stroke-width="2"
            stroke-linecap="round"
            stroke-linejoin="round"
            class="h-20 w-20 text-primary"
          >
            <path d="m8 2 1.88 1.88"></path>
            <path d="M14.12 3.88 16 2"></path>
            <path d="M9 7.13v-1a3.003 3.003 0 1 1 6 0v1"></path>
            <path d="M12 20c-3.3 0-6-2.7-6-6v-3a4 4 0 0 1 4-4h4a4 4 0 0 1 4 4v3c0 3.3-2.7 6-6 6"></path>
            <path d="M12 20v-9"></path>
            <path d="M6.53 9C4.6 8.8 3 7.1 3 5"></path>
            <path d="M6 13H2"></path>
            <path d="M3 21c0-2.1 1.7-3.9 3.8-4"></path>
            <path d="M20.97 5c0 2.1-1.6 3.8-3.5 4"></path>
            <path d="M22 13h-4"></path>
            <path d="M17.2 17c2.1.1 3.8 1.9 3.8 4"></path>
          </svg>
        </div>
        <h1 class="text-4xl font-bold tracking-tighter sm:text-5xl md:text-6xl">Oops! Page not found.</h1>
    <p class="text-muted-foreground md:text-xl">The page you're looking for doesn't exist or has been moved.</p>
    <a
      class="inline-flex h-10 items-center justify-center rounded-md bg-black text-white px-8 text-sm font-medium text-primary-foreground shadow transition-colors hover:bg-primary/90 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50"
      href="new-website/index.html"
      rel="ugc"
    >
      Go back home
    </a>
      </div>
      
      <script src="https://cdn.tailwindcss.com"></script>
</body>

</html>