import { Logo } from "@/components/shared/logo"

/**
 * Full-screen "we'll be right back" notice rendered in place of the app when
 * site maintenance mode is on (for everyone except admins).
 */
export function MaintenanceScreen({ message }: { message?: string | null }) {
  return (
    <div className="flex min-h-screen flex-col items-center justify-center gap-6 bg-[#09090b] px-6 text-center text-white">
      <Logo size="lg" href={null} />
      <div className="max-w-md">
        <h1 className="text-3xl font-bold tracking-tight">We&apos;ll be right back</h1>
        <p className="mt-3 text-white/60 leading-relaxed">
          {message ||
            "The site is temporarily offline for scheduled maintenance. Please check back shortly — thanks for your patience."}
        </p>
      </div>
    </div>
  )
}