// Download.jsx
function Download() {
  return (
    <section id="download" className="sn-section">
      <div className="sn-download">
        <div>
          <p className="sn-kicker">Disponible en iOS · Android próximamente</p>
          <h2 className="sn-display sn-display-sm">
            Lleva tu identidad<br/>
            <span className="sn-aurora-text">en el bolsillo</span>
          </h2>
          <p className="sn-lede">
            Descarga SpiderNet desde el App Store. Crea tu tarjeta en menos de un minuto y empieza a compartir.
          </p>
          <div className="sn-cta-row">
            <a className="sn-btn-primary" href="https://apps.apple.com/es/app/spidernet/id6755500680" target="_blank" rel="noopener noreferrer">
              <Icon.Apple size={18} />
              <span>
                <span className="sn-btn-tag">Descargar en</span>
                <span className="sn-btn-store">App Store</span>
              </span>
            </a>
            <button className="sn-btn-secondary" type="button" onClick={() => {
              try { navigator.clipboard.writeText(window.location.origin); } catch(e) {}
            }}>
              Copiar enlace
              <span className="muted">→</span>
            </button>
          </div>
          <div className="sn-trust-row">
            <span className="sn-trust"><span className="dot dot-emerald"></span>Gratis para empezar</span>
            <span className="sn-trust"><span className="dot dot-cyan"></span>Sin anuncios</span>
          </div>
        </div>
        <div className="sn-download-card-col">
          <Card tilt={false} />
        </div>
      </div>
    </section>
  );
}

window.Download = Download;