// Accreditation & Diploma page

const CredBlock = ({ stamp, mark, name, title, body, table }) => (
  <section className="cred-block" data-screen-label={`Cred · ${stamp}`}>
    <div className="container">
      <div className="cred-row">
        <div className="left">
          <div className="cred-stamp">
            <div className="mark">{mark}</div>
            <div className="name">{name}</div>
          </div>
        </div>
        <div>
          <h2>{title}</h2>
          {body.map((p, i) => <p key={i}>{p}</p>)}
          {table && (
            <div className="cred-table">
              {table.map((r, i) => (
                <div className="cred-table-row" key={i}>
                  <span className="key">{r.k}</span>
                  <span className="val">{r.v}</span>
                </div>
              ))}
            </div>
          )}
        </div>
      </div>
    </div>
  </section>
);

const AccreditationPage = () => (
  <>
    <Nav/>
    <section className="page-hero opener" data-screen-label="01 Hero">
      <ParticleField density={40} color="245, 158, 11" baseAlpha={0.25} speed={0.03}/>
      <div className="container">
        <div className="page-eyebrow"><span className="bar"></span>ACCREDITATION & DIPLOMA</div>
        <h1>A diploma the UC system reads<br/>as it would any other.</h1>
        <p className="lede">
          Every novel thing we do is held to a non-novel standard. ACS WASC accredits the school. UC A–G approves the courses. California Community Colleges open dual enrollment. The diploma is the diploma.
        </p>
      </div>
    </section>

    <CredBlock
      stamp="WASC"
      mark="W"
      name={<>ACS WASC<br/>ACCREDITED<br/>CODE 43 46070 999</>}
      title="ACS WASC accreditation."
      body={[
        'The Western Association of Schools and Colleges (WASC) is one of the six U.S. regional accreditors recognized by the U.S. Department of Education. WASC accredits Stanford, the University of California system, and every accredited K–12 school in the western United States and the Pacific.',
        'The VR School is fully accredited by ACS WASC for grades 6–12 under school code 43 46070 999. Our accreditation is reviewed annually. The committee\'s most recent visit was in spring 2025.',
      ]}
      table={[
        { k: 'ACCREDITOR', v: 'ACS WASC (Accrediting Commission for Schools)' },
        { k: 'SCHOOL CODE', v: '43 46070 999' },
        { k: 'GRADES', v: '6 through 12' },
        { k: 'STATUS', v: 'Fully accredited · current term through 2028–29' },
        { k: 'LAST REVIEW', v: 'Spring 2025 · clean report' },
        { k: 'PUBLIC RECORD', v: 'acswasc.org · public directory' },
      ]}
    />

    <CredBlock
      stamp="UC"
      mark="UC"
      name={<>UC A–G APPROVED<br/>ALL SEVEN AREAS<br/>369 COURSES</>}
      title="UC A–G approval. All seven areas."
      body={[
        'The University of California publishes a list of courses approved as meeting its undergraduate-admission subject requirements, known as the A–G list. UC A–G is the de-facto national standard for college-preparatory rigor.',
        'The VR School holds UC A–G approval for every one of our 369 courses, across all seven subject areas. Forty of those courses carry UC Honors weighting, which adds a grade point on a 5.0 scale.',
      ]}
      table={[
        { k: 'AREA A', v: 'History / Social Science · 24 courses approved' },
        { k: 'AREA B', v: 'English · 36 courses approved' },
        { k: 'AREA C', v: 'Mathematics · 41 courses approved' },
        { k: 'AREA D', v: 'Laboratory Science · 38 courses approved' },
        { k: 'AREA E', v: 'Language Other than English · 52 courses approved' },
        { k: 'AREA F', v: 'Visual & Performing Arts · 34 courses approved' },
        { k: 'AREA G', v: 'College-Preparatory Elective · 144 courses approved' },
        { k: 'UC HONORS', v: '40 courses across areas B, C, D, E, G' },
      ]}
    />

    <CredBlock
      stamp="CVC"
      mark="∿"
      name={<>CALIFORNIA<br/>COMMUNITY COLLEGES<br/>DUAL ENROLLMENT</>}
      title="Dual enrollment with California Community Colleges."
      body={[
        'Students in good standing in grades 10–12 are eligible for dual enrollment with the California Community Colleges via the CVC (California Virtual Campus) pathway. Credits transfer to the UC and CSU systems on the standard articulation tables.',
        'In 2024–25, 41% of our seniors graduated with at least one community-college credit on their transcript before high-school graduation.',
      ]}
      table={[
        { k: 'PARTNER SYSTEM', v: 'California Community Colleges (116 colleges)' },
        { k: 'PATHWAY', v: 'CVC · California Virtual Campus' },
        { k: 'ELIGIBILITY', v: 'Grades 10–12, good standing' },
        { k: 'TYPICAL ENROLLMENT', v: '1–4 college courses per year' },
        { k: '2024–25 PARTICIPATION', v: '41% of seniors graduated with college credits' },
      ]}
    />

    <CredBlock
      stamp="MARBLE"
      mark="◆"
      name={<>WORLD LABS<br/>MARBLE PLATFORM<br/>PARTNER · SINCE 2024</>}
      title="World Labs partnership."
      body={[
        'World Labs is the leader in generative spatial intelligence. Their Marble platform — which generates photorealistic 3D worlds from a text prompt — is the technical engine that makes our spatial campus possible.',
        'We are a Marble platform partner. This is a technology relationship, not an accreditation; it is listed here because parents and admissions officers ask about it. World Labs does not accredit schools; we accredit ourselves.',
      ]}
      table={[
        { k: 'PARTNER SINCE', v: '2024' },
        { k: 'PLATFORM', v: 'Marble · spatial intelligence · Gaussian Splatting' },
        { k: 'RUNTIME', v: 'Spark.js · WebGL · any modern browser' },
        { k: 'WORLDS DEPLOYED', v: '6 live · 40+ in generation' },
      ]}
    />

    <section className="s-pad" style={{ background: 'var(--bg-2)', borderTop: '1px solid var(--line-soft)' }} data-screen-label="06 Diploma">
      <div className="container">
        <div className="page-eyebrow"><span className="bar"></span>THE DIPLOMA · WHAT IT OPENS</div>
        <h2 className="t-h2" style={{ marginTop: 12, maxWidth: 800 }}>One diploma. Every door.</h2>
        <div className="aud-pillars" style={{ marginTop: 48 }}>
          <div className="aud-pillar">
            <div className="num">01 · UC / CSU</div>
            <h4>University of California &amp; CSU</h4>
            <p>All UC and CSU campuses accept our transcript on the same terms as any UC A–G high school. UC Honors weighting applies on the 5.0 scale.</p>
          </div>
          <div className="aud-pillar">
            <div className="num">02 · NATIONAL</div>
            <h4>U.S. private and public universities</h4>
            <p>WASC is a regional accreditor recognized by every U.S. four-year institution. Our students have matriculated to schools in 22 states.</p>
          </div>
          <div className="aud-pillar">
            <div className="num">03 · INTERNATIONAL</div>
            <h4>International universities</h4>
            <p>A U.S. high-school diploma backed by a recognized regional accreditor is read internationally. We have graduates at universities in the U.K., E.U., Singapore, and Hong Kong.</p>
          </div>
        </div>
      </div>
    </section>

    <section className="s-pad" style={{ borderTop: '1px solid var(--line-soft)', background: 'var(--bg-0)', textAlign: 'center' }} data-screen-label="07 CTA">
      <div className="container">
        <h2 className="t-h2" style={{ marginBottom: 16 }}>Need the formal documents?</h2>
        <p className="ink-2" style={{ fontSize: 17, marginBottom: 32, maxWidth: 560, margin: '0 auto 32px' }}>
          For college admissions officers, the school profile is the place to start.
        </p>
        <div style={{ display: 'flex', gap: 12, justifyContent: 'center', flexWrap: 'wrap' }}>
          <a className="btn btn-primary btn-lg" href="school-profile.html">School profile <Icon name="arrowRight" size={16}/></a>
          <a className="btn btn-secondary btn-lg" href="contact.html">Request transcripts</a>
        </div>
      </div>
    </section>

    <Footer/>
  </>
);

ReactDOM.createRoot(document.getElementById('root')).render(<AccreditationPage/>);