export default function MemberStatusPage() {
  return (
    <div className="space-y-6">
      <section className="rounded-xl border border-slate-200 bg-white p-6 shadow-sm">
        <h1 className="text-3xl font-semibold text-slate-900">Status & Support</h1>
        <p className="mt-3 max-w-3xl text-sm leading-6 text-slate-600">
          Service-health notices, scheduled maintenance windows, support escalations, and secure coordination updates for member institutions.
        </p>
      </section>

      <section className="grid gap-4 md:grid-cols-2">
        <article className="rounded-xl border border-slate-200 bg-white p-6 shadow-sm">
          <h2 className="text-lg font-semibold text-slate-900">Service posture</h2>
          <p className="mt-3 text-sm leading-6 text-slate-600">
            Operational notices should summarize current availability for secure workflows, submission handling, and member support channels without exposing
            internal administrative controls.
          </p>
        </article>

        <article className="rounded-xl border border-slate-200 bg-white p-6 shadow-sm">
          <h2 className="text-lg font-semibold text-slate-900">Escalation path</h2>
          <p className="mt-3 text-sm leading-6 text-slate-600">
            Use this portal surface for authenticated support coordination, incident follow-up, and member communications that should not be handled on the
            public website.
          </p>
        </article>
      </section>
    </div>
  );
}
