/* Home. Restrained, declarative; sovereign register. No notes, no publications. */

const FE_CAPABILITIES = [
  { n: 1, title: 'Assurance',    desc: 'Independent assurance against the frameworks the Commonwealth expects its suppliers to meet. The firm conducts the assessment and signs the written record under the engagement partner.' },
  { n: 2, title: 'Architecture', desc: 'Sovereign enterprise architecture for systems of national consequence. The firm sets reference architectures, chairs design authority, and produces the artefacts the department defends to its auditors.' },
  { n: 3, title: 'Delivery',     desc: 'Programme and project leadership through to closeout. The firm leads security uplifts, migrations, and the establishment or recovery of programmes that have run into difficulty. Engagements are bounded.' },
];

function Home({ onNav }) {
  return (
    <main data-screen-label="01 Home">
      <Hero />

      {/* Practice — editorial numbered list */}
      <section className="section section--paper" data-screen-label="Practice">
        <div className="section__inner">
          <header className="section-head">
            <div className="section-head__label"><em>Practice</em></div>
            <h2 className="section-head__title">
              Three disciplines.
            </h2>
          </header>
          <ol className="practice-list">
            {FE_CAPABILITIES.map((c) => (
              <li
                key={c.n}
                className="practice-list__row"
                onClick={() => onNav('services')}
                role="button"
                tabIndex={0}
              >
                <div className="practice-list__n">0{c.n}</div>
                <div className="practice-list__body">
                  <h3 className="practice-list__title">{c.title}</h3>
                  <p className="practice-list__desc">{c.desc}</p>
                </div>
              </li>
            ))}
          </ol>
        </div>
      </section>

      {/* The single sober statement, sovereign register */}
      <section className="section section--ink" data-screen-label="Statement">
        <div className="section__inner">
          <figure className="pullquote">
            <blockquote className="pullquote__quote">
              The firm is sovereign, Australian, and partner-led. From first
              conversation to closeout, engagements are conducted in-country by
              the firm's own people, preserving accountability, discretion, and control.
            </blockquote>
          </figure>
        </div>
      </section>
    </main>
  );
}

Object.assign(window, { Home, FE_CAPABILITIES });