templates/_header.html

<header class="site-header">
  <nav class="nav">
    <button class="nav-toggle" aria-label="Abrir menu" aria-expanded="false">
      <svg viewBox="0 0 24 24" width="24" height="24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" aria-hidden="true"><line x1="3" y1="6" x2="21" y2="6"></line><line x1="3" y1="12" x2="21" y2="12"></line><line x1="3" y1="18" x2="21" y2="18"></line></svg>
    </button>
    <a class="brand" href="/">
      <img src="/img/logo-sk.svg" alt="SK Imobiliária" class="brand-mark" height="38">
    </a>
    <ul class="nav-links">
      <li><a href="/">Início</a></li>
      <li><a href="/busca">Comprar &amp; Alugar</a></li>
      <li><a href="/servicos.html">Serviços</a></li>
      <li><a href="/sobre.html">Sobre</a></li>
      <li><a href="/contato.html">Contato</a></li>
    </ul>
    <a class="nav-cta nav-whats" href="https://wa.me/{{ site_config().whatsapp_numero }}?text={{ site_config().whatsapp_texto_padrao | urlencode }}" target="_blank" rel="noopener" aria-label="Falar no WhatsApp: {{ site_config().telefone_exibicao }}"><svg viewBox="0 0 24 24" width="18" height="18" fill="currentColor" aria-hidden="true"><path d="M17.47 14.38c-.3-.15-1.76-.87-2.03-.97-.27-.1-.47-.15-.67.15-.2.3-.77.97-.94 1.16-.17.2-.35.22-.64.08-.3-.15-1.26-.46-2.39-1.48-.88-.79-1.48-1.76-1.65-2.06-.17-.3-.02-.46.13-.61.13-.13.3-.35.45-.52.15-.17.2-.3.3-.5.1-.2.05-.37-.02-.52-.08-.15-.67-1.61-.92-2.21-.24-.58-.49-.5-.67-.51-.17-.01-.37-.01-.57-.01-.2 0-.52.07-.79.37-.27.3-1.04 1.02-1.04 2.48s1.07 2.87 1.21 3.07c.15.2 2.1 3.2 5.08 4.49.71.31 1.26.49 1.69.62.71.23 1.36.2 1.87.12.57-.09 1.76-.72 2.01-1.41.25-.7.25-1.29.17-1.41-.07-.13-.27-.2-.57-.35z"/><path d="M12.03 2C6.51 2 2 6.48 2 12c0 1.82.48 3.58 1.4 5.12L2 22l5.03-1.32A9.96 9.96 0 0 0 12.03 22C17.55 22 22 17.52 22 12S17.55 2 12.03 2zm0 18.09c-1.66 0-3.28-.44-4.7-1.28l-.34-.2-2.98.78.8-2.91-.22-.3A8.08 8.08 0 0 1 3.93 12c0-4.46 3.64-8.09 8.1-8.09 4.46 0 8.09 3.63 8.09 8.09 0 4.46-3.63 8.09-8.09 8.09z"/></svg><span>{{ site_config().telefone_exibicao }}</span></a>
  </nav>
</header>

<script>window.SITE_CONFIG = {{ site_config() | tojson }};</script>

<section class="quick-search-section">
  <form class="quick-search" action="/busca" method="get">
    <input type="search" name="busca" placeholder="Buscar por título, bairro ou endereço…" aria-label="Buscar imóveis">
    <button type="submit" id="f-busca" class="quick-search-icon" aria-label="Buscar">
    <svg class="quick-search-icon" viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true"><circle cx="11" cy="11" r="7"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
</button>
  </form>
</section>