import "./NotFoundPage.css";
import { Link } from "react-router-dom";

export function NotFoundPage() {
  return (
    <div className="notfound-container">
      <div className="notfound-card">
        <div className="notfound-icon">🔍</div>
        <h1>404</h1>
        <h2>Page Not Found</h2>
        <p>The page you're looking for doesn't exist or has been moved.</p>
        <Link to="/" className="home-button">
          Go to Home
        </Link>
      </div>
    </div>
  )
}