import Head from 'next/head'
import Link from 'next/link'
import { Button } from 'primereact/button'

export default function NotFound() {
	return (
		<>
			<Head>
				<title>Page not found</title>
			</Head>
			<div className='flex flex-col justify-center h-screen items-center bg-hitam'>
				<p className='text-red-500 text-3xl animate-bounce font-bebas tracking-wide'>404</p>
				<p className='text-red-500 text-7xl font-bebas tracking-wide'>PAGE NOT FOUND !</p>
				<div className='mt-3'>
					<Link href={'/dashboard'}>
						<Button label='Back' className='p-button-sm p-button-danger h-8 ' />
					</Link>
				</div>
			</div>
		</>
	)
}
