// Public governance documents and member profiles. Source details: CONTENT_SOURCES.md.
const GOVERNANCE_DOCUMENTS = [
  { title: "Certificate of Filing", file: "caaba-certificate-of-filing-2026.pdf", meta: "Texas Secretary of State · Effective April 21, 2026 · PDF · 1 page", description: "Certificate confirming the filing of CAABA’s Certificate of Formation as a Texas domestic nonprofit corporation." },
  { title: "Bylaws of CAABA", file: "caaba-bylaws-signed-2026.pdf", meta: "Adopted April 26, 2026 · Signed PDF · 21 pages", description: "The Association’s purpose, membership structure, Board responsibilities, and rules of governance." },
  { title: "Professional Conduct Policy", file: "caaba-professional-conduct-policy-2026.pdf", meta: "Version 1.0 (2026) · Signed PDF · 5 pages", description: "Standards of professional integrity, ethical conduct, and responsibility within the CAABA community." },
  { title: "Membership Policy", file: "caaba-membership-policy-2026.pdf", meta: "Version 1.0 (2026) · Signed PDF · 10 pages", description: "Membership eligibility, application materials, review and admission procedures, dues, and member records." },
  { title: "Education Policy", file: "caaba-education-policy-2026.pdf", meta: "Version 1.0 (2026) · Signed PDF · 9 pages", description: "The framework for CAABA’s educational programs, mentorship, professional development, and academic partnerships." },
  { title: "Social Media Policy", file: "caaba-social-media-policy-2026.pdf", meta: "Version 1.0 (2026) · Signed PDF · 9 pages", description: "Guidelines for official communications, responsible social media participation, and use of the Association’s identity." },
];

const DISTINGUISHED_MEMBERS = [
  {
    id: "kurmangazy-talzhanov", name: "Kurmangazy Talzhanov",
    role: "Managing Partner, Salus Legal", credentials: "LL.M., PhD", location: "Kazakhstan",
    image: "/assets/members/kurmangazy-talzhanov.jpg",
    bio: "Kurmangazy Talzhanov advises Kazakhstani and international businesses on corporate transactions, mergers and acquisitions, foreign investment, and dispute resolution. His practice also encompasses international commercial arbitration and project finance.",
    contribution: "Before joining Salus Legal, he led the Kazakhstan office of Integrites for more than fourteen years. His professional memberships include the Kazakhstan Bar Association (KazBar), the International Bar Association, and Law Asia.",
    areas: ["Corporate law & M&A", "International arbitration", "Foreign investment"],
    source: "https://salus.law/en/staff/kurmangazy-talzhanov/", sourceLabel: "Salus Legal",
  },
  {
    id: "tair-nazkhanov", name: "Tair Nazkhanov",
    role: "Managing Partner, Nazkhanov & Partners", credentials: "LL.M.", location: "Almaty, Kazakhstan",
    image: "/assets/members/tair-nazkhanov.jpg",
    imagePosition: "6% top",
    bio: "Tair Nazkhanov is a member of the Almaty City Bar Association and the founder of Nazkhanov & Partners. His practice focuses on criminal defense, representation of businesses in court, and the protection of advocates’ professional rights.",
    contribution: "Alongside his legal practice, he teaches trainee advocates, writes on legal issues, and supports access to justice through pro bono initiatives. He helped initiate KIMEP’s legal clinic and holds an LL.M. from KIMEP’s School of Law.",
    areas: ["Criminal defense", "Business disputes", "Access to justice"],
    source: "https://ntp.kz/all-lawyers/nazhanov-tair-kuzekovich/", sourceLabel: "Nazkhanov & Partners",
  },
];

const CommunityHero = ({ eyebrow, title, children }) => (
  <section className="community-hero">
    <div className="wrap">
      <span className="eyebrow light">{eyebrow}</span>
      <h1 className="display">{title}</h1>
      <p>{children}</p>
    </div>
  </section>
);

const GovernancePage = () => (
  <>
    <CommunityHero eyebrow="The Association · Governance" title={<>Governance <em>& Policies</em></>}>
      The documents that guide our Association, our professional standards, and our responsibilities to one another.
    </CommunityHero>
    <section className="governance-section">
      <div className="wrap governance-layout">
        <aside>
          <span className="eyebrow">Our organizational documents</span>
          <h2 className="display">A shared foundation.</h2>
          <p>Read or download the Certificate of Filing, signed Bylaws, and policies of the Central Asian American Bar Association.</p>
          <p>Applying for membership? Start with the Bylaws and Membership Policy for eligibility, documentation, and review requirements.</p>
          <a className="btn btn-link" href="/membership">Membership & applications <Arrow/></a>
        </aside>
        <div className="document-list">
          {GOVERNANCE_DOCUMENTS.map((doc, index) => (
            <article className="document-row" key={doc.file}>
              <span className="document-number" aria-hidden="true">{String(index + 1).padStart(2, "0")}</span>
              <div>
                <h2 className="display">{doc.title}</h2>
                <p>{doc.description}</p>
                <div className="document-meta">{doc.meta}</div>
                <div className="document-actions">
                  <a href={`/documents/${doc.file}`} target="_blank" rel="noopener noreferrer" aria-label={`Read ${doc.title} (PDF, opens in a new tab)`}>Read PDF <span aria-hidden="true">↗</span></a>
                  <a href={`/documents/${doc.file}`} download aria-label={`Download ${doc.title} (PDF)`}>Download <span aria-hidden="true">↓</span></a>
                </div>
              </div>
            </article>
          ))}
        </div>
      </div>
    </section>
  </>
);

const DistinguishedMembersPage = () => (
  <>
    <CommunityHero eyebrow="Our community · Distinguished Members" title={<>Distinguished <em>Members</em></>}>
      Recognizing professional achievement and contributions to the legal community across Central Asia and the United States.
    </CommunityHero>
    <section className="members-section">
      <div className="wrap">
        <div className="members-intro">
          <span className="eyebrow">Experience. Contribution. Community.</span>
          <p>Distinguished Membership recognizes outstanding achievement and peer recognition in law and related fields, with admission governed by CAABA’s <a href="/documents/caaba-membership-policy-2026.pdf" target="_blank" rel="noopener noreferrer">Membership Policy</a>.</p>
        </div>
        <div className="distinguished-list">
          {DISTINGUISHED_MEMBERS.map(member => (
            <article className="distinguished-profile" key={member.id} id={member.id}>
              <figure>
                <img src={member.image} alt={member.name} width="500" height="600" loading="lazy" style={{objectPosition: member.imagePosition || "center top"}}/>
                <figcaption>Photo: <a href={member.source} target="_blank" rel="noopener noreferrer">{member.sourceLabel}</a></figcaption>
              </figure>
              <div className="distinguished-bio">
                <span className="eyebrow">Distinguished Member</span>
                <h2 className="display">{member.name}</h2>
                <p className="member-role">{member.role}<br/><span>{member.credentials} · {member.location}</span></p>
                <hr className="hr gold"/>
                <p>{member.bio}</p>
                <p>{member.contribution}</p>
                <ul className="member-areas" aria-label="Practice and professional interests">{member.areas.map(area => <li key={area}>{area}</li>)}</ul>
                <a className="member-source" href={member.source} target="_blank" rel="noopener noreferrer">Professional profile <span aria-hidden="true">↗</span></a>
              </div>
            </article>
          ))}
        </div>
        <div className="members-closing">
          <div><span className="eyebrow">Join the community</span><h2 className="display">Bring your experience. Build new connections.</h2></div>
          <a className="btn btn-primary" href="/membership">Explore membership <Arrow/></a>
        </div>
      </div>
    </section>
  </>
);