// File kept as Changelog.jsx so the existing <script> ordering still works,
// but the export is now an FAQ section. The marketing brief is explicit that
// we don't fabricate version history.
const FAQ = [
  {
    q: "Is Flik for Mac only?",
    a: "Yes. macOS 14 (Sonoma) or later. Universal binary — runs natively on Apple Silicon and Intel.",
  },
  {
    q: "Does Flik upload my files anywhere?",
    a: "No. Everything happens on your Mac. There's no server, no account, no telemetry.",
  },
  {
    q: "What permissions does Flik need?",
    a: "Read access to your Downloads folder, requested the first time you launch. Optionally Full Disk Access if you want Flik to see files outside Downloads.",
  },
  {
    q: "Will Flik work with cloud-synced Downloads (iCloud / Dropbox)?",
    a: "Yes. Flik watches whatever's in ~/Downloads — if your cloud service syncs there, Flik picks up new files normally.",
  },
  {
    q: "Can I undo expiry?",
    a: "Always. Expired files move to ~/Flik Expired/YYYY-MM-DD/. They're never deleted by Flik. Empty that folder yourself when you're sure you don't need anything.",
  },
  {
    q: "Does my license work on multiple Macs?",
    a: "Yes — one purchase covers a small number of personal Macs. Activate on each.",
  },
  {
    q: "What if I stop paying?",
    a: "There's nothing to stop. You buy once, it's yours. After a year, you stop getting new updates, but the version you own keeps working forever.",
  },
  {
    q: "How big is the app?",
    a: "About 10 MB on disk — pure Swift, no bundled runtimes. Video and image work is handled by Apple's AVFoundation, VideoToolbox, and CoreImage. About 30 MB of RAM when running with files on the shelf.",
  },
  {
    q: "Is there a refund policy?",
    a: "When Flik launches: 14 days, no questions asked. A 7-day free trial means most people decide before paying anyway.",
  },
];

function Changelog() {
  return (
    <section id="faq">
      <div className="container">
        <div className="section-head" style={{ margin: "0 auto 56px", maxWidth: 760 }}>
          <div className="eyebrow">FAQ</div>
          <h2>Questions, answered.</h2>
          <p className="lede">If something's missing, email <a href="mailto:support@getflick.app" style={{ color: "var(--accent)" }}>support@getflick.app</a>. Replies usually come the same day.</p>
        </div>

        <div className="faq">
          {FAQ.map((item, i) => (
            <details className="faq-entry" key={i}>
              <summary>
                <span>{item.q}</span>
                <svg className="faq-chevron" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2.2" strokeLinecap="round" strokeLinejoin="round" aria-hidden="true">
                  <path d="M6 9l6 6 6-6"/>
                </svg>
              </summary>
              <div className="faq-body">{item.a}</div>
            </details>
          ))}
        </div>
      </div>
    </section>
  );
}

window.Changelog = Changelog;