40 lines
1.3 KiB
TypeScript
40 lines
1.3 KiB
TypeScript
import Link from 'next/link'
|
|
import { Button } from '@/components/ui/button'
|
|
import { Home } from 'lucide-react'
|
|
|
|
export const metadata = {
|
|
title: '۴۰۴',
|
|
description: 'صفحهای که دنبال آن هستید یافت نشد.',
|
|
}
|
|
|
|
export default function NotFound() {
|
|
return (
|
|
<section className="min-h-[70vh] flex items-center justify-center px-4 py-20">
|
|
<div className="mx-auto max-w-lg w-full text-center">
|
|
<div className="relative inline-block mb-6">
|
|
<span
|
|
className="text-[8rem] md:text-[10rem] font-black leading-none tracking-tighter text-transparent bg-clip-text bg-gradient-to-b from-primary/90 to-primary/50 select-none"
|
|
aria-hidden
|
|
>
|
|
۴۰۴
|
|
</span>
|
|
</div>
|
|
|
|
<h1 className="text-2xl font-bold text-foreground mb-3">
|
|
صفحه پیدا نشد
|
|
</h1>
|
|
<p className="text-muted-foreground mb-10 max-w-sm mx-auto leading-relaxed">
|
|
به نظر میرسد این آدرس وجود ندارد یا منتقل شده است.
|
|
</p>
|
|
|
|
<Button asChild size="lg" className="gap-2">
|
|
<Link href="/">
|
|
<Home className="size-5" />
|
|
صفحه اصلی
|
|
</Link>
|
|
</Button>
|
|
</div>
|
|
</section>
|
|
)
|
|
}
|