const cards = [
  {
    title: 'Submissions',
    body: 'Prepare institutional filings, controlled disclosures, corridor requests, and supporting documents in one secure workspace.',
  },
  {
    title: 'Requests',
    body: 'Track service requests, operational actions, and document retrieval across DBIS coordination teams and member support functions.',
  },
  {
    title: 'Reporting',
    body: 'Use the secure portal for incident, ethics, sanctions, audit, and data-protection reporting workflows where disclosure channels are required.',
  },
];

export default function MemberOverviewPage() {
  return (
    <div className="space-y-6">
      <section className="rounded-2xl bg-slate-900 px-8 py-10 text-white shadow-sm">
        <p className="text-sm font-semibold uppercase tracking-[0.18em] text-slate-300">Secure surface</p>
        <h1 className="mt-3 text-4xl font-semibold tracking-tight">DBIS Member Portal</h1>
        <p className="mt-4 max-w-3xl text-base leading-7 text-slate-200">
          Authenticated workspace for participating institutions, accredited counterparties, and approved operations teams. Use this portal for secure
          submissions, controlled requests, reporting workflows, and member service coordination.
        </p>
      </section>

      <section className="grid gap-4 md:grid-cols-3">
        {cards.map((card) => (
          <article key={card.title} className="rounded-xl border border-slate-200 bg-white p-6 shadow-sm">
            <h2 className="text-lg font-semibold text-slate-900">{card.title}</h2>
            <p className="mt-3 text-sm leading-6 text-slate-600">{card.body}</p>
          </article>
        ))}
      </section>

      <section className="grid gap-4 lg:grid-cols-[1.4fr_1fr]">
        <article className="rounded-xl border border-slate-200 bg-white p-6 shadow-sm">
          <h2 className="text-xl font-semibold text-slate-900">What belongs here</h2>
          <ul className="mt-4 space-y-3 text-sm leading-6 text-slate-600">
            <li>Institution onboarding packets and accredited user access management.</li>
            <li>Secure document exchange for governance, compliance, and operational workflows.</li>
            <li>Submission and request tracking with role-based access and auditable status history.</li>
            <li>Member-facing notices, service health, and controlled release materials.</li>
          </ul>
        </article>

        <article className="rounded-xl border border-slate-200 bg-slate-50 p-6 shadow-sm">
          <h2 className="text-xl font-semibold text-slate-900">Current scope</h2>
          <p className="mt-4 text-sm leading-6 text-slate-600">
            This portal is the secure companion to the public `d-bis.org` site. Public governance and institutional reference material stay on the public
            web surface; authenticated workflow activity belongs here.
          </p>
        </article>
      </section>
    </div>
  );
}
