import type { Metadata } from "next"; import type { ReactElement } from "react"; import Link from "next/link"; export const metadata: Metadata = { title: "404 — Page Not Found | Mosaic Stack", }; export default function NotFound(): ReactElement { return (
{/* Mosaic logo mark — inline spans replicating the 5-element logo */}
{/* Top-left: blue */} {/* Top-right: purple */} {/* Bottom-right: teal */} {/* Bottom-left: amber */} {/* Center: pink circle */}
{/* 404 gradient text */}

404

{/* Heading + description */}

Page not found

The page you're looking for doesn't exist or has been moved.

{/* Dashboard link styled as button */} Go to Dashboard {/* Subtle status footer */}

HTTP 404 — Not Found

); }