40 lines
1.9 KiB
TypeScript
40 lines
1.9 KiB
TypeScript
"use client"
|
|
|
|
import Link from "next/link"
|
|
import { Button } from "@/components/ui/button"
|
|
import { Home, ArrowLeft } from "lucide-react"
|
|
|
|
export default function NotFound() {
|
|
return (
|
|
<div className="min-h-screen flex flex-col items-center justify-center bg-slate-950 text-white px-6">
|
|
<div className="text-center space-y-8 max-w-lg">
|
|
<div className="relative">
|
|
<h1 className="text-[12rem] md:text-[15rem] font-black leading-none opacity-5 select-none">404</h1>
|
|
<div className="absolute inset-0 flex items-center justify-center">
|
|
<h2 className="text-4xl md:text-5xl font-black uppercase tracking-tighter">Hoppá!</h2>
|
|
</div>
|
|
</div>
|
|
|
|
<p className="text-xl text-slate-400 font-medium leading-relaxed">
|
|
Sajnáljuk, de az oldal, amit keres, nem található vagy elköltözött.
|
|
</p>
|
|
|
|
<div className="flex flex-col sm:flex-row items-center justify-center gap-4 pt-4">
|
|
<Button asChild variant="pill" className="bg-primary hover:bg-primary/90 text-white px-8 h-14 uppercase font-bold tracking-widest shadow-2xl">
|
|
<Link href="/" className="flex items-center gap-2">
|
|
<Home className="w-5 h-5" />
|
|
Kezdőlap
|
|
</Link>
|
|
</Button>
|
|
<Button asChild variant="pill" className="bg-white/5 hover:bg-white/10 text-white border border-white/10 px-8 h-14 uppercase font-bold tracking-widest">
|
|
<button onClick={() => window.history.back()} className="flex items-center gap-2">
|
|
<ArrowLeft className="w-5 h-5" />
|
|
Vissza
|
|
</button>
|
|
</Button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
)
|
|
}
|