404.html

<!DOCTYPE html>
<html lang="en" style="scroll-behavior: smooth">
<!-- Page-specific meta tags -->
<title>404 - Page Not Found</title>
<meta name="description" content="The page you were looking for could not be found. Please check the URL or navigate back to the homepage.">
<meta property="og:title" content="404 - Page Not Found">
<meta property="og:description" content="The page you were looking for could not be found. Please check the URL or navigate back to the homepage.">
<meta property="og:url" content="https://monai.io/404.html">
<meta name="twitter:title" content="404 - Page Not Found">
<meta name="twitter:description" content="The page you were looking for could not be found. Please check the URL or navigate back to the homepage.">
<link rel="canonical" href="https://monai.io/404.html">

<!-- Include Head Component -->
<!-- #include file="components/head.html" -->

<body class="flex flex-col min-h-screen">
    <!-- Include Header Component -->
    <!-- #include file="components/header.html" -->

    <main class="flex-grow">
        <div class="min-h-[calc(100vh-200px)] flex items-center justify-center">
            <div class="text-center px-4">
                <h1 class="text-4xl font-bold text-gray-800 mb-4">Page Not Found</h1>
                <p class="text-gray-600 mb-8">Sorry, but the page you were trying to view does not exist.</p>
                <a href="index.html" class="brand-btn inline-block">
                    Return to Homepage
                </a>
            </div>
        </div>
    </main>

    <!-- Include Footer Component -->
    <!-- #include file="components/footer.html" -->

    <!-- Include Scripts Component -->
    <!-- #include file="components/scripts.html" -->
</body>
</html>