Spaces:
Paused
Paused
File size: 3,891 Bytes
8072ab3 | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 | <!DOCTYPE html>
<html lang="pt-BR">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Contato — SK Imobiliária</title>
<meta name="description" content="Fale com a SK Imobiliária: 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="icon" type="image/svg+xml" href="/img/logo-sk.svg">
<link rel="stylesheet" href="/css/style.css?v=8">
</head>
<body>
{% include "_header.html" %}
<section class="page-hero">
<div class="container">
<span class="eyebrow reveal">Fale com a SK</span>
<h1 class="reveal" style="--i:1">Vamos conversar sobre o seu próximo imóvel</h1>
<p class="reveal" style="--i:2">Preencha o formulário abaixo — a mensagem é enviada diretamente para o WhatsApp da nossa equipe, sem intermediários.</p>
</div>
</section>
<section class="container" style="padding:36px">
<div class="property-detail-grid">
<div class="form-card reveal reveal-left">
<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>
</form>
</div>
</div>
</section>
{% include "_footer.html" %}
<script src="/js/api.js?v=2"></script>
<script src="/js/main.js?v=2"></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á, SK! Meu nome é ${nome} (${telefone}).\nInteresse: ${interesse} — ${cidade}.\n${mensagem ? "Mensagem: " + mensagem : ""}`;
window.open(whatsappLink(texto), "_blank");
});
</script>
</body>
</html>
|