<!DOCTYPE html>
<html lang="pt">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Quanto vale a sua casa? — NCi Imobiliária</title>
<meta name="description" content="Receba uma avaliação gratuita do seu imóvel em Guimarães, Braga e Caldas das Taipas. Sem compromisso.">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link href="https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;0,9..40,800;1,9..40,400;1,9..40,500&display=swap" rel="stylesheet">
<style>
* { margin:0; padding:0; box-sizing:border-box; }
:root {
--purple: #3f2f54;
--purple-deep: #2d2040;
--purple-light: #5a4578;
--mint: #48E1B4;
--mint-hover: #3cc9a0;
--mint-soft: rgba(72,225,180,.08);
--mint-border: rgba(72,225,180,.2);
--white: #fff;
--cream: #faf9f7;
--charcoal: #2a2a2a;
--gray: #666;
--gray-light: #e8e6e2;
--red: #e74c3c;
}
html { scroll-behavior: smooth; }
body {
font-family: "DM Sans", sans-serif;
color: var(--charcoal);
background: var(--cream);
-webkit-font-smoothing: antialiased;
}
/* ── HEADER ── */
.header {
background: var(--purple);
padding: 16px 24px;
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
}
.header img { height: 32px; }
.header .sep {
width: 1px; height: 24px;
background: rgba(255,255,255,.2);
}
/* ── HERO ── */
.hero {
background: var(--purple);
padding: 48px 24px 56px;
text-align: center;
position: relative;
overflow: hidden;
}
.hero::before {
content: '';
position: absolute;
right: -80px; top: -80px;
width: 300px; height: 300px;
border: 2px solid var(--mint);
border-radius: 50%;
opacity: .08;
}
.hero .badge {
display: inline-block;
font-size: 11px; font-weight: 600;
letter-spacing: 2px; text-transform: uppercase;
color: var(--mint);
background: rgba(72,225,180,.1);
border: 1px solid rgba(72,225,180,.2);
padding: 6px 16px; border-radius: 20px;
margin-bottom: 20px;
}
.hero h1 {
font-size: 32px; font-weight: 800;
color: var(--white);
line-height: 1.15;
margin-bottom: 14px;
max-width: 500px; margin-left: auto; margin-right: auto;
}
.hero h1 em {
font-style: normal;
color: var(--mint);
}
.hero .sub {
font-size: 15px;
color: rgba(255,255,255,.6);
line-height: 1.6;
max-width: 400px;
margin: 0 auto;
}
/* ── FORM SECTION ── */
.form-section {
max-width: 520px;
margin: -32px auto 0;
padding: 0 20px 40px;
position: relative;
z-index: 2;
}
.form-card {
background: var(--white);
border-radius: 16px;
padding: 32px 28px;
box-shadow: 0 4px 24px rgba(0,0,0,.08);
border: 1px solid rgba(0,0,0,.04);
}
.form-card h2 {
font-size: 18px; font-weight: 700;
color: var(--charcoal);
margin-bottom: 4px;
}
.form-card .form-sub {
font-size: 13px; color: var(--gray);
margin-bottom: 24px;
}
.field {
margin-bottom: 16px;
}
.field label {
display: block;
font-size: 12px; font-weight: 600;
color: var(--charcoal);
margin-bottom: 6px;
letter-spacing: .3px;
}
.field label .req {
color: var(--red);
}
.field input,
.field select,
.field textarea {
width: 100%;
font-family: inherit;
font-size: 14px;
padding: 12px 14px;
border: 1.5px solid var(--gray-light);
border-radius: 10px;
background: var(--cream);
color: var(--charcoal);
transition: border-color .2s, box-shadow .2s;
outline: none;
}
.field input:focus,
.field select:focus,
.field textarea:focus {
border-color: var(--mint);
box-shadow: 0 0 0 3px rgba(72,225,180,.15);
}
.field textarea {
resize: vertical;
min-height: 70px;
}
.field select {
appearance: none;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23999' stroke-width='1.5' fill='none'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: right 14px center;
padding-right: 36px;
}
.row {
display: flex; gap: 12px;
}
.row .field { flex: 1; }
.btn {
width: 100%;
padding: 14px;
background: var(--mint);
color: var(--purple);
font-family: inherit;
font-size: 15px;
font-weight: 700;
border: none;
border-radius: 10px;
cursor: pointer;
transition: background .2s, transform .1s;
margin-top: 8px;
letter-spacing: .3px;
}
.btn:hover { background: var(--mint-hover); }
.btn:active { transform: scale(.98); }
.privacy {
font-size: 10px;
color: #aaa;
text-align: center;
margin-top: 12px;
line-height: 1.5;
}
/* ── SUCCESS ── */
.success {
display: none;
text-align: center;
padding: 40px 20px;
}
.success .check {
width: 56px; height: 56px;
border-radius: 50%;
background: var(--mint);
display: flex; align-items: center; justify-content: center;
font-size: 28px; color: var(--white);
margin: 0 auto 16px;
}
.success h3 {
font-size: 20px; font-weight: 700;
color: var(--charcoal); margin-bottom: 8px;
}
.success p {
font-size: 14px; color: var(--gray);
line-height: 1.6;
}
/* ── TRUST ── */
.trust {
max-width: 520px;
margin: 0 auto;
padding: 0 20px 32px;
display: flex;
justify-content: center;
gap: 24px;
flex-wrap: wrap;
}
.trust-item {
display: flex; align-items: center; gap: 8px;
font-size: 12px; color: var(--gray);
}
.trust-item .ico {
font-size: 16px; color: var(--mint);
}
/* ── FOOTER ── */
.footer {
background: var(--purple);
padding: 20px 24px;
text-align: center;
}
.footer .name {
font-size: 14px; font-weight: 700;
color: var(--white); margin-bottom: 2px;
}
.footer .title {
font-size: 11px; color: rgba(255,255,255,.5);
margin-bottom: 10px;
}
.footer .phone {
font-size: 20px; font-weight: 800;
color: var(--mint); letter-spacing: 1px;
margin-bottom: 12px;
}
.footer .legal {
font-size: 7.5px;
color: rgba(255,255,255,.25);
line-height: 1.6;
}
/* ── MOBILE ── */
@media (max-width: 480px) {
.hero h1 { font-size: 26px; }
.form-card { padding: 24px 20px; }
.row { flex-direction: column; gap: 0; }
}
</style>
</head>
<body>
<div class="header">
<img src="data:image/png;base64,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" alt="NCi Imobiliária">
</div>
<div class="hero">
<div class="badge">Avaliação gratuita</div>
<h1>Quanto vale a <em>sua casa?</em></h1>
<div class="sub">Receba uma estimativa de valor do seu imóvel em 24 horas. Sem custos e sem compromisso.</div>
</div>
<div class="form-section">
<div class="form-card">
<div id="formContent">
<h2>Preencha os dados do imóvel</h2>
<p class="form-sub">Demora menos de 2 minutos.</p>
<form id="avaliacaoForm" onsubmit="return handleSubmit(event)">
<div class="row">
<div class="field">
<label>Nome <span class="req">*</span></label>
<input type="text" name="nome" required placeholder="O seu nome">
</div>
<div class="field">
<label>Telefone <span class="req">*</span></label>
<input type="tel" name="telefone" required placeholder="932 000 000">
</div>
</div>
<div class="field">
<label>Email</label>
<input type="email" name="email" placeholder="exemplo@email.com">
</div>
<div class="field">
<label>Morada do imóvel <span class="req">*</span></label>
<input type="text" name="morada" required placeholder="Rua, número, localidade">
</div>
<div class="row">
<div class="field">
<label>Tipo de imóvel <span class="req">*</span></label>
<select name="tipo" required>
<option value="" disabled selected>Escolha...</option>
<option>Apartamento</option>
<option>Moradia</option>
<option>Terreno</option>
<option>Loja / Escritório</option>
<option>Outro</option>
</select>
</div>
<div class="field">
<label>Tipologia</label>
<select name="tipologia">
<option value="" selected>Escolha...</option>
<option>T0</option>
<option>T1</option>
<option>T2</option>
<option>T3</option>
<option>T4+</option>
<option>N/A</option>
</select>
</div>
</div>
<div class="row">
<div class="field">
<label>Área aprox. (m²)</label>
<input type="number" name="area" placeholder="Ex: 120">
</div>
<div class="field">
<label>Ano de construção</label>
<input type="number" name="ano" placeholder="Ex: 2005">
</div>
</div>
<div class="field">
<label>O que pretende fazer?</label>
<select name="objetivo">
<option value="" selected>Escolha...</option>
<option>Vender</option>
<option>Arrendar</option>
<option>Apenas saber o valor</option>
<option>Transferir crédito</option>
</select>
</div>
<div class="field">
<label>Observações</label>
<textarea name="obs" placeholder="Garagem, jardim, obras recentes, urgência..."></textarea>
</div>
<button type="submit" class="btn">Pedir avaliação gratuita</button>
<div class="privacy">
Os seus dados são utilizados exclusivamente para efeitos de avaliação<br>
e não são partilhados com terceiros.
</div>
</form>
</div>
<div class="success" id="successMsg">
<div class="check">✓</div>
<h3>Pedido enviado!</h3>
<p>Obrigado pelo seu interesse. Vou analisar os dados e entro em contacto consigo em menos de 24 horas com uma estimativa de valor.</p>
<p style="margin-top:16px; font-weight:600; color: var(--purple);">Nelson Costa<br>
<span style="font-weight:400; color: var(--gray); font-size:13px;">932 915 009</span></p>
</div>
</div>
</div>
<div class="trust">
<div class="trust-item"><span class="ico">🛡️</span> Sem compromisso</div>
<div class="trust-item"><span class="ico">⚡</span> Resposta em 24h</div>
<div class="trust-item"><span class="ico">🔒</span> Dados protegidos</div>
</div>
<div class="footer">
<div class="name">Nelson Costa</div>
<div class="title">Consultor Imobiliário | Gestor de Crédito</div>
<div class="phone">932 915 009</div>
<div class="legal">
NCi Imobiliária — AMI 24975<br>
Intermediário de crédito vinculado — Reg. Banco de Portugal n.º 0008342<br>
Av. da República, 46 - R/chão · 4805-155 Caldas das Taipas
</div>
</div>
<script>
function handleSubmit(e) {
e.preventDefault();
const form = e.target;
const data = new FormData(form);
const obj = {};
data.forEach((v, k) => obj[k] = v);
// ─── OPÇÃO 1: Enviar por email via FormSubmit (grátis, sem backend) ───
// Descomenta as linhas abaixo e substitui o email:
//
// form.action = "https://formsubmit.co/n.costa@ncimoveis.pt";
// form.method = "POST";
// form.submit();
// return false;
// ─── OPÇÃO 2: Enviar para Google Sheets via Apps Script ───
// Descomenta e substitui a URL do teu Apps Script:
//
// fetch("https://script.google.com/macros/s/SEU_ID/exec", {
// method: "POST",
// body: JSON.stringify(obj),
// headers: { "Content-Type": "text/plain" }
// });
// ─── Simulação (remover em produção) ───
console.log("Lead recebido:", obj);
// Mostrar sucesso
document.getElementById('formContent').querySelector('form').style.display = 'none';
document.getElementById('formContent').querySelector('h2').style.display = 'none';
document.getElementById('formContent').querySelector('.form-sub').style.display = 'none';
document.getElementById('successMsg').style.display = 'block';
return false;
}
</script>
</body>
</html>
<html lang="pt">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Quanto vale a sua casa? — NCi Imobiliária</title>
<meta name="description" content="Receba uma avaliação gratuita do seu imóvel em Guimarães, Braga e Caldas das Taipas. Sem compromisso.">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link href="https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;0,9..40,800;1,9..40,400;1,9..40,500&display=swap" rel="stylesheet">
<style>
* { margin:0; padding:0; box-sizing:border-box; }
:root {
--purple: #3f2f54;
--purple-deep: #2d2040;
--purple-light: #5a4578;
--mint: #48E1B4;
--mint-hover: #3cc9a0;
--mint-soft: rgba(72,225,180,.08);
--mint-border: rgba(72,225,180,.2);
--white: #fff;
--cream: #faf9f7;
--charcoal: #2a2a2a;
--gray: #666;
--gray-light: #e8e6e2;
--red: #e74c3c;
}
html { scroll-behavior: smooth; }
body {
font-family: "DM Sans", sans-serif;
color: var(--charcoal);
background: var(--cream);
-webkit-font-smoothing: antialiased;
}
/* ── HEADER ── */
.header {
background: var(--purple);
padding: 16px 24px;
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
}
.header img { height: 32px; }
.header .sep {
width: 1px; height: 24px;
background: rgba(255,255,255,.2);
}
/* ── HERO ── */
.hero {
background: var(--purple);
padding: 48px 24px 56px;
text-align: center;
position: relative;
overflow: hidden;
}
.hero::before {
content: '';
position: absolute;
right: -80px; top: -80px;
width: 300px; height: 300px;
border: 2px solid var(--mint);
border-radius: 50%;
opacity: .08;
}
.hero .badge {
display: inline-block;
font-size: 11px; font-weight: 600;
letter-spacing: 2px; text-transform: uppercase;
color: var(--mint);
background: rgba(72,225,180,.1);
border: 1px solid rgba(72,225,180,.2);
padding: 6px 16px; border-radius: 20px;
margin-bottom: 20px;
}
.hero h1 {
font-size: 32px; font-weight: 800;
color: var(--white);
line-height: 1.15;
margin-bottom: 14px;
max-width: 500px; margin-left: auto; margin-right: auto;
}
.hero h1 em {
font-style: normal;
color: var(--mint);
}
.hero .sub {
font-size: 15px;
color: rgba(255,255,255,.6);
line-height: 1.6;
max-width: 400px;
margin: 0 auto;
}
/* ── FORM SECTION ── */
.form-section {
max-width: 520px;
margin: -32px auto 0;
padding: 0 20px 40px;
position: relative;
z-index: 2;
}
.form-card {
background: var(--white);
border-radius: 16px;
padding: 32px 28px;
box-shadow: 0 4px 24px rgba(0,0,0,.08);
border: 1px solid rgba(0,0,0,.04);
}
.form-card h2 {
font-size: 18px; font-weight: 700;
color: var(--charcoal);
margin-bottom: 4px;
}
.form-card .form-sub {
font-size: 13px; color: var(--gray);
margin-bottom: 24px;
}
.field {
margin-bottom: 16px;
}
.field label {
display: block;
font-size: 12px; font-weight: 600;
color: var(--charcoal);
margin-bottom: 6px;
letter-spacing: .3px;
}
.field label .req {
color: var(--red);
}
.field input,
.field select,
.field textarea {
width: 100%;
font-family: inherit;
font-size: 14px;
padding: 12px 14px;
border: 1.5px solid var(--gray-light);
border-radius: 10px;
background: var(--cream);
color: var(--charcoal);
transition: border-color .2s, box-shadow .2s;
outline: none;
}
.field input:focus,
.field select:focus,
.field textarea:focus {
border-color: var(--mint);
box-shadow: 0 0 0 3px rgba(72,225,180,.15);
}
.field textarea {
resize: vertical;
min-height: 70px;
}
.field select {
appearance: none;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23999' stroke-width='1.5' fill='none'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: right 14px center;
padding-right: 36px;
}
.row {
display: flex; gap: 12px;
}
.row .field { flex: 1; }
.btn {
width: 100%;
padding: 14px;
background: var(--mint);
color: var(--purple);
font-family: inherit;
font-size: 15px;
font-weight: 700;
border: none;
border-radius: 10px;
cursor: pointer;
transition: background .2s, transform .1s;
margin-top: 8px;
letter-spacing: .3px;
}
.btn:hover { background: var(--mint-hover); }
.btn:active { transform: scale(.98); }
.privacy {
font-size: 10px;
color: #aaa;
text-align: center;
margin-top: 12px;
line-height: 1.5;
}
/* ── SUCCESS ── */
.success {
display: none;
text-align: center;
padding: 40px 20px;
}
.success .check {
width: 56px; height: 56px;
border-radius: 50%;
background: var(--mint);
display: flex; align-items: center; justify-content: center;
font-size: 28px; color: var(--white);
margin: 0 auto 16px;
}
.success h3 {
font-size: 20px; font-weight: 700;
color: var(--charcoal); margin-bottom: 8px;
}
.success p {
font-size: 14px; color: var(--gray);
line-height: 1.6;
}
/* ── TRUST ── */
.trust {
max-width: 520px;
margin: 0 auto;
padding: 0 20px 32px;
display: flex;
justify-content: center;
gap: 24px;
flex-wrap: wrap;
}
.trust-item {
display: flex; align-items: center; gap: 8px;
font-size: 12px; color: var(--gray);
}
.trust-item .ico {
font-size: 16px; color: var(--mint);
}
/* ── FOOTER ── */
.footer {
background: var(--purple);
padding: 20px 24px;
text-align: center;
}
.footer .name {
font-size: 14px; font-weight: 700;
color: var(--white); margin-bottom: 2px;
}
.footer .title {
font-size: 11px; color: rgba(255,255,255,.5);
margin-bottom: 10px;
}
.footer .phone {
font-size: 20px; font-weight: 800;
color: var(--mint); letter-spacing: 1px;
margin-bottom: 12px;
}
.footer .legal {
font-size: 7.5px;
color: rgba(255,255,255,.25);
line-height: 1.6;
}
/* ── MOBILE ── */
@media (max-width: 480px) {
.hero h1 { font-size: 26px; }
.form-card { padding: 24px 20px; }
.row { flex-direction: column; gap: 0; }
}
</style>
</head>
<body>
<div class="header">
<img src="data:image/png;base64,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" alt="NCi Imobiliária">
</div>
<div class="hero">
<div class="badge">Avaliação gratuita</div>
<h1>Quanto vale a <em>sua casa?</em></h1>
<div class="sub">Receba uma estimativa de valor do seu imóvel em 24 horas. Sem custos e sem compromisso.</div>
</div>
<div class="form-section">
<div class="form-card">
<div id="formContent">
<h2>Preencha os dados do imóvel</h2>
<p class="form-sub">Demora menos de 2 minutos.</p>
<form id="avaliacaoForm" onsubmit="return handleSubmit(event)">
<div class="row">
<div class="field">
<label>Nome <span class="req">*</span></label>
<input type="text" name="nome" required placeholder="O seu nome">
</div>
<div class="field">
<label>Telefone <span class="req">*</span></label>
<input type="tel" name="telefone" required placeholder="932 000 000">
</div>
</div>
<div class="field">
<label>Email</label>
<input type="email" name="email" placeholder="exemplo@email.com">
</div>
<div class="field">
<label>Morada do imóvel <span class="req">*</span></label>
<input type="text" name="morada" required placeholder="Rua, número, localidade">
</div>
<div class="row">
<div class="field">
<label>Tipo de imóvel <span class="req">*</span></label>
<select name="tipo" required>
<option value="" disabled selected>Escolha...</option>
<option>Apartamento</option>
<option>Moradia</option>
<option>Terreno</option>
<option>Loja / Escritório</option>
<option>Outro</option>
</select>
</div>
<div class="field">
<label>Tipologia</label>
<select name="tipologia">
<option value="" selected>Escolha...</option>
<option>T0</option>
<option>T1</option>
<option>T2</option>
<option>T3</option>
<option>T4+</option>
<option>N/A</option>
</select>
</div>
</div>
<div class="row">
<div class="field">
<label>Área aprox. (m²)</label>
<input type="number" name="area" placeholder="Ex: 120">
</div>
<div class="field">
<label>Ano de construção</label>
<input type="number" name="ano" placeholder="Ex: 2005">
</div>
</div>
<div class="field">
<label>O que pretende fazer?</label>
<select name="objetivo">
<option value="" selected>Escolha...</option>
<option>Vender</option>
<option>Arrendar</option>
<option>Apenas saber o valor</option>
<option>Transferir crédito</option>
</select>
</div>
<div class="field">
<label>Observações</label>
<textarea name="obs" placeholder="Garagem, jardim, obras recentes, urgência..."></textarea>
</div>
<button type="submit" class="btn">Pedir avaliação gratuita</button>
<div class="privacy">
Os seus dados são utilizados exclusivamente para efeitos de avaliação<br>
e não são partilhados com terceiros.
</div>
</form>
</div>
<div class="success" id="successMsg">
<div class="check">✓</div>
<h3>Pedido enviado!</h3>
<p>Obrigado pelo seu interesse. Vou analisar os dados e entro em contacto consigo em menos de 24 horas com uma estimativa de valor.</p>
<p style="margin-top:16px; font-weight:600; color: var(--purple);">Nelson Costa<br>
<span style="font-weight:400; color: var(--gray); font-size:13px;">932 915 009</span></p>
</div>
</div>
</div>
<div class="trust">
<div class="trust-item"><span class="ico">🛡️</span> Sem compromisso</div>
<div class="trust-item"><span class="ico">⚡</span> Resposta em 24h</div>
<div class="trust-item"><span class="ico">🔒</span> Dados protegidos</div>
</div>
<div class="footer">
<div class="name">Nelson Costa</div>
<div class="title">Consultor Imobiliário | Gestor de Crédito</div>
<div class="phone">932 915 009</div>
<div class="legal">
NCi Imobiliária — AMI 24975<br>
Intermediário de crédito vinculado — Reg. Banco de Portugal n.º 0008342<br>
Av. da República, 46 - R/chão · 4805-155 Caldas das Taipas
</div>
</div>
<script>
function handleSubmit(e) {
e.preventDefault();
const form = e.target;
const data = new FormData(form);
const obj = {};
data.forEach((v, k) => obj[k] = v);
// ─── OPÇÃO 1: Enviar por email via FormSubmit (grátis, sem backend) ───
// Descomenta as linhas abaixo e substitui o email:
//
// form.action = "https://formsubmit.co/n.costa@ncimoveis.pt";
// form.method = "POST";
// form.submit();
// return false;
// ─── OPÇÃO 2: Enviar para Google Sheets via Apps Script ───
// Descomenta e substitui a URL do teu Apps Script:
//
// fetch("https://script.google.com/macros/s/SEU_ID/exec", {
// method: "POST",
// body: JSON.stringify(obj),
// headers: { "Content-Type": "text/plain" }
// });
// ─── Simulação (remover em produção) ───
console.log("Lead recebido:", obj);
// Mostrar sucesso
document.getElementById('formContent').querySelector('form').style.display = 'none';
document.getElementById('formContent').querySelector('h2').style.display = 'none';
document.getElementById('formContent').querySelector('.form-sub').style.display = 'none';
document.getElementById('successMsg').style.display = 'block';
return false;
}
</script>
</body>
</html>