ashisgreat22
168cb78fab
Add search-zen-50 React SPA source code to frontend/ directory. Build artifacts (dist, node_modules, lock files) are gitignored. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
24 lines
727 B
TypeScript
24 lines
727 B
TypeScript
import { useLocation } from "react-router-dom";
|
|
import { useEffect } from "react";
|
|
|
|
const NotFound = () => {
|
|
const location = useLocation();
|
|
|
|
useEffect(() => {
|
|
console.error("404 Error: User attempted to access non-existent route:", location.pathname);
|
|
}, [location.pathname]);
|
|
|
|
return (
|
|
<div className="flex min-h-screen items-center justify-center bg-muted">
|
|
<div className="text-center">
|
|
<h1 className="mb-4 text-4xl font-bold">404</h1>
|
|
<p className="mb-4 text-xl text-muted-foreground">Oops! Page not found</p>
|
|
<a href="/" className="text-primary underline hover:text-primary/90">
|
|
Return to Home
|
|
</a>
|
|
</div>
|
|
</div>
|
|
);
|
|
};
|
|
|
|
export default NotFound;
|