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

const row = [
  { title: 'Free & local', body: 'The full editor, free. Your files live right in your browser.' },
  { title: 'Open format', body: 'Your .kicad_pcb / .kicad_sch, open forever.' },
  {
    title: 'Paid: cloud & sync',
    body: 'Hosted storage, cross-device sync, and shared team workspaces.',
  },
];
---

<SectionBand labelledby="money-h3">
  <div class="section-head">
    <h3 id="money-h3">Free to start — and the core stays open.</h3>
    <p class="lead">
      The editor and the open file format are <strong>free</strong> — design entirely in your
      browser, with your files stored locally on your own machine. When you want PCBJam’s
      <strong>cloud</strong> — hosted storage, sync across your devices, and shared workspaces for
      your team — that’s the paid part. The open core stays free, and your local files are always
      yours.
    </p>
  </div>

  <div class="cards-3">
    {
      row.map((r) => (
        <div class="card money-card">
          <strong>{r.title}</strong>
          <p class="muted">{r.body}</p>
        </div>
      ))
    }
  </div>
</SectionBand>

<style>
  .money-card p {
    margin: 0.35rem 0 0;
    font-size: 0.95rem;
  }
</style>
