import Link from 'next/link';
import Header from '@/components/Header';
import Footer from '@/components/Footer';
import { ArrowLeft } from 'lucide-react';

export default function NotFound() {
  return (
    <>
      <Header />
      <main className="container-narrow pt-20 pb-20 text-center">
        <div className="text-7xl font-bold mb-4 ink">404</div>
        <p className="text-xl mute mb-8">
          Такой страницы нет — но это не повод грустить
        </p>
        <Link href="/" className="btn btn-primary">
          <ArrowLeft className="w-4 h-4" /> На главную
        </Link>
      </main>
      <Footer />
    </>
  );
}