---
import SectionBand from '../components/SectionBand.astro';
---

<SectionBand labelledby="pos-h3">
  <div class="section-head">
    <h3 id="pos-h3">Everyone picks one. We do both.</h3>
    <p class="lead">
      Browser-native. Open &amp; yours. Flux and EasyEDA are browser-based but closed.
      KiCanvas is browser + open but a viewer. KiCad and LibrePCB are open but desktop-only.
      <strong>PCBJam is the only full editor that's both.</strong>
    </p>
  </div>
  <img
    class="pos-map"
    src="/graphics/positioning-quadrant.svg"
    width="820"
    height="600"
    alt="Positioning map: PCBJam is the only full PCB editor that is both browser-native and open. Flux and EasyEDA are browser-based but proprietary; KiCanvas is browser and open but viewer-only; LibrePCB and KiCad are open but desktop-only; Altium 365 and OrCAD X are desktop and proprietary."
    loading="lazy"
    decoding="async"
  />
</SectionBand>

<style>
  .pos-map {
    display: block;
    width: 100%;
    max-width: 46rem;
    height: auto;
    margin-inline: auto;
    border: 1px solid var(--border);
    border-radius: var(--radius-lg);
  }
</style>
