Spaces:
Paused
Paused
| <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> | |