const Visita = () => (
  <section className="visita section-pad" id="visita">
    <div className="shell">
      <div className="vis-grid">
        <div className="vis-left">
          <div className="eyebrow"><span className="dot"></span>Visite a clínica</div>
          <h2>Sua consulta, <span className="it">com tempo.</span></h2>
          <p className="lede">
            Atendimento presencial em Curitiba e teleconsulta para casos específicos. Encaminhamentos médicos avaliados em até 48 horas.
          </p>
          <div className="vis-actions">
            <a href="#" className="btn btn-solid">
              <Icon name="whatsapp" size={18}/>
              Agendar pelo WhatsApp
            </a>
            <a href="#" className="btn">
              <Icon name="mail" size={18}/>
              Enviar e-mail
            </a>
          </div>
        </div>

        <div className="vis-card">
          <div className="lbl">Instituto Neurológico da Visão &amp; Equilíbrio</div>
          <h3>Consultório · Curitiba</h3>
          <dl>
            <dt>Endereço</dt>
            <dd>Rua Comendador Araújo, <span className="it">— —</span>, <br/> Centro, Curitiba — PR</dd>
            <dt>Atendimento</dt>
            <dd>Seg a Sex · <span className="it">08h às 18h</span></dd>
            <dt>Telefone</dt>
            <dd>+55 (41) <span className="it">— — — —</span></dd>
            <dt>E-mail</dt>
            <dd>contato<span className="it">@</span>drleonardoariello.com.br</dd>
          </dl>
        </div>
      </div>
    </div>
  </section>
);

window.Visita = Visita;
