import type { Metadata } from "next";
import { Logo } from "@/components/Logo";

export const metadata: Metadata = {
  title: "Page not found",
  description: "That CediForge page is not on the map. Head back to the classroom or the six blueprints.",
  robots: { index: false, follow: true },
};

export default function NotFound() {
  return (
    <div className="mx-auto max-w-lg px-4 py-24 text-center">
      <Logo className="mb-8 justify-center" />
      <h1 className="font-display text-4xl text-forest">That page is not on the map</h1>
      <p className="mt-3 text-forest/70">Head back to the classroom or the six blueprints.</p>
      <p className="mt-6 flex flex-wrap justify-center gap-4 text-sm font-medium text-terra">
        <a href="/">Home</a>
        <a href="/about">About us</a>
        <a href="/contact">Contact us</a>
        <a href="/courses">Courses</a>
      </p>
    </div>
  );
}