Error Page 1

1import { Button } from '@/components/ui/button'
2import { ArrowRight } from 'lucide-react'
3 
4export function ErrorPage1() {
5  return (
6    <div className='mx-auto flex min-h-dvh max-w-7xl flex-col items-center justify-center gap-8 p-8 md:gap-12 md:p-16'>
7      <img
8        src='https://ui.shadcn.com/placeholder.svg'
9        alt='placeholder image'
10        className='aspect-video w-full max-w-7xl rounded-xl object-cover dark:brightness-[0.95] dark:invert'
11      />
12      <div className='text-center'>
13        <h1 className='mb-2 text-3xl font-bold'>Page Not Found</h1>
14        <p>Oops! The page you're trying to access doesn't exist.</p>
15        <div className='mt-6 flex items-center justify-center gap-4 md:mt-8'>
16          <Button className='h-9 px-4 py-2 cursor-pointer'>Go Back Home</Button>
17          <Button variant='ghost' className='h-9 px-4 py-2 cursor-pointer'>
18            <span>Contact Us</span>
19            <ArrowRight />
20          </Button>
21        </div>
22      </div>
23    </div>
24  )
25}
26 
27export default ErrorPage1