import { Link } from 'react-router-dom'

export default function NotFound() {
  return (
    <div className="py-24 text-center">
      <p className="text-6xl font-black text-[var(--brand)]">404</p>
      <h1 className="mt-3 text-xl font-bold">Page not found</h1>
      <p className="mt-1 text-gray-500">The page you're looking for doesn't exist.</p>
      <Link
        to="/"
        className="mt-6 inline-block rounded-xl bg-[var(--brand)] px-5 py-2.5 font-semibold text-white"
      >
        Back home
      </Link>
    </div>
  )
}
