export default function MemberSupportPage() {
  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">Support Channels</h1>
        <p className="mt-3 max-w-3xl text-sm leading-6 text-slate-600">
          Member support is routed through authenticated channels so institution identity, request history, and access controls can be preserved.
        </p>
      </section>

      <section className="rounded-xl border border-slate-200 bg-white p-6 shadow-sm">
        <h2 className="text-xl font-semibold text-slate-900">Use secure support for</h2>
        <ul className="mt-4 space-y-3 text-sm leading-6 text-slate-600">
          <li>Portal access and delegated user issues</li>
          <li>Submission and request follow-up</li>
          <li>Controlled document delivery and acknowledgement questions</li>
          <li>Member service coordination that should not traverse the public site</li>
        </ul>
      </section>
    </div>
  );
}
