forked from UKSOURCE/ipv6
34 lines
1.5 KiB
TypeScript
34 lines
1.5 KiB
TypeScript
import Link from "next/link";
|
|
|
|
export default function NotFound() {
|
|
return (
|
|
<div className="min-h-[60vh] flex flex-col items-center justify-center py-24 px-6 md:px-12 lg:px-24 bg-uni-grey">
|
|
<div className="max-w-2xl w-full text-center bg-white p-10 md:p-16 rounded-[32px] ref-card-shadow border border-slate-100">
|
|
|
|
{/* Icon */}
|
|
<div className="w-20 h-20 mx-auto rounded-full bg-uni-orange/10 flex items-center justify-center text-uni-orange mb-8">
|
|
<i className="fa-solid fa-triangle-exclamation text-4xl"></i>
|
|
</div>
|
|
|
|
{/* Content */}
|
|
<h1 className="font-display text-5xl md:text-6xl font-bold text-uni-dark mb-6">404</h1>
|
|
<h2 className="font-display text-2xl md:text-3xl font-bold text-uni-dark mb-4">Page Not Found</h2>
|
|
<p className="text-slate-600 text-lg mb-10 leading-relaxed">
|
|
The page you're looking for could not be found. It may have been moved or deleted.
|
|
Please check the URL or return to our home page.
|
|
</p>
|
|
|
|
{/* Action Button */}
|
|
<div className="flex justify-center">
|
|
<Link
|
|
href="/"
|
|
className="px-8 py-4 gold-gradient-bg text-on-primary hover:brightness-110 rounded-full font-semibold text-lg transition-all flex items-center justify-center gap-2 shadow-lg"
|
|
>
|
|
Back to Home <i className="fa-solid fa-arrow-right text-sm"></i>
|
|
</Link>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|