function PartnersPage({ tweaks }) {
  return (
    <div className="page" data-screen-label="05 Partners">
      <section className="ihero">
        <div className="container">
          <div className="ihero-grid" style={{ gridTemplateColumns: "1fr" }}>
            <div>
              <Reveal>
                <h1>
                  Where our<br />
                  technology comes from.
                </h1>
              </Reveal>
              <Reveal delay={100}>
                <p className="ihero-sub">
                  Our platforms originated at America's leading research institutions —
                  the source of our IP, talent, and engineering doctrine.
                </p>
              </Reveal>
            </div>
          </div>
        </div>
      </section>

      <section className={window.sClass("partners-origins", tweaks)} data-section-id="partners-origins">
        <div className="container">
          <SHead id="" eyebrow="">
            Research origins.
          </SHead>
        </div>
        <div className="origin-block">
          <Reveal className="origin-cell">
            <div className="seal">NPS</div>
            <h3>Naval Postgraduate School</h3>
            <div className="loc">Research Origin</div>
            <p>
              The Detachable Drone Hijacker was developed at NPS — the Navy's
              premier graduate-level research institution for defense technology
              and systems.
            </p>
          </Reveal>
          <Reveal delay={120} className="origin-cell">
            <div className="seal">NCSU</div>
            <h3>NC State University</h3>
            <div className="loc">Research Origin</div>
            <p>
              The soft robotics platform originated from advanced materials research
              at NC State's College of Engineering — a leader in biomimetic systems
              and smart materials.
            </p>
          </Reveal>
        </div>
      </section>

            <section className={window.ctaClass("partners-cta", tweaks)} data-section-id="partners-cta">
        <div className="topo-bg" />
        <div className="container" style={{ textAlign: "center" }}>
          <div className="cta-inner" style={{ marginTop: 40, display: "flex", flexDirection: "column", alignItems: "center" }}>
            <Reveal>
              <h2 style={{ color: "rgb(255, 255, 255)" }}>
                Ready to defend America <span className="em" style={{ color: "rgb(241, 241, 241)" }}>together</span>.
              </h2>
              <p style={{
                fontFamily: "var(--font-display)", fontWeight: 300,
                fontSize: 18, lineHeight: 1.5,
                maxWidth: 540, marginTop: 20, marginLeft: "auto", marginRight: "auto", textAlign: "center", color: "rgb(255, 255, 255)"
              }}>
                Partner with America First Defense.AI. Contact us to learn more.
              </p>
            </Reveal>
            <Reveal delay={120}>
              <div className="cta-actions" style={{ marginTop: 12, justifyContent: "center" }}>
                <a href="#/contact" className={tweaks?.accent === "crimson" ? "btn btn-crimson" : "btn"}>
                  Contact <Arr />
                </a>
                <a href="#/mission" className="btn btn-ghost">
                  Read Mission <Arr />
                </a>
              </div>
            </Reveal>
          </div>
        </div>
      </section>
    </div>);

}

Object.assign(window, { PartnersPage });