import { Link } from 'react-router-dom'
import { Home, FileQuestion } from 'lucide-react'

export default function NotFoundPage() {
  return (
    <div className="flex flex-col items-center justify-center min-h-[60vh] text-center px-6">
      <div className="w-20 h-20 rounded-full bg-surface-muted flex items-center justify-center mb-6">
        <FileQuestion size={36} className="text-content-muted" />
      </div>
      <h1 className="text-3xl font-bold text-content mb-2">Page not found</h1>
      <p className="text-content-secondary mb-8 max-w-sm">
        The page you're looking for doesn't exist or has been moved.
      </p>
      <Link to="/" className="btn-primary">
        <Home size={16} />
        Go to Dashboard
      </Link>
    </div>
  )
}
