21 lines
1.1 KiB
React
21 lines
1.1 KiB
React
import { Link } from "react-router-dom";
|
|
import { ArrowLeft, Ban } from "lucide-react";
|
|
export default function NotFound() {
|
|
return <div className="bg-slate-50 min-h-screen text-slate-900 flex flex-col items-center justify-center p-6 text-center">
|
|
<div className="w-16 h-16 rounded-full bg-orange-500/10 text-orange-600 flex items-center justify-center mb-6">
|
|
<Ban className="w-8 h-8" />
|
|
</div>
|
|
<h1 className="font-heading text-4xl sm:text-5xl font-extrabold tracking-tight">404 - Page Not Found</h1>
|
|
<p className="text-sm font-light text-slate-500 max-w-md mt-4 leading-relaxed">
|
|
The requested resource or service division URL is unavailable. Please check the address or return to our homepage.
|
|
</p>
|
|
<Link
|
|
to="/"
|
|
className="mt-8 bg-orange-500 hover:bg-orange-600 text-white font-bold text-xs px-8 py-3.5 rounded-xl uppercase tracking-wider transition-all duration-200 flex items-center gap-2 shadow-md"
|
|
>
|
|
<ArrowLeft className="w-4 h-4 text-white" />
|
|
<span>Return to Homepage</span>
|
|
</Link>
|
|
</div>;
|
|
}
|