dokploy/apps/website/components/SlimLayout.tsx
2024-09-06 13:42:07 +08:00

35 lines
741 B
TypeScript

import Link from 'next/link'
import { Footer } from './Footer'
import { Header } from './Header'
import { useTranslations } from 'next-intl'
export function SlimLayout() {
const t = useTranslations('404')
return (
<>
<div>
<Header />
</div>
<main className="flex flex-auto items-center justify-center text-center">
<div>
<h1 className="mb-4 text-6xl font-semibold text-primary">
404
</h1>
<p className="mb-4 text-lg text-muted-foreground">
{t('title')}
</p>
<p className="mt-4 text-muted-foreground">
{t('des')}{' '}
<Link href="/" className="text-primary">
{t('action')}
</Link>
</p>
</div>
</main>
<div>
<Footer />
</div>
</>
)
}