File size: 1,341 Bytes
2a80c9b 2b62b0c 2a80c9b | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 | import { Link } from "@tanstack/react-router";
import { Button } from "@pram/ui/components/button";
export function NotFoundPage() {
return (
<div className="min-h-screen flex flex-col items-center justify-center bg-[var(--warm-cream)] px-6 py-12">
<img
src="/not_found.png"
alt=""
className="mb-8 w-full max-w-sm h-auto object-contain"
/>
<div className="max-w-md text-center">
<h1 className="text-3xl font-headline font-bold text-[var(--clay-black)] mb-3">
Halaman Tidak Ditemukan
</h1>
<p className="text-base text-[var(--warm-charcoal)] mb-8">
Halaman yang kamu cari tidak ada atau sudah dipindahkan.
</p>
<div className="flex flex-col sm:flex-row gap-3 justify-center">
<Button
render={<Link to="/" />}
className="bg-[var(--clay-black)] text-[var(--pure-white)] hover:bg-[var(--warm-charcoal)] rounded-[var(--radius-lg)] h-12 px-8"
>
Ke Beranda
</Button>
<Button
render={<Link to="/login" />}
variant="outline"
className="rounded-[var(--radius-lg)] border-2 border-[var(--oat-border)] h-12 px-8 bg-[var(--pure-white)]"
>
Masuk
</Button>
</div>
</div>
</div>
);
}
|