38 lines
1.1 KiB
TypeScript
38 lines
1.1 KiB
TypeScript
interface MaintenanceProps {
|
|
showActions?: boolean;
|
|
}
|
|
|
|
export function Maintenance(props: MaintenanceProps) {
|
|
const { showActions = false } = props;
|
|
|
|
return (
|
|
<div className="flex min-h-screen items-center justify-center bg-white px-4">
|
|
<div className="w-full max-w-md text-center">
|
|
{/* Code */}
|
|
<p className="text-sm font-medium uppercase tracking-widest text-gray-400">Maintenance</p>
|
|
|
|
{/* Title */}
|
|
<h1 className="mt-3 text-6xl font-extrabold text-brand-900">We'll Be Back Soon</h1>
|
|
|
|
{/* Description */}
|
|
<p className="mt-4 text-base text-gray-500">
|
|
Our system is currently undergoing scheduled maintenance. We are working hard to bring it back online as soon
|
|
as possible.
|
|
</p>
|
|
|
|
{/* Optional Actions */}
|
|
{showActions && (
|
|
<div className="mt-8 flex justify-center gap-3">
|
|
<a
|
|
href="/"
|
|
className="rounded-md bg-brand-900 px-5 py-2.5 text-sm font-medium text-white hover:bg-brand-800"
|
|
>
|
|
Back to Home
|
|
</a>
|
|
</div>
|
|
)}
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|