import type { Metadata } from 'next';
import Header from '@/components/layout/Header';
import Footer from '@/components/layout/Footer';
import { NotFoundMessage } from '@/components/NotFoundMessage';

export const metadata: Metadata = {
  title: 'Page Not Found – Spanglish',
  description: 'The page you are looking for could not be found.',
  robots: {
    index: false,
    follow: true,
  },
};

export default function NotFound() {
  return (
    <div className="min-h-screen flex flex-col">
      <Header />
      <main className="flex-1 flex items-center justify-center bg-secondary-gray">
        <NotFoundMessage />
      </main>
      <Footer />
    </div>
  );
}