// Hero.jsx
function Hero() {
  return (
    <section className="hero">
      <div className="hero-pattern" aria-hidden="true"></div>
      <iframe className="hero-render hero-render-orb" src="globe.html" title="" aria-hidden="true" scrolling="no" frameBorder="0"></iframe>

      <div className="container hero-grid">
        <div className="hero-main">
          <div className="hero-eyebrow">
            <span className="hero-eyebrow-tag">Charter · Discussion document</span>
            <span className="hero-eyebrow-meta">v0.1 &nbsp;·&nbsp; 2026-04-29</span>
          </div>

          <h1>Open standards for AI in intellectual property.</h1>

          <p className="hero-lede">
            A standards body that establishes, governs, and stewards reproducible benchmarks, methodology conventions, and integrity standards for AI tools used in IP workflows.
          </p>

          <div className="hero-cta-row">
            <a className="btn btn-primary" href="#">Read the charter <span aria-hidden="true">→</span></a>
            <a className="btn btn-secondary" href="#">Apply for accreditation</a>
            <span className="hero-cta-meta">68-page draft · public comment open</span>
          </div>
        </div>

        <aside className="hero-meta">
          <div className="hero-meta-head">
            <span className="hero-meta-label">Council</span>
            <span className="hero-meta-status"><span className="hero-meta-dot" aria-hidden="true"></span>Pre-formation</span>
          </div>
          <dl>
            <dt>Announce</dt><dd>INTA 2026 · May 2026</dd>
            <dt>Founding</dt><dd>Hahn · CBlindspot · TBA</dd>
            <dt>Document</dt><dd>OIPC-CHARTER-v0.1</dd>
            <dt>Companion</dt><dd>OIPC Open Questions v0.1</dd>
            <dt>License</dt><dd>Apache-2.0 (default)</dd>
            <dt>Contact</dt><dd>contact@openipcouncil.org</dd>
          </dl>
        </aside>
      </div>
    </section>
  );
}
window.Hero = Hero;