/* About.jsx */

function About({ onNav }) {
  return (
    <main data-screen-label="About">
      <section className="svc-hero">
        <Container>
          <div className="hero-eyebrow">
            <span className="rule"></span>
            <span>About the firm</span>
          </div>
          <h1>A practicing clinician — not a professional witness.</h1>
          <p className="lede">Carolina Oncology Review is the medical-legal practice of an oncology nurse practitioner currently caring for cancer patients at MUSC Hollings, South Carolina's only NCI-designated cancer center.</p>
        </Container>
      </section>

      <Container>
        <div className="about-grid">
          <div className="about-portrait">Founder portrait — placeholder</div>
          <div className="about-body">
            <h2>[Founder Name], MSN, APRN, FNP-BC</h2>
            <div className="role">Founder & Principal Reviewer</div>
            <p>The founder has spent more than a decade as an oncology nurse practitioner — first in community oncology, now at MUSC Hollings — caring for patients through diagnosis, treatment, and the long shadow of after.</p>
            <p>This practice exists because too many delayed-diagnosis cases come to attorneys without anyone on the team who has actually worked the chemo chair. Records read differently when you have. The standards of care read differently. The damages read differently.</p>
            <p>We are deliberately small. We take the cases we can read carefully — usually six to eight active engagements at a time — and decline the rest with a short memo explaining why.</p>

            <div className="creds-list">
              <div className="row"><b>Clinical</b><span>Oncology NP, MUSC Hollings Cancer Center · Charleston, SC</span></div>
              <div className="row"><b>Education</b><span>MSN, Family Nurse Practitioner — Medical University of South Carolina</span></div>
              <div className="row"><b>Certification</b><span>FNP-BC, ANCC · ONS Chemotherapy / Biotherapy</span></div>
              <div className="row"><b>Memberships</b><span>Oncology Nursing Society · South Carolina Association for Justice</span></div>
              <div className="row"><b>Licensed</b><span>South Carolina, North Carolina, Georgia</span></div>
            </div>
          </div>
        </div>

        {/* Philosophy section — editorial block */}
        <section style={{padding: '64px 0', borderTop: '2px solid var(--navy-800)', marginTop: 32}}>
          <SectionHead
            eyebrow="Methodology"
            num="§ on practice"
            title="How we read a record."
            lede="A short statement on the approach we bring to every file — and the principles we will not bend on."
          />
          <div style={{display: 'grid', gridTemplateColumns: '1fr 1fr', gap: 56, marginTop: 16}}>
            <div>
              <h3 style={{fontFamily: 'var(--font-display)', fontSize: 22, lineHeight: 1.2, color: 'var(--navy-900)', margin: '0 0 10px'}}>Read forward. Then read back.</h3>
              <p style={{fontFamily: 'var(--font-body)', fontSize: 15.5, lineHeight: 1.65, color: 'var(--fg-secondary)', margin: 0}}>
                Records are read first in chronological order — the way the patient lived them. Then again backward from the date of actual diagnosis, asking at each visit: what should have happened here, and what did?
              </p>
            </div>
            <div>
              <h3 style={{fontFamily: 'var(--font-display)', fontSize: 22, lineHeight: 1.2, color: 'var(--navy-900)', margin: '0 0 10px'}}>Cite the standard, not the conclusion.</h3>
              <p style={{fontFamily: 'var(--font-body)', fontSize: 15.5, lineHeight: 1.65, color: 'var(--fg-secondary)', margin: 0}}>
                Opinions are framed against the published standard of care at the time — NCCN, USPSTF, ASCO — not against hindsight or against the testifier's preferred practice.
              </p>
            </div>
            <div>
              <h3 style={{fontFamily: 'var(--font-display)', fontSize: 22, lineHeight: 1.2, color: 'var(--navy-900)', margin: '0 0 10px'}}>If there is no case, say so.</h3>
              <p style={{fontFamily: 'var(--font-body)', fontSize: 15.5, lineHeight: 1.65, color: 'var(--fg-secondary)', margin: 0}}>
                We decline more cases than we accept. Declines come with a short memo explaining the reasoning — useful to the attorney, fair to the family, and protective of the work product when the answer is yes.
              </p>
            </div>
            <div>
              <h3 style={{fontFamily: 'var(--font-display)', fontSize: 22, lineHeight: 1.2, color: 'var(--navy-900)', margin: '0 0 10px'}}>Stay in the chemo chair.</h3>
              <p style={{fontFamily: 'var(--font-body)', fontSize: 15.5, lineHeight: 1.65, color: 'var(--fg-secondary)', margin: 0}}>
                The founder remains in active clinical practice. The day after a deposition, we are back with patients. This is the source of the practice's credibility and the reason it stays small.
              </p>
            </div>
          </div>
        </section>
      </Container>

      <section className="banner-cta">
        <Container>
          <div className="inner">
            <div>
              <h3>The records will tell us what happened.</h3>
              <p>Send what you have. We respond within five business days.</p>
            </div>
            <div className="actions">
              <Button variant="primary" onClick={() => onNav('contact')}>Request a review</Button>
            </div>
          </div>
        </Container>
      </section>
    </main>
  );
}

Object.assign(window, { About });