import Link from "next/link";
import { ContentCard } from "@/components/public/ui";

export default function NotFound() {
	return (
		<main style={{ display: "grid", gap: "1.5rem" }}>
			<ContentCard icon="🧭" title="Page not found" subtitle="Error 404">
				<p className="muted" style={{ marginTop: 0 }}>
					The page you’re looking for doesn’t exist or has moved.
				</p>
				<div style={{ display: "flex", gap: "0.6rem", flexWrap: "wrap" }}>
					<Link className="btn btn-primary" href="/">
						Back home
					</Link>
					<Link className="btn btn-outline" href="/news">
						Latest news
					</Link>
				</div>
			</ContentCard>
		</main>
	);
}