import * as ActionIcons from '@/components/Icons';
import Link from 'next/link';

export default function NotFound() {
  return (
    <div className="flex min-h-screen flex-col items-center justify-center px-4 text-center">
      <p className="rank-figure text-7xl">404</p>
      <h1 className="mt-4 font-serif text-2xl font-semibold">Nothing here</h1>
      <p className="mt-2 text-sm text-muted">The record may have been merged or the address mistyped.</p>
      <Link href="/" className="btn btn-primary btn-sm mt-6">
        <ActionIcons.ArrowLeftIcon />Back to the dashboard
      </Link>
    </div>
  );
}