added suspend

app/suspended/layout.tsx

@@ -0,0 +1,18 @@
+import type { Metadata } from 'next'
+
+export const metadata: Metadata = {
+  title: 'Website Temporarily Suspended',
+  description: 'This website is temporarily unavailable due to pending maintenance dues.'
+}
+
+export default function SuspendedLayout({
+  children,
+}: {
+  children: React.ReactNode
+}) {
+  return (
+    <div className="min-h-screen bg-gradient-to-b from-amber-50 via-white to-slate-50">
+      {children}
+    </div>
+  )
+}

app/suspended/page.tsx

@@ -0,0 +1,20 @@
+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>
+  )
+}