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

/**
 * NotFoundPage - 404 error page
 */
export function NotFoundPage() {
  return (
    <div className="text-center py-12">
      <h2 className="text-4xl font-bold text-gray-900 mb-4">404</h2>
      <p className="text-xl text-gray-600 mb-8">Page not found</p>
      <Link 
        to="/" 
        className="inline-block bg-blue-600 text-white px-6 py-3 rounded-lg hover:bg-blue-700 transition-colors"
      >
        Back to Recipes
      </Link>
    </div>
  );
}
