static/contato.html

<!DOCTYPE html>
<html lang="pt-BR">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Contato — Sahkey Imóveis</title>
<meta name="description" content="Fale com a Sahkey Imóveis: escritórios em Matinhos, Guaratuba e Pontal do Paraná.">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link href="https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,500;9..144,600&family=Inter:wght@400;500;600;700&family=IBM+Plex+Mono:wght@500;600&display=swap" rel="stylesheet">
<link rel="stylesheet" href="/css/style.css">
</head>
<body>

<header class="site-header">
  <nav class="nav">
    <a class="brand" href="index.html">Sahkey <small>Imóveis</small></a>
    <button class="nav-toggle" aria-label="Abrir menu">☰</button>
    <ul class="nav-links">
      <li><a href="index.html">Início</a></li>
      <li><a href="busca.html">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" href="contato.html">Falar com um corretor</a>
  </nav>
</header>

<section class="page-hero">
  <div class="container">
    <span class="eyebrow">Fale com a Sahkey</span>
    <h1>Vamos conversar sobre o seu próximo imóvel</h1>
    <p>Preencha o formulário abaixo — a mensagem é enviada diretamente para o WhatsApp da nossa equipe, sem intermediários.</p>
  </div>
</section>

<section class="container">
  <div class="property-detail-grid" style="grid-template-columns:1fr 1fr">
    <div class="form-card">
      <h2 class="mt-0">Envie uma mensagem</h2>
      <form id="form-contato">
        <div class="form-grid">
          <div class="form-field">
            <label for="c-nome">Nome</label>
            <input type="text" id="c-nome" required placeholder="Seu nome completo">
          </div>
          <div class="form-field">
            <label for="c-telefone">Telefone / WhatsApp</label>
            <input type="tel" id="c-telefone" required placeholder="(41) 90000-0000">
          </div>
        </div>
        <div class="form-field">
          <label for="c-interesse">Interesse</label>
          <select id="c-interesse">
            <option value="Comprar um imóvel">Comprar um imóvel</option>
            <option value="Alugar um imóvel">Alugar um imóvel</option>
            <option value="Anunciar um imóvel para venda">Anunciar um imóvel para venda</option>
            <option value="Anunciar um imóvel para locação">Anunciar um imóvel para locação</option>
            <option value="Gestão de negócios imobiliários">Gestão de negócios imobiliários</option>
          </select>
        </div>
        <div class="form-field">
          <label for="c-cidade">Cidade de interesse</label>
          <select id="c-cidade">
            <option value="Qualquer cidade do litoral">Qualquer cidade do litoral</option>
            <option value="Matinhos">Matinhos</option>
            <option value="Guaratuba">Guaratuba</option>
            <option value="Pontal do Paraná">Pontal do Paraná</option>
          </select>
        </div>
        <div class="form-field">
          <label for="c-mensagem">Mensagem</label>
          <textarea id="c-mensagem" placeholder="Conte um pouco mais sobre o que você procura…"></textarea>
        </div>
        <button class="btn btn-primary btn-block" type="submit">Enviar pelo WhatsApp</button>
        <p class="form-note">Ao enviar, você será redirecionado ao WhatsApp da Sahkey com a mensagem já preenchida.</p>
      </form>
    </div>

    <div>
      <h2 class="mt-0">Nossos escritórios</h2>
      <div class="service-card" style="margin-bottom:16px">
        <h3>Matinhos (sede)</h3>
        <p class="muted" style="font-size:.9rem">Av. Beira Mar, 1120 — Caiobá<br>Seg. a sáb., 9h às 18h<br>(41) 99811-2201</p>
      </div>
      <div class="service-card" style="margin-bottom:16px">
        <h3>Guaratuba</h3>
        <p class="muted" style="font-size:.9rem">Av. Atlântica, 330 — Centro<br>Seg. a sáb., 9h às 18h<br>(41) 99811-2203</p>
      </div>
      <div class="service-card">
        <h3>Pontal do Paraná</h3>
        <p class="muted" style="font-size:.9rem">Av. Central, 720 — Praia de Leste<br>Ter. a sáb., 9h às 17h<br>(41) 99811-2202</p>
      </div>
    </div>
  </div>
</section>

<footer class="site-footer">
  <div class="container">
    <div class="footer-grid">
      <div>
        <div class="footer-brand">Sahkey Imóveis</div>
        <p class="muted" style="font-size:.86rem">Venda, locação e gestão de negócios imobiliários no litoral do Paraná.</p>
      </div>
      <div>
        <h4>Navegação</h4>
        <ul>
          <li><a href="busca.html">Comprar &amp; Alugar</a></li>
          <li><a href="servicos.html">Serviços</a></li>
          <li><a href="sobre.html">Sobre a Sahkey</a></li>
          <li><a href="contato.html">Contato</a></li>
        </ul>
      </div>
      <div>
        <h4>Cidades</h4>
        <ul>
          <li><a href="busca.html?cidade=Matinhos">Matinhos</a></li>
          <li><a href="busca.html?cidade=Guaratuba">Guaratuba</a></li>
          <li><a href="busca.html?cidade=Pontal do Paraná">Pontal do Paraná</a></li>
        </ul>
      </div>
      <div>
        <h4>Contato</h4>
        <ul>
          <li>Av. Beira Mar, 1120 — Caiobá, Matinhos/PR</li>
          <li>(41) 99811-2201</li>
          <li>contato@sahkeyimoveis.com.br</li>
          <li><a href="admin.html">Área do corretor →</a></li>
        </ul>
      </div>
    </div>
    <div class="footer-bottom">
      <span>© <span data-year></span> Sahkey Imóveis · CRECI-PR 00000-J (demo)</span>
      <span>Site demonstrativo — dados fictícios</span>
    </div>
  </div>
</footer>

<script src="/js/api.js"></script>
<script src="/js/main.js"></script>
<script>
document.getElementById("form-contato").addEventListener("submit", (e) => {
  e.preventDefault();
  const nome = document.getElementById("c-nome").value;
  const telefone = document.getElementById("c-telefone").value;
  const interesse = document.getElementById("c-interesse").value;
  const cidade = document.getElementById("c-cidade").value;
  const mensagem = document.getElementById("c-mensagem").value;

  const texto = `Olá, Sahkey! Meu nome é ${nome} (${telefone}).\nInteresse: ${interesse} — ${cidade}.\n${mensagem ? "Mensagem: " + mensagem : ""}`;
  window.open(whatsappLink(texto), "_blank");
});
</script>
</body>
</html>