mirror of
https://github.com/zen-browser/docs.git
synced 2025-07-07 17:05:34 +02:00
Moved and enhanced not found page (#169)
This commit is contained in:
parent
f28a0b8520
commit
00283a5f7e
2 changed files with 45 additions and 28 deletions
|
@ -1,28 +0,0 @@
|
||||||
import { buttonVariants } from "fumadocs-ui/components/api";
|
|
||||||
import Link from "next/link";
|
|
||||||
|
|
||||||
export default function NotFound() {
|
|
||||||
return (
|
|
||||||
<div className="flex items-center w-full h-screen">
|
|
||||||
<div className="w-full space-y-6 text-center">
|
|
||||||
<div className="space-y-3">
|
|
||||||
<h1 className="text-4xl font-bold tracking-tighter sm:text-5xl transition-transform">
|
|
||||||
404
|
|
||||||
</h1>
|
|
||||||
<p className="text-gray-500">
|
|
||||||
Oops! You've wandered off the Zen path. Let's guide you
|
|
||||||
back to tranquility.
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
<Link
|
|
||||||
className={buttonVariants({
|
|
||||||
color: "outline",
|
|
||||||
})}
|
|
||||||
href="/"
|
|
||||||
>
|
|
||||||
Return to Docs
|
|
||||||
</Link>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
);
|
|
||||||
}
|
|
45
src/app/not-found.tsx
Normal file
45
src/app/not-found.tsx
Normal file
|
@ -0,0 +1,45 @@
|
||||||
|
import { buttonVariants } from "fumadocs-ui/components/api";
|
||||||
|
import Image from "next/image";
|
||||||
|
import Link from "next/link";
|
||||||
|
import type { Metadata } from "next";
|
||||||
|
|
||||||
|
export const metadata: Metadata = {
|
||||||
|
title: "404 | Page Not Found",
|
||||||
|
};
|
||||||
|
|
||||||
|
export default function NotFound() {
|
||||||
|
return (
|
||||||
|
<div className="flex items-center w-full h-screen">
|
||||||
|
<Image
|
||||||
|
src="/icon.svg"
|
||||||
|
alt="404"
|
||||||
|
width={40}
|
||||||
|
height={40}
|
||||||
|
className="mx-auto hidden md:block absolute top-4 left-4"
|
||||||
|
/>
|
||||||
|
<div className="w-full space-y-6 text-center">
|
||||||
|
<div className="space-y-2">
|
||||||
|
<h1 className="text-[#F76F53] text-8xl font-bold tracking-tighter transition-transform">
|
||||||
|
404
|
||||||
|
</h1>
|
||||||
|
<h2 className="text-4xl font-light tracking-tighter transition-transform">
|
||||||
|
Page not found
|
||||||
|
</h2>
|
||||||
|
</div>
|
||||||
|
<hr />
|
||||||
|
<p className="text-[#CBC9BF]">
|
||||||
|
Oops! You've wandered off the Zen path. Let's guide you back
|
||||||
|
to tranquility.
|
||||||
|
</p>
|
||||||
|
<Link
|
||||||
|
className={buttonVariants({
|
||||||
|
color: "outline",
|
||||||
|
})}
|
||||||
|
href="/"
|
||||||
|
>
|
||||||
|
Return to Docs
|
||||||
|
</Link>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
Loading…
Add table
Add a link
Reference in a new issue