export default function SuspendedPage() {
  return (
    <main className="mx-auto flex min-h-screen max-w-3xl items-center px-6 py-16">
      <div className="w-full rounded-2xl border border-amber-200 bg-white/80 p-8 shadow-[0_20px_60px_-25px_rgba(15,23,42,0.35)] backdrop-blur sm:p-12">
        <div className="inline-flex items-center rounded-full border border-amber-200 bg-amber-50 px-4 py-1 text-xs font-semibold uppercase tracking-[0.2em] text-amber-700">
          Service Notice
        </div>
        <h1 className="mt-6 text-3xl font-semibold text-slate-900 sm:text-4xl">
          Website Temporarily Suspended
        </h1>
        <p className="mt-4 text-base leading-7 text-slate-700">
          This website is temporarily unavailable due to pending maintenance dues.
        </p>
        <p className="mt-3 text-base leading-7 text-slate-700">
          Please contact the administrator to restore services.
        </p>
      </div>
    </main>
  )
}
