34 lines
1.3 KiB
TypeScript
34 lines
1.3 KiB
TypeScript
import React from 'react'
|
|
import type { ReactElement } from 'react'
|
|
import Head from 'next/head'
|
|
import CardBox from '../components/CardBox'
|
|
import GuestPageReturnBar from '../components/GuestPageReturnBar'
|
|
import { getPageTitle } from '../config'
|
|
import LayoutGuest from '../layouts/Guest'
|
|
|
|
export default function ServerErrorPage() {
|
|
return (
|
|
<div className="min-h-screen bg-slate-50">
|
|
<Head>
|
|
<title>{getPageTitle('Server error')}</title>
|
|
</Head>
|
|
|
|
<GuestPageReturnBar title="Something went wrong" />
|
|
|
|
<div className="mx-auto w-full max-w-4xl px-4 pb-12 pt-6 sm:px-6 lg:px-8">
|
|
<CardBox className="border border-amber-200 bg-amber-50/40 shadow-sm shadow-amber-100/70">
|
|
<div className="text-xs font-semibold uppercase tracking-[0.18em] text-amber-700">500</div>
|
|
<h1 className="mt-3 text-3xl font-semibold tracking-tight text-slate-950">We hit an unexpected problem loading this page.</h1>
|
|
<p className="mt-4 text-sm leading-7 text-slate-700">
|
|
Please return to the homepage or your workspace and try again from a stable screen. If the issue keeps happening, check your support contact settings before launch.
|
|
</p>
|
|
</CardBox>
|
|
</div>
|
|
</div>
|
|
)
|
|
}
|
|
|
|
ServerErrorPage.getLayout = function getLayout(page: ReactElement) {
|
|
return <LayoutGuest>{page}</LayoutGuest>
|
|
}
|