function CTA() {
  return (
    <section id="cta" style={{padding:'40px 0 0'}}>
      <div className="cta">
        <span className="eyebrow" style={{background:'rgba(255,255,255,.08)',color:'var(--accent)',borderColor:'rgba(255,255,255,.12)'}}>
          <span className="dot"></span>Vamos conversar
        </span>
        <h2 style={{marginTop:24}}>
          Pronto para colocar a sua cidade<br/>
          <span className="serif-i" style={{color:'var(--accent)'}}>na palma da mão</span> da população?
        </h2>
        <p>Agende uma demonstração gratuita. Em 30 minutos, mostramos a plataforma adaptada ao seu município.</p>
        <div className="hero-cta">
          <a href="https://e11zr.share.hsforms.com/2VJMcjYGRSmyl0sq1pO8wGQ" target="_blank" rel="noopener noreferrer" className="btn btn-accent">Agendar demonstração <Icons.Arrow className="arr"/></a>
          <a href="https://drive.google.com/uc?export=download&id=1MmWxn4EXoqOSwVM-KCkSMypYuWYa2qTw" target="_blank" rel="noopener noreferrer" className="btn btn-ghost-dark" style={{color:'#fff'}}>Baixar catálogo</a>
        </div>
      </div>
    </section>
  );
}
window.CTA = CTA;