Carlos z commited on
Commit
cecdd77
·
verified ·
1 Parent(s): f11b52e

Upload 8 files

Browse files
static/admin.html ADDED
@@ -0,0 +1,203 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <!DOCTYPE html>
2
+ <html lang="pt-BR">
3
+ <head>
4
+ <meta charset="UTF-8">
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <title>Área do corretor — Sahkey Imóveis</title>
7
+ <meta name="robots" content="noindex">
8
+ <link rel="preconnect" href="https://fonts.googleapis.com">
9
+ <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">
10
+ <link rel="stylesheet" href="/css/style.css">
11
+ </head>
12
+ <body>
13
+
14
+ <header class="site-header">
15
+ <nav class="nav">
16
+ <a class="brand" href="index.html">Sahkey <small>Imóveis</small></a>
17
+ <button class="nav-toggle" aria-label="Abrir menu">☰</button>
18
+ <ul class="nav-links">
19
+ <li><a href="index.html">Início</a></li>
20
+ <li><a href="busca.html">Comprar &amp; Alugar</a></li>
21
+ <li><a href="servicos.html">Serviços</a></li>
22
+ <li><a href="sobre.html">Sobre</a></li>
23
+ <li><a href="contato.html">Contato</a></li>
24
+ </ul>
25
+ <a class="nav-cta" href="/api/docs">API / Swagger</a>
26
+ </nav>
27
+ </header>
28
+
29
+ <section class="page-hero" style="padding-bottom:24px">
30
+ <div class="container">
31
+ <span class="eyebrow">Área do corretor · demonstração</span>
32
+ <h1>Gerenciar anúncios</h1>
33
+ <p>Painel de exemplo para criar, editar e remover anúncios diretamente na planilha que alimenta o site. <strong>Sem autenticação</strong> — em produção, proteja esta rota antes de publicar.</p>
34
+ </div>
35
+ </section>
36
+
37
+ <section class="container">
38
+ <div class="section-head">
39
+ <div>
40
+ <h2 class="mt-0">Novo anúncio</h2>
41
+ <p>Os campos seguem exatamente o que a API espera — nada de retrabalho na planilha.</p>
42
+ </div>
43
+ <a class="btn btn-outline" href="/api/anuncios/export/planilha">Baixar planilha (.xlsx)</a>
44
+ </div>
45
+
46
+ <form class="form-card" id="form-anuncio">
47
+ <input type="hidden" id="a-id">
48
+ <div class="form-grid">
49
+ <div class="form-field">
50
+ <label for="a-tipo-negocio">Tipo de negócio</label>
51
+ <select id="a-tipo-negocio" required>
52
+ <option value="Venda">Venda</option>
53
+ <option value="Locação">Locação</option>
54
+ </select>
55
+ </div>
56
+ <div class="form-field">
57
+ <label for="a-tipo-imovel">Tipo de imóvel</label>
58
+ <select id="a-tipo-imovel" required>
59
+ <option>Casa</option><option>Apartamento</option><option>Terreno</option>
60
+ <option>Comercial</option><option>Sala Comercial</option><option>Galpão</option>
61
+ <option>Chácara/Sítio</option><option>Cobertura</option><option>Kitnet/Studio</option>
62
+ </select>
63
+ </div>
64
+ </div>
65
+
66
+ <div class="form-field">
67
+ <label for="a-titulo">Título</label>
68
+ <input type="text" id="a-titulo" required minlength="3" maxlength="150" placeholder="Ex.: Apartamento 2 quartos vista mar - Caiobá">
69
+ </div>
70
+ <div class="form-field">
71
+ <label for="a-descricao">Descrição</label>
72
+ <textarea id="a-descricao" maxlength="3000"></textarea>
73
+ </div>
74
+
75
+ <div class="form-grid">
76
+ <div class="form-field">
77
+ <label for="a-endereco">Endereço</label>
78
+ <input type="text" id="a-endereco">
79
+ </div>
80
+ <div class="form-field">
81
+ <label for="a-bairro">Bairro</label>
82
+ <input type="text" id="a-bairro">
83
+ </div>
84
+ <div class="form-field">
85
+ <label for="a-cidade">Cidade</label>
86
+ <input type="text" id="a-cidade" required list="cidades-litoral">
87
+ <datalist id="cidades-litoral">
88
+ <option value="Matinhos"><option value="Guaratuba"><option value="Pontal do Paraná">
89
+ </datalist>
90
+ </div>
91
+ <div class="form-field">
92
+ <label for="a-estado">UF</label>
93
+ <input type="text" id="a-estado" required maxlength="2" value="PR">
94
+ </div>
95
+ <div class="form-field">
96
+ <label for="a-cep">CEP</label>
97
+ <input type="text" id="a-cep">
98
+ </div>
99
+ </div>
100
+
101
+ <div class="form-grid">
102
+ <div class="form-field">
103
+ <label for="a-preco">Preço (R$)</label>
104
+ <input type="number" id="a-preco" required min="0" step="0.01">
105
+ </div>
106
+ <div class="form-field">
107
+ <label for="a-condominio">Condomínio (R$)</label>
108
+ <input type="number" id="a-condominio" min="0" step="0.01" value="0">
109
+ </div>
110
+ <div class="form-field">
111
+ <label for="a-iptu">IPTU (R$)</label>
112
+ <input type="number" id="a-iptu" min="0" step="0.01" value="0">
113
+ </div>
114
+ <div class="form-field">
115
+ <label for="a-area-util">Área útil (m²)</label>
116
+ <input type="number" id="a-area-util" min="0" step="0.01" value="0">
117
+ </div>
118
+ <div class="form-field">
119
+ <label for="a-area-total">Área total (m²)</label>
120
+ <input type="number" id="a-area-total" min="0" step="0.01" value="0">
121
+ </div>
122
+ </div>
123
+
124
+ <div class="form-grid">
125
+ <div class="form-field">
126
+ <label for="a-quartos">Quartos</label>
127
+ <input type="number" id="a-quartos" min="0" value="0">
128
+ </div>
129
+ <div class="form-field">
130
+ <label for="a-suites">Suítes</label>
131
+ <input type="number" id="a-suites" min="0" value="0">
132
+ </div>
133
+ <div class="form-field">
134
+ <label for="a-banheiros">Banheiros</label>
135
+ <input type="number" id="a-banheiros" min="0" value="0">
136
+ </div>
137
+ <div class="form-field">
138
+ <label for="a-vagas">Vagas de garagem</label>
139
+ <input type="number" id="a-vagas" min="0" value="0">
140
+ </div>
141
+ </div>
142
+
143
+ <div class="form-grid">
144
+ <div class="form-field">
145
+ <label for="a-status">Status</label>
146
+ <select id="a-status">
147
+ <option>Disponível</option><option>Reservado</option><option>Vendido</option>
148
+ <option>Alugado</option><option>Inativo</option>
149
+ </select>
150
+ </div>
151
+ <div class="form-field">
152
+ <label for="a-corretor">Corretor responsável</label>
153
+ <input type="text" id="a-corretor">
154
+ </div>
155
+ <div class="form-field">
156
+ <label for="a-telefone">Telefone de contato</label>
157
+ <input type="text" id="a-telefone">
158
+ </div>
159
+ <div class="form-field" style="justify-content:center">
160
+ <label><input type="checkbox" id="a-destaque"> Marcar como destaque</label>
161
+ </div>
162
+ </div>
163
+
164
+ <div style="display:flex;gap:12px;margin-top:8px">
165
+ <button class="btn btn-primary" type="submit" id="btn-salvar">Salvar anúncio</button>
166
+ <button class="btn btn-outline" type="button" id="btn-cancelar" style="display:none">Cancelar edição</button>
167
+ </div>
168
+ </form>
169
+ </section>
170
+
171
+ <section class="container">
172
+ <div class="section-head">
173
+ <div>
174
+ <h2 class="mt-0">Anúncios cadastrados</h2>
175
+ <p id="admin-total" class="muted">carregando…</p>
176
+ </div>
177
+ </div>
178
+ <div style="overflow-x:auto">
179
+ <table class="table-admin">
180
+ <thead>
181
+ <tr><th>#</th><th>Título</th><th>Negócio</th><th>Cidade</th><th>Preço</th><th>Status</th><th>Ações</th></tr>
182
+ </thead>
183
+ <tbody id="admin-tbody">
184
+ <tr><td colspan="7" class="muted">Carregando anúncios…</td></tr>
185
+ </tbody>
186
+ </table>
187
+ </div>
188
+ </section>
189
+
190
+ <footer class="site-footer">
191
+ <div class="container">
192
+ <div class="footer-bottom">
193
+ <span>© <span data-year></span> Sahkey Imóveis · Painel de demonstração</span>
194
+ <span><a href="index.html">Voltar ao site</a></span>
195
+ </div>
196
+ </div>
197
+ </footer>
198
+
199
+ <script src="/js/api.js"></script>
200
+ <script src="/js/main.js"></script>
201
+ <script src="/js/admin.js"></script>
202
+ </body>
203
+ </html>
static/busca.html ADDED
@@ -0,0 +1,160 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <!DOCTYPE html>
2
+ <html lang="pt-BR">
3
+ <head>
4
+ <meta charset="UTF-8">
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <title>Buscar imóveis — Sahkey Imóveis</title>
7
+ <meta name="description" content="Busque casas, apartamentos e terrenos à venda e locação no litoral do Paraná com filtros por cidade, bairro, preço e mais.">
8
+ <link rel="preconnect" href="https://fonts.googleapis.com">
9
+ <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">
10
+ <link rel="stylesheet" href="/css/style.css">
11
+ </head>
12
+ <body>
13
+
14
+ <header class="site-header">
15
+ <nav class="nav">
16
+ <a class="brand" href="index.html">Sahkey <small>Imóveis</small></a>
17
+ <button class="nav-toggle" aria-label="Abrir menu">☰</button>
18
+ <ul class="nav-links">
19
+ <li><a href="index.html">Início</a></li>
20
+ <li><a href="busca.html">Comprar &amp; Alugar</a></li>
21
+ <li><a href="servicos.html">Serviços</a></li>
22
+ <li><a href="sobre.html">Sobre</a></li>
23
+ <li><a href="contato.html">Contato</a></li>
24
+ </ul>
25
+ <a class="nav-cta" href="contato.html">Falar com um corretor</a>
26
+ </nav>
27
+ </header>
28
+
29
+ <section class="page-hero">
30
+ <div class="container">
31
+ <span class="eyebrow">Busca exploratória</span>
32
+ <h1>Encontre o imóvel certo no litoral</h1>
33
+ <p>Refine por cidade, bairro, preço e características — os números ao lado de cada filtro mostram quantos imóveis restam a cada escolha.</p>
34
+
35
+ <div class="field" style="max-width:520px;margin-top:18px">
36
+ <input type="search" id="f-busca" placeholder="Buscar por título, bairro ou endereço…">
37
+ </div>
38
+ </div>
39
+ </section>
40
+
41
+ <section class="container" style="padding-top:36px">
42
+ <div class="search-layout">
43
+
44
+ <aside class="filters-panel" id="filters-panel">
45
+ <h3>Filtros</h3>
46
+ <span class="filters-count" id="filters-total">carregando opções…</span>
47
+
48
+ <div class="filter-group">
49
+ <h4>Negócio</h4>
50
+ <ul class="facet-list" id="facet-negocio"></ul>
51
+ </div>
52
+
53
+ <div class="filter-group">
54
+ <h4>Cidade</h4>
55
+ <ul class="facet-list" id="facet-cidade"></ul>
56
+ </div>
57
+
58
+ <div class="filter-group">
59
+ <h4>Bairro</h4>
60
+ <ul class="facet-list" id="facet-bairro"></ul>
61
+ </div>
62
+
63
+ <div class="filter-group">
64
+ <h4>Tipo de imóvel</h4>
65
+ <ul class="facet-list" id="facet-tipo"></ul>
66
+ </div>
67
+
68
+ <div class="filter-group">
69
+ <h4>Faixa de preço (R$)</h4>
70
+ <div class="range-row">
71
+ <input type="number" id="f-preco-min" placeholder="mín.">
72
+ <span class="muted">—</span>
73
+ <input type="number" id="f-preco-max" placeholder="máx.">
74
+ </div>
75
+ </div>
76
+
77
+ <div class="filter-group">
78
+ <h4>Quartos (mínimo)</h4>
79
+ <ul class="facet-list" id="facet-quartos"></ul>
80
+ </div>
81
+
82
+ <div class="filter-group">
83
+ <h4>Status</h4>
84
+ <ul class="facet-list" id="facet-status"></ul>
85
+ </div>
86
+
87
+ <label style="display:flex;align-items:center;gap:8px;font-size:.86rem;margin-bottom:16px">
88
+ <input type="checkbox" id="f-destaque"> Somente destaques
89
+ </label>
90
+
91
+ <button class="btn btn-outline btn-block" id="btn-limpar">Limpar filtros</button>
92
+ </aside>
93
+
94
+ <main>
95
+ <div class="chips" id="chips-ativos"></div>
96
+ <div class="results-toolbar">
97
+ <span class="results-count" id="results-count">Carregando resultados…</span>
98
+ <div class="field" style="min-width:210px">
99
+ <select id="f-ordenar">
100
+ <option value="mais_recentes">Mais recentes</option>
101
+ <option value="preco_asc">Menor preço</option>
102
+ <option value="preco_desc">Maior preço</option>
103
+ <option value="area_asc">Menor área</option>
104
+ <option value="area_desc">Maior área</option>
105
+ </select>
106
+ </div>
107
+ </div>
108
+
109
+ <div class="grid-cards" id="results-grid"></div>
110
+ <div class="pagination" id="pagination"></div>
111
+ </main>
112
+ </div>
113
+ </section>
114
+
115
+ <footer class="site-footer">
116
+ <div class="container">
117
+ <div class="footer-grid">
118
+ <div>
119
+ <div class="footer-brand">Sahkey Imóveis</div>
120
+ <p class="muted" style="font-size:.86rem">Venda, locação e gestão de negócios imobiliários no litoral do Paraná.</p>
121
+ </div>
122
+ <div>
123
+ <h4>Navegação</h4>
124
+ <ul>
125
+ <li><a href="busca.html">Comprar &amp; Alugar</a></li>
126
+ <li><a href="servicos.html">Serviços</a></li>
127
+ <li><a href="sobre.html">Sobre a Sahkey</a></li>
128
+ <li><a href="contato.html">Contato</a></li>
129
+ </ul>
130
+ </div>
131
+ <div>
132
+ <h4>Cidades</h4>
133
+ <ul>
134
+ <li><a href="busca.html?cidade=Matinhos">Matinhos</a></li>
135
+ <li><a href="busca.html?cidade=Guaratuba">Guaratuba</a></li>
136
+ <li><a href="busca.html?cidade=Pontal do Paraná">Pontal do Paraná</a></li>
137
+ </ul>
138
+ </div>
139
+ <div>
140
+ <h4>Contato</h4>
141
+ <ul>
142
+ <li>Av. Beira Mar, 1120 — Caiobá, Matinhos/PR</li>
143
+ <li>(41) 99811-2201</li>
144
+ <li>contato@sahkeyimoveis.com.br</li>
145
+ <li><a href="admin.html">Área do corretor →</a></li>
146
+ </ul>
147
+ </div>
148
+ </div>
149
+ <div class="footer-bottom">
150
+ <span>© <span data-year></span> Sahkey Imóveis · CRECI-PR 00000-J (demo)</span>
151
+ <span>Site demonstrativo — dados fictícios</span>
152
+ </div>
153
+ </div>
154
+ </footer>
155
+
156
+ <script src="/js/api.js"></script>
157
+ <script src="/js/main.js"></script>
158
+ <script src="/js/busca.js"></script>
159
+ </body>
160
+ </html>
static/contato.html ADDED
@@ -0,0 +1,155 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <!DOCTYPE html>
2
+ <html lang="pt-BR">
3
+ <head>
4
+ <meta charset="UTF-8">
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <title>Contato — Sahkey Imóveis</title>
7
+ <meta name="description" content="Fale com a Sahkey Imóveis: escritórios em Matinhos, Guaratuba e Pontal do Paraná.">
8
+ <link rel="preconnect" href="https://fonts.googleapis.com">
9
+ <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">
10
+ <link rel="stylesheet" href="/css/style.css">
11
+ </head>
12
+ <body>
13
+
14
+ <header class="site-header">
15
+ <nav class="nav">
16
+ <a class="brand" href="index.html">Sahkey <small>Imóveis</small></a>
17
+ <button class="nav-toggle" aria-label="Abrir menu">☰</button>
18
+ <ul class="nav-links">
19
+ <li><a href="index.html">Início</a></li>
20
+ <li><a href="busca.html">Comprar &amp; Alugar</a></li>
21
+ <li><a href="servicos.html">Serviços</a></li>
22
+ <li><a href="sobre.html">Sobre</a></li>
23
+ <li><a href="contato.html">Contato</a></li>
24
+ </ul>
25
+ <a class="nav-cta" href="contato.html">Falar com um corretor</a>
26
+ </nav>
27
+ </header>
28
+
29
+ <section class="page-hero">
30
+ <div class="container">
31
+ <span class="eyebrow">Fale com a Sahkey</span>
32
+ <h1>Vamos conversar sobre o seu próximo imóvel</h1>
33
+ <p>Preencha o formulário abaixo — a mensagem é enviada diretamente para o WhatsApp da nossa equipe, sem intermediários.</p>
34
+ </div>
35
+ </section>
36
+
37
+ <section class="container">
38
+ <div class="property-detail-grid" style="grid-template-columns:1fr 1fr">
39
+ <div class="form-card">
40
+ <h2 class="mt-0">Envie uma mensagem</h2>
41
+ <form id="form-contato">
42
+ <div class="form-grid">
43
+ <div class="form-field">
44
+ <label for="c-nome">Nome</label>
45
+ <input type="text" id="c-nome" required placeholder="Seu nome completo">
46
+ </div>
47
+ <div class="form-field">
48
+ <label for="c-telefone">Telefone / WhatsApp</label>
49
+ <input type="tel" id="c-telefone" required placeholder="(41) 90000-0000">
50
+ </div>
51
+ </div>
52
+ <div class="form-field">
53
+ <label for="c-interesse">Interesse</label>
54
+ <select id="c-interesse">
55
+ <option value="Comprar um imóvel">Comprar um imóvel</option>
56
+ <option value="Alugar um imóvel">Alugar um imóvel</option>
57
+ <option value="Anunciar um imóvel para venda">Anunciar um imóvel para venda</option>
58
+ <option value="Anunciar um imóvel para locação">Anunciar um imóvel para locação</option>
59
+ <option value="Gestão de negócios imobiliários">Gestão de negócios imobiliários</option>
60
+ </select>
61
+ </div>
62
+ <div class="form-field">
63
+ <label for="c-cidade">Cidade de interesse</label>
64
+ <select id="c-cidade">
65
+ <option value="Qualquer cidade do litoral">Qualquer cidade do litoral</option>
66
+ <option value="Matinhos">Matinhos</option>
67
+ <option value="Guaratuba">Guaratuba</option>
68
+ <option value="Pontal do Paraná">Pontal do Paraná</option>
69
+ </select>
70
+ </div>
71
+ <div class="form-field">
72
+ <label for="c-mensagem">Mensagem</label>
73
+ <textarea id="c-mensagem" placeholder="Conte um pouco mais sobre o que você procura…"></textarea>
74
+ </div>
75
+ <button class="btn btn-primary btn-block" type="submit">Enviar pelo WhatsApp</button>
76
+ <p class="form-note">Ao enviar, você será redirecionado ao WhatsApp da Sahkey com a mensagem já preenchida.</p>
77
+ </form>
78
+ </div>
79
+
80
+ <div>
81
+ <h2 class="mt-0">Nossos escritórios</h2>
82
+ <div class="service-card" style="margin-bottom:16px">
83
+ <h3>Matinhos (sede)</h3>
84
+ <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>
85
+ </div>
86
+ <div class="service-card" style="margin-bottom:16px">
87
+ <h3>Guaratuba</h3>
88
+ <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>
89
+ </div>
90
+ <div class="service-card">
91
+ <h3>Pontal do Paraná</h3>
92
+ <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>
93
+ </div>
94
+ </div>
95
+ </div>
96
+ </section>
97
+
98
+ <footer class="site-footer">
99
+ <div class="container">
100
+ <div class="footer-grid">
101
+ <div>
102
+ <div class="footer-brand">Sahkey Imóveis</div>
103
+ <p class="muted" style="font-size:.86rem">Venda, locação e gestão de negócios imobiliários no litoral do Paraná.</p>
104
+ </div>
105
+ <div>
106
+ <h4>Navegação</h4>
107
+ <ul>
108
+ <li><a href="busca.html">Comprar &amp; Alugar</a></li>
109
+ <li><a href="servicos.html">Serviços</a></li>
110
+ <li><a href="sobre.html">Sobre a Sahkey</a></li>
111
+ <li><a href="contato.html">Contato</a></li>
112
+ </ul>
113
+ </div>
114
+ <div>
115
+ <h4>Cidades</h4>
116
+ <ul>
117
+ <li><a href="busca.html?cidade=Matinhos">Matinhos</a></li>
118
+ <li><a href="busca.html?cidade=Guaratuba">Guaratuba</a></li>
119
+ <li><a href="busca.html?cidade=Pontal do Paraná">Pontal do Paraná</a></li>
120
+ </ul>
121
+ </div>
122
+ <div>
123
+ <h4>Contato</h4>
124
+ <ul>
125
+ <li>Av. Beira Mar, 1120 — Caiobá, Matinhos/PR</li>
126
+ <li>(41) 99811-2201</li>
127
+ <li>contato@sahkeyimoveis.com.br</li>
128
+ <li><a href="admin.html">Área do corretor →</a></li>
129
+ </ul>
130
+ </div>
131
+ </div>
132
+ <div class="footer-bottom">
133
+ <span>© <span data-year></span> Sahkey Imóveis · CRECI-PR 00000-J (demo)</span>
134
+ <span>Site demonstrativo — dados fictícios</span>
135
+ </div>
136
+ </div>
137
+ </footer>
138
+
139
+ <script src="/js/api.js"></script>
140
+ <script src="/js/main.js"></script>
141
+ <script>
142
+ document.getElementById("form-contato").addEventListener("submit", (e) => {
143
+ e.preventDefault();
144
+ const nome = document.getElementById("c-nome").value;
145
+ const telefone = document.getElementById("c-telefone").value;
146
+ const interesse = document.getElementById("c-interesse").value;
147
+ const cidade = document.getElementById("c-cidade").value;
148
+ const mensagem = document.getElementById("c-mensagem").value;
149
+
150
+ const texto = `Olá, Sahkey! Meu nome é ${nome} (${telefone}).\nInteresse: ${interesse} — ${cidade}.\n${mensagem ? "Mensagem: " + mensagem : ""}`;
151
+ window.open(whatsappLink(texto), "_blank");
152
+ });
153
+ </script>
154
+ </body>
155
+ </html>
static/imovel.html ADDED
@@ -0,0 +1,87 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <!DOCTYPE html>
2
+ <html lang="pt-BR">
3
+ <head>
4
+ <meta charset="UTF-8">
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <title id="page-title">Imóvel — Sahkey Imóveis</title>
7
+ <link rel="preconnect" href="https://fonts.googleapis.com">
8
+ <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">
9
+ <link rel="stylesheet" href="/css/style.css">
10
+ </head>
11
+ <body>
12
+
13
+ <header class="site-header">
14
+ <nav class="nav">
15
+ <a class="brand" href="index.html">Sahkey <small>Imóveis</small></a>
16
+ <button class="nav-toggle" aria-label="Abrir menu">☰</button>
17
+ <ul class="nav-links">
18
+ <li><a href="index.html">Início</a></li>
19
+ <li><a href="busca.html">Comprar &amp; Alugar</a></li>
20
+ <li><a href="servicos.html">Serviços</a></li>
21
+ <li><a href="sobre.html">Sobre</a></li>
22
+ <li><a href="contato.html">Contato</a></li>
23
+ </ul>
24
+ <a class="nav-cta" href="contato.html">Falar com um corretor</a>
25
+ </nav>
26
+ </header>
27
+
28
+ <section class="container" style="padding-top:28px" id="imovel-container">
29
+ <p class="loading-state">Carregando imóvel…</p>
30
+ </section>
31
+
32
+ <section class="container" id="similares-section" style="display:none">
33
+ <div class="section-head">
34
+ <div>
35
+ <span class="eyebrow">Você também pode gostar</span>
36
+ <h2>Imóveis semelhantes</h2>
37
+ </div>
38
+ </div>
39
+ <div class="carousel" id="similares-carousel"></div>
40
+ </section>
41
+
42
+ <footer class="site-footer">
43
+ <div class="container">
44
+ <div class="footer-grid">
45
+ <div>
46
+ <div class="footer-brand">Sahkey Imóveis</div>
47
+ <p class="muted" style="font-size:.86rem">Venda, locação e gestão de negócios imobiliários no litoral do Paraná.</p>
48
+ </div>
49
+ <div>
50
+ <h4>Navegação</h4>
51
+ <ul>
52
+ <li><a href="busca.html">Comprar &amp; Alugar</a></li>
53
+ <li><a href="servicos.html">Serviços</a></li>
54
+ <li><a href="sobre.html">Sobre a Sahkey</a></li>
55
+ <li><a href="contato.html">Contato</a></li>
56
+ </ul>
57
+ </div>
58
+ <div>
59
+ <h4>Cidades</h4>
60
+ <ul>
61
+ <li><a href="busca.html?cidade=Matinhos">Matinhos</a></li>
62
+ <li><a href="busca.html?cidade=Guaratuba">Guaratuba</a></li>
63
+ <li><a href="busca.html?cidade=Pontal do Paraná">Pontal do Paraná</a></li>
64
+ </ul>
65
+ </div>
66
+ <div>
67
+ <h4>Contato</h4>
68
+ <ul>
69
+ <li>Av. Beira Mar, 1120 — Caiobá, Matinhos/PR</li>
70
+ <li>(41) 99811-2201</li>
71
+ <li>contato@sahkeyimoveis.com.br</li>
72
+ <li><a href="admin.html">Área do corretor →</a></li>
73
+ </ul>
74
+ </div>
75
+ </div>
76
+ <div class="footer-bottom">
77
+ <span>© <span data-year></span> Sahkey Imóveis · CRECI-PR 00000-J (demo)</span>
78
+ <span>Site demonstrativo — dados fictícios</span>
79
+ </div>
80
+ </div>
81
+ </footer>
82
+
83
+ <script src="/js/api.js"></script>
84
+ <script src="/js/main.js"></script>
85
+ <script src="/js/imovel.js"></script>
86
+ </body>
87
+ </html>
static/index.html ADDED
@@ -0,0 +1,191 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <!DOCTYPE html>
2
+ <html lang="pt-BR">
3
+ <head>
4
+ <meta charset="UTF-8">
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <title>Sahkey Imóveis — Venda, locação e gestão no litoral do Paraná</title>
7
+ <meta name="description" content="Sahkey Imóveis: casas, apartamentos e terrenos à venda e locação em Matinhos, Guaratuba e Pontal do Paraná. Gestão completa do seu negócio imobiliário no litoral.">
8
+ <link rel="preconnect" href="https://fonts.googleapis.com">
9
+ <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">
10
+ <link rel="stylesheet" href="/css/style.css">
11
+ </head>
12
+ <body>
13
+
14
+ <header class="site-header">
15
+ <nav class="nav">
16
+ <a class="brand" href="index.html">Sahkey <small>Imóveis</small></a>
17
+ <button class="nav-toggle" aria-label="Abrir menu">☰</button>
18
+ <ul class="nav-links">
19
+ <li><a href="index.html">Início</a></li>
20
+ <li><a href="busca.html">Comprar &amp; Alugar</a></li>
21
+ <li><a href="servicos.html">Serviços</a></li>
22
+ <li><a href="sobre.html">Sobre</a></li>
23
+ <li><a href="contato.html">Contato</a></li>
24
+ </ul>
25
+ <a class="nav-cta" href="contato.html">Falar com um corretor</a>
26
+ </nav>
27
+ </header>
28
+
29
+ <section class="hero">
30
+ <div class="hero-sun" aria-hidden="true"></div>
31
+ <div class="horizon-line" aria-hidden="true"></div>
32
+ <div class="hero-content">
33
+ <span class="eyebrow">Matinhos · Guaratuba · Pontal do Paraná</span>
34
+ <h1>Onde a areia encontra o <em>seu</em> próximo endereço.</h1>
35
+ <p class="hero-sub">Compra, locação e gestão de imóveis no litoral do Paraná — conduzidas por quem conhece cada rua, cada quadra e cada maré da região.</p>
36
+
37
+ <form class="search-card" id="hero-search" action="busca.html" method="get">
38
+ <div class="field">
39
+ <label for="hs-negocio">Negócio</label>
40
+ <select id="hs-negocio" name="tipo_negocio">
41
+ <option value="">Comprar ou alugar</option>
42
+ <option value="Venda">Comprar</option>
43
+ <option value="Locação">Alugar</option>
44
+ </select>
45
+ </div>
46
+ <div class="field">
47
+ <label for="hs-cidade">Cidade</label>
48
+ <select id="hs-cidade" name="cidade">
49
+ <option value="">Todo o litoral</option>
50
+ <option value="Matinhos">Matinhos</option>
51
+ <option value="Guaratuba">Guaratuba</option>
52
+ <option value="Pontal do Paraná">Pontal do Paraná</option>
53
+ </select>
54
+ </div>
55
+ <div class="field">
56
+ <label for="hs-tipo">Tipo</label>
57
+ <select id="hs-tipo" name="tipo_imovel">
58
+ <option value="">Qualquer tipo</option>
59
+ <option value="Casa">Casa</option>
60
+ <option value="Apartamento">Apartamento</option>
61
+ <option value="Terreno">Terreno</option>
62
+ <option value="Cobertura">Cobertura</option>
63
+ <option value="Kitnet/Studio">Kitnet/Studio</option>
64
+ </select>
65
+ </div>
66
+ <button class="btn btn-primary" type="submit">Buscar imóveis</button>
67
+ </form>
68
+ </div>
69
+ </section>
70
+
71
+ <section class="stats-strip">
72
+ <div class="container" id="stats-container">
73
+ <div class="stat"><b id="stat-total">—</b><span>imóveis na carteira</span></div>
74
+ <div class="stat"><b id="stat-venda">—</b><span>disponíveis para venda</span></div>
75
+ <div class="stat"><b id="stat-locacao">—</b><span>disponíveis para locação</span></div>
76
+ <div class="stat"><b>3</b><span>cidades atendidas no litoral</span></div>
77
+ </div>
78
+ </section>
79
+
80
+ <section class="container">
81
+ <div class="section-head">
82
+ <div>
83
+ <span class="eyebrow">Vitrine da maré</span>
84
+ <h2>Imóveis em destaque</h2>
85
+ <p>Seleção atual de anúncios com maior procura — atualizada direto da nossa base.</p>
86
+ </div>
87
+ <a class="btn btn-outline" href="busca.html">Ver todos os imóveis</a>
88
+ </div>
89
+ <div class="carousel" id="destaques-carousel">
90
+ <p class="loading-state">Carregando destaques…</p>
91
+ </div>
92
+ </section>
93
+
94
+ <section class="container">
95
+ <div class="section-head">
96
+ <div>
97
+ <span class="eyebrow">Onde atuamos</span>
98
+ <h2>Três cidades, uma só maré</h2>
99
+ <p>Cada cidade do litoral paranaense tem seu ritmo — conhecemos os três de perto.</p>
100
+ </div>
101
+ </div>
102
+ <div class="cidades-grid">
103
+ <a class="cidade-card" href="busca.html?cidade=Matinhos">
104
+ <h3>Matinhos</h3>
105
+ <span>Caiobá · Tabuleiro · Flórida · Centro</span>
106
+ </a>
107
+ <a class="cidade-card" href="busca.html?cidade=Guaratuba">
108
+ <h3>Guaratuba</h3>
109
+ <span>Centro · Coroados · Currupira</span>
110
+ </a>
111
+ <a class="cidade-card" href="busca.html?cidade=Pontal do Paraná">
112
+ <h3>Pontal do Paraná</h3>
113
+ <span>Ipanema · Praia de Leste · Shangri-lá</span>
114
+ </a>
115
+ </div>
116
+ </section>
117
+
118
+ <section class="container">
119
+ <div class="section-head">
120
+ <div>
121
+ <span class="eyebrow">Como ajudamos</span>
122
+ <h2>Venda, locação e gestão — sob um só corretor</h2>
123
+ <p>Do primeiro contato à entrega das chaves (ou ao relatório mensal do seu imóvel investido).</p>
124
+ </div>
125
+ <a class="btn btn-outline" href="servicos.html">Conhecer todos os serviços</a>
126
+ </div>
127
+ <div class="services-grid">
128
+ <div class="service-card">
129
+ <span class="num">Venda</span>
130
+ <h3>Compra e venda</h3>
131
+ <p class="muted">Avaliação de mercado, divulgação e negociação até a escritura.</p>
132
+ </div>
133
+ <div class="service-card">
134
+ <span class="num">Locação</span>
135
+ <h3>Locação anual e temporada</h3>
136
+ <p class="muted">Contratos, vistoria e cuidado com inquilinos — inclusive na alta temporada.</p>
137
+ </div>
138
+ <div class="service-card">
139
+ <span class="num">Gestão</span>
140
+ <h3>Gestão de negócios imobiliários</h3>
141
+ <p class="muted">Administração de carteiras, repasses e relatórios para investidores.</p>
142
+ </div>
143
+ </div>
144
+ </section>
145
+
146
+ <footer class="site-footer">
147
+ <div class="container">
148
+ <div class="footer-grid">
149
+ <div>
150
+ <div class="footer-brand">Sahkey Imóveis</div>
151
+ <p class="muted" style="font-size:.86rem">Venda, locação e gestão de negócios imobiliários no litoral do Paraná.</p>
152
+ </div>
153
+ <div>
154
+ <h4>Navegação</h4>
155
+ <ul>
156
+ <li><a href="busca.html">Comprar &amp; Alugar</a></li>
157
+ <li><a href="servicos.html">Serviços</a></li>
158
+ <li><a href="sobre.html">Sobre a Sahkey</a></li>
159
+ <li><a href="contato.html">Contato</a></li>
160
+ </ul>
161
+ </div>
162
+ <div>
163
+ <h4>Cidades</h4>
164
+ <ul>
165
+ <li><a href="busca.html?cidade=Matinhos">Matinhos</a></li>
166
+ <li><a href="busca.html?cidade=Guaratuba">Guaratuba</a></li>
167
+ <li><a href="busca.html?cidade=Pontal do Paraná">Pontal do Paraná</a></li>
168
+ </ul>
169
+ </div>
170
+ <div>
171
+ <h4>Contato</h4>
172
+ <ul>
173
+ <li>Av. Beira Mar, 1120 — Caiobá, Matinhos/PR</li>
174
+ <li>(41) 99811-2201</li>
175
+ <li>contato@sahkeyimoveis.com.br</li>
176
+ <li><a href="admin.html">Área do corretor →</a></li>
177
+ </ul>
178
+ </div>
179
+ </div>
180
+ <div class="footer-bottom">
181
+ <span>© <span data-year></span> Sahkey Imóveis · CRECI-PR 00000-J (demo)</span>
182
+ <span>Site demonstrativo — dados fictícios</span>
183
+ </div>
184
+ </div>
185
+ </footer>
186
+
187
+ <script src="/js/api.js"></script>
188
+ <script src="/js/main.js"></script>
189
+ <script src="/js/home.js"></script>
190
+ </body>
191
+ </html>
static/servicos.html ADDED
@@ -0,0 +1,156 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <!DOCTYPE html>
2
+ <html lang="pt-BR">
3
+ <head>
4
+ <meta charset="UTF-8">
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <title>Serviços — Sahkey Imóveis</title>
7
+ <meta name="description" content="Venda, locação e gestão de negócios imobiliários no litoral do Paraná com a Sahkey Imóveis.">
8
+ <link rel="preconnect" href="https://fonts.googleapis.com">
9
+ <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">
10
+ <link rel="stylesheet" href="/css/style.css">
11
+ </head>
12
+ <body>
13
+
14
+ <header class="site-header">
15
+ <nav class="nav">
16
+ <a class="brand" href="index.html">Sahkey <small>Imóveis</small></a>
17
+ <button class="nav-toggle" aria-label="Abrir menu">☰</button>
18
+ <ul class="nav-links">
19
+ <li><a href="index.html">Início</a></li>
20
+ <li><a href="busca.html">Comprar &amp; Alugar</a></li>
21
+ <li><a href="servicos.html">Serviços</a></li>
22
+ <li><a href="sobre.html">Sobre</a></li>
23
+ <li><a href="contato.html">Contato</a></li>
24
+ </ul>
25
+ <a class="nav-cta" href="contato.html">Falar com um corretor</a>
26
+ </nav>
27
+ </header>
28
+
29
+ <section class="page-hero">
30
+ <div class="container">
31
+ <span class="eyebrow">O que fazemos</span>
32
+ <h1>Três formas de cuidar do seu imóvel no litoral</h1>
33
+ <p>Seja para comprar, alugar ou delegar a administração de um patrimônio, a Sahkey acompanha o processo do início ao fim.</p>
34
+ </div>
35
+ </section>
36
+
37
+ <section class="container">
38
+ <div class="services-grid" style="grid-template-columns:1fr">
39
+ <div class="service-card" style="display:grid;grid-template-columns:auto 1fr;gap:26px;align-items:start">
40
+ <span class="num" style="font-size:2rem">01</span>
41
+ <div>
42
+ <h3>Compra e venda</h3>
43
+ <p class="muted">Conduzimos a negociação do anúncio à escritura, com avaliação de mercado baseada em imóveis comparáveis da própria região.</p>
44
+ <ul>
45
+ <li>Avaliação de valor de mercado do imóvel</li>
46
+ <li>Produção de anúncio, fotos e divulgação nos canais da Sahkey</li>
47
+ <li>Agendamento e acompanhamento de visitas</li>
48
+ <li>Negociação, documentação e apoio até a escritura</li>
49
+ </ul>
50
+ <a class="btn btn-outline" href="busca.html?tipo_negocio=Venda">Ver imóveis à venda</a>
51
+ </div>
52
+ </div>
53
+
54
+ <div class="service-card" style="display:grid;grid-template-columns:auto 1fr;gap:26px;align-items:start">
55
+ <span class="num" style="font-size:2rem">02</span>
56
+ <div>
57
+ <h3>Locação anual e por temporada</h3>
58
+ <p class="muted">Do contrato de 30 meses ao aluguel de uma semana de verão — cuidamos da burocracia para os dois lados da negociação.</p>
59
+ <ul>
60
+ <li>Elaboração e formalização de contratos de locação</li>
61
+ <li>Vistoria de entrada e de saída com relatório fotográfico</li>
62
+ <li>Intermediação com inquilinos e gestão de repasses</li>
63
+ <li>Locação por temporada com calendário de alta e baixa estação</li>
64
+ </ul>
65
+ <a class="btn btn-outline" href="busca.html?tipo_negocio=Locação">Ver imóveis para alugar</a>
66
+ </div>
67
+ </div>
68
+
69
+ <div class="service-card" style="display:grid;grid-template-columns:auto 1fr;gap:26px;align-items:start">
70
+ <span class="num" style="font-size:2rem">03</span>
71
+ <div>
72
+ <h3>Gestão de negócios imobiliários</h3>
73
+ <p class="muted">Para quem tem um ou mais imóveis no litoral e prefere delegar a administração completa da carteira.</p>
74
+ <ul>
75
+ <li>Administração de um ou vários imóveis sob um único painel</li>
76
+ <li>Relatórios periódicos de ocupação, repasses e manutenção</li>
77
+ <li>Indicação de prestadores de manutenção e limpeza na região</li>
78
+ <li>Estratégia de precificação para temporada e longo prazo</li>
79
+ </ul>
80
+ <a class="btn btn-outline" href="contato.html">Falar sobre gestão de carteira</a>
81
+ </div>
82
+ </div>
83
+ </div>
84
+ </section>
85
+
86
+ <section class="container">
87
+ <div class="section-head">
88
+ <div>
89
+ <span class="eyebrow">Perguntas frequentes</span>
90
+ <h2>Antes de falar com um corretor</h2>
91
+ </div>
92
+ </div>
93
+ <div class="form-grid">
94
+ <div class="form-card">
95
+ <h3>A Sahkey atende só o litoral do Paraná?</h3>
96
+ <p class="muted" style="font-size:.9rem">Sim — atuamos exclusivamente em Matinhos, Guaratuba e Pontal do Paraná, o que nos permite conhecer cada bairro em detalhe.</p>
97
+ </div>
98
+ <div class="form-card">
99
+ <h3>Vocês administram imóveis de quem mora em outra cidade?</h3>
100
+ <p class="muted" style="font-size:.9rem">Sim, esse é justamente o serviço de gestão de negócios imobiliários — ideal para donos de casa de temporada que não moram no litoral.</p>
101
+ </div>
102
+ <div class="form-card">
103
+ <h3>É possível alugar por poucos dias?</h3>
104
+ <p class="muted" style="font-size:.9rem">Temos opções de locação por temporada, com regras específicas de calendário e valores para alta e baixa estação.</p>
105
+ </div>
106
+ <div class="form-card">
107
+ <h3>Como acompanho o andamento do meu imóvel anunciado?</h3>
108
+ <p class="muted" style="font-size:.9rem">O corretor responsável mantém contato direto durante todo o processo — da publicação do anúncio até o fechamento do negócio.</p>
109
+ </div>
110
+ </div>
111
+ </section>
112
+
113
+ <footer class="site-footer">
114
+ <div class="container">
115
+ <div class="footer-grid">
116
+ <div>
117
+ <div class="footer-brand">Sahkey Imóveis</div>
118
+ <p class="muted" style="font-size:.86rem">Venda, locação e gestão de negócios imobiliários no litoral do Paraná.</p>
119
+ </div>
120
+ <div>
121
+ <h4>Navegação</h4>
122
+ <ul>
123
+ <li><a href="busca.html">Comprar &amp; Alugar</a></li>
124
+ <li><a href="servicos.html">Serviços</a></li>
125
+ <li><a href="sobre.html">Sobre a Sahkey</a></li>
126
+ <li><a href="contato.html">Contato</a></li>
127
+ </ul>
128
+ </div>
129
+ <div>
130
+ <h4>Cidades</h4>
131
+ <ul>
132
+ <li><a href="busca.html?cidade=Matinhos">Matinhos</a></li>
133
+ <li><a href="busca.html?cidade=Guaratuba">Guaratuba</a></li>
134
+ <li><a href="busca.html?cidade=Pontal do Paraná">Pontal do Paraná</a></li>
135
+ </ul>
136
+ </div>
137
+ <div>
138
+ <h4>Contato</h4>
139
+ <ul>
140
+ <li>Av. Beira Mar, 1120 — Caiobá, Matinhos/PR</li>
141
+ <li>(41) 99811-2201</li>
142
+ <li>contato@sahkeyimoveis.com.br</li>
143
+ <li><a href="admin.html">Área do corretor →</a></li>
144
+ </ul>
145
+ </div>
146
+ </div>
147
+ <div class="footer-bottom">
148
+ <span>© <span data-year></span> Sahkey Imóveis · CRECI-PR 00000-J (demo)</span>
149
+ <span>Site demonstrativo — dados fictícios</span>
150
+ </div>
151
+ </div>
152
+ </footer>
153
+
154
+ <script src="/js/main.js"></script>
155
+ </body>
156
+ </html>
static/sobre.html ADDED
@@ -0,0 +1,148 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <!DOCTYPE html>
2
+ <html lang="pt-BR">
3
+ <head>
4
+ <meta charset="UTF-8">
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <title>Sobre a Sahkey — Imobiliária do litoral do Paraná</title>
7
+ <meta name="description" content="Conheça a Sahkey Imóveis: imobiliária especializada em Matinhos, Guaratuba e Pontal do Paraná.">
8
+ <link rel="preconnect" href="https://fonts.googleapis.com">
9
+ <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">
10
+ <link rel="stylesheet" href="/css/style.css">
11
+ </head>
12
+ <body>
13
+
14
+ <header class="site-header">
15
+ <nav class="nav">
16
+ <a class="brand" href="index.html">Sahkey <small>Imóveis</small></a>
17
+ <button class="nav-toggle" aria-label="Abrir menu">☰</button>
18
+ <ul class="nav-links">
19
+ <li><a href="index.html">Início</a></li>
20
+ <li><a href="busca.html">Comprar &amp; Alugar</a></li>
21
+ <li><a href="servicos.html">Serviços</a></li>
22
+ <li><a href="sobre.html">Sobre</a></li>
23
+ <li><a href="contato.html">Contato</a></li>
24
+ </ul>
25
+ <a class="nav-cta" href="contato.html">Falar com um corretor</a>
26
+ </nav>
27
+ </header>
28
+
29
+ <section class="page-hero">
30
+ <div class="container">
31
+ <span class="eyebrow">Desde a areia até a escritura</span>
32
+ <h1>Uma imobiliária que mora no litoral</h1>
33
+ <p>A Sahkey nasceu em Matinhos com um objetivo simples: tratar cada negociação imobiliária do litoral paranaense com o mesmo cuidado de quem está comprando (ou alugando) a própria casa de praia.</p>
34
+ </div>
35
+ </section>
36
+
37
+ <section class="container">
38
+ <div class="property-detail-grid" style="grid-template-columns:1.3fr 1fr">
39
+ <div>
40
+ <span class="eyebrow">Nossa história</span>
41
+ <h2>Do balcão em Caiobá à gestão de carteiras inteiras</h2>
42
+ <p>Começamos atendendo famílias que buscavam a primeira casa de temporada em Caiobá. Com o tempo, passamos a cuidar também da locação anual de moradores fixos e da gestão de carteiras de investidores que têm um ou vários imóveis entre Matinhos, Guaratuba e Pontal do Paraná.</p>
43
+ <p>Hoje a Sahkey atua nas três frentes que sustentam o mercado imobiliário do litoral: <strong>venda</strong>, <strong>locação</strong> (anual e por temporada) e <strong>gestão de negócios imobiliários</strong> para quem prefere delegar a administração do próprio patrimônio.</p>
44
+
45
+ <div class="divider"></div>
46
+
47
+ <span class="eyebrow">Como trabalhamos</span>
48
+ <h2>Três princípios, todos os dias</h2>
49
+ <div class="services-grid" style="grid-template-columns:1fr 1fr 1fr">
50
+ <div class="service-card">
51
+ <h3>Conhecimento local</h3>
52
+ <p class="muted" style="font-size:.88rem">Cada corretor da equipe mora e atende em uma das três cidades — sabe qual rua alaga na maré cheia e qual bairro valoriza mais no verão.</p>
53
+ </div>
54
+ <div class="service-card">
55
+ <h3>Transparência de dados</h3>
56
+ <p class="muted" style="font-size:.88rem">Toda a nossa carteira está organizada em uma base única, com preço, status e histórico sempre atualizados — sem letras miúdas.</p>
57
+ </div>
58
+ <div class="service-card">
59
+ <h3>Acompanhamento até o fim</h3>
60
+ <p class="muted" style="font-size:.88rem">Da visita à assinatura (e, na locação, da vistoria de entrada à de saída), um único corretor acompanha o processo inteiro.</p>
61
+ </div>
62
+ </div>
63
+ </div>
64
+
65
+ <aside class="contact-card" style="position:static">
66
+ <h3>Sahkey em números</h3>
67
+ <table class="specs-table">
68
+ <tr><td>Cidades atendidas</td><td>3</td></tr>
69
+ <tr><td>Bairros mapeados</td><td>10+</td></tr>
70
+ <tr><td>Corretores na equipe</td><td>3</td></tr>
71
+ <tr><td>Tipos de negócio</td><td>Venda, locação e gestão</td></tr>
72
+ </table>
73
+ <a class="btn btn-primary btn-block" style="margin-top:16px" href="busca.html">Ver imóveis disponíveis</a>
74
+ </aside>
75
+ </div>
76
+ </section>
77
+
78
+ <section class="container">
79
+ <div class="section-head">
80
+ <div>
81
+ <span class="eyebrow">Quem atende você</span>
82
+ <h2>Equipe Sahkey</h2>
83
+ <p>Um corretor por região, para você falar sempre com quem conhece as ruas do seu bairro.</p>
84
+ </div>
85
+ </div>
86
+ <div class="services-grid">
87
+ <div class="service-card">
88
+ <div class="avatar" style="margin-bottom:12px">FK</div>
89
+ <h3>Fernanda Kowalski</h3>
90
+ <p class="muted" style="font-size:.88rem">Atende Matinhos — de Caiobá ao Tabuleiro. Especialista em imóveis frente-mar.</p>
91
+ </div>
92
+ <div class="service-card">
93
+ <div class="avatar" style="margin-bottom:12px">DA</div>
94
+ <h3>Diego Almeida</h3>
95
+ <p class="muted" style="font-size:.88rem">Atende locações anuais e comerciais em toda a região, com foco em contratos e vistorias.</p>
96
+ </div>
97
+ <div class="service-card">
98
+ <div class="avatar" style="margin-bottom:12px">RM</div>
99
+ <h3>Rodrigo Mendes</h3>
100
+ <p class="muted" style="font-size:.88rem">Atende Guaratuba e Pontal do Paraná — investimentos, terrenos e gestão de carteira.</p>
101
+ </div>
102
+ </div>
103
+ </section>
104
+
105
+ <footer class="site-footer">
106
+ <div class="container">
107
+ <div class="footer-grid">
108
+ <div>
109
+ <div class="footer-brand">Sahkey Imóveis</div>
110
+ <p class="muted" style="font-size:.86rem">Venda, locação e gestão de negócios imobiliários no litoral do Paraná.</p>
111
+ </div>
112
+ <div>
113
+ <h4>Navegação</h4>
114
+ <ul>
115
+ <li><a href="busca.html">Comprar &amp; Alugar</a></li>
116
+ <li><a href="servicos.html">Serviços</a></li>
117
+ <li><a href="sobre.html">Sobre a Sahkey</a></li>
118
+ <li><a href="contato.html">Contato</a></li>
119
+ </ul>
120
+ </div>
121
+ <div>
122
+ <h4>Cidades</h4>
123
+ <ul>
124
+ <li><a href="busca.html?cidade=Matinhos">Matinhos</a></li>
125
+ <li><a href="busca.html?cidade=Guaratuba">Guaratuba</a></li>
126
+ <li><a href="busca.html?cidade=Pontal do Paraná">Pontal do Paraná</a></li>
127
+ </ul>
128
+ </div>
129
+ <div>
130
+ <h4>Contato</h4>
131
+ <ul>
132
+ <li>Av. Beira Mar, 1120 — Caiobá, Matinhos/PR</li>
133
+ <li>(41) 99811-2201</li>
134
+ <li>contato@sahkeyimoveis.com.br</li>
135
+ <li><a href="admin.html">Área do corretor →</a></li>
136
+ </ul>
137
+ </div>
138
+ </div>
139
+ <div class="footer-bottom">
140
+ <span>© <span data-year></span> Sahkey Imóveis · CRECI-PR 00000-J (demo)</span>
141
+ <span>Site demonstrativo — dados fictícios</span>
142
+ </div>
143
+ </div>
144
+ </footer>
145
+
146
+ <script src="/js/main.js"></script>
147
+ </body>
148
+ </html>