static/index.html

<!DOCTYPE html>
<html lang="pt-BR">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Sahkey Imóveis — Venda, locação e gestão no litoral do Paraná</title>
<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.">
<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="hero">
  <div class="hero-sun" aria-hidden="true"></div>
  <div class="horizon-line" aria-hidden="true"></div>
  <div class="hero-content">
    <span class="eyebrow">Matinhos · Guaratuba · Pontal do Paraná</span>
    <h1>Onde a areia encontra o <em>seu</em> próximo endereço.</h1>
    <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>

    <form class="search-card" id="hero-search" action="busca.html" method="get">
      <div class="field">
        <label for="hs-negocio">Negócio</label>
        <select id="hs-negocio" name="tipo_negocio">
          <option value="">Comprar ou alugar</option>
          <option value="Venda">Comprar</option>
          <option value="Locação">Alugar</option>
        </select>
      </div>
      <div class="field">
        <label for="hs-cidade">Cidade</label>
        <select id="hs-cidade" name="cidade">
          <option value="">Todo o 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="field">
        <label for="hs-tipo">Tipo</label>
        <select id="hs-tipo" name="tipo_imovel">
          <option value="">Qualquer tipo</option>
          <option value="Casa">Casa</option>
          <option value="Apartamento">Apartamento</option>
          <option value="Terreno">Terreno</option>
          <option value="Cobertura">Cobertura</option>
          <option value="Kitnet/Studio">Kitnet/Studio</option>
        </select>
      </div>
      <button class="btn btn-primary" type="submit">Buscar imóveis</button>
    </form>
  </div>
</section>

<section class="stats-strip">
  <div class="container" id="stats-container">
    <div class="stat"><b id="stat-total">—</b><span>imóveis na carteira</span></div>
    <div class="stat"><b id="stat-venda">—</b><span>disponíveis para venda</span></div>
    <div class="stat"><b id="stat-locacao">—</b><span>disponíveis para locação</span></div>
    <div class="stat"><b>3</b><span>cidades atendidas no litoral</span></div>
  </div>
</section>

<section class="container">
  <div class="section-head">
    <div>
      <span class="eyebrow">Vitrine da maré</span>
      <h2>Imóveis em destaque</h2>
      <p>Seleção atual de anúncios com maior procura — atualizada direto da nossa base.</p>
    </div>
    <a class="btn btn-outline" href="busca.html">Ver todos os imóveis</a>
  </div>
  <div class="carousel" id="destaques-carousel">
    <p class="loading-state">Carregando destaques…</p>
  </div>
</section>

<section class="container">
  <div class="section-head">
    <div>
      <span class="eyebrow">Onde atuamos</span>
      <h2>Três cidades, uma só maré</h2>
      <p>Cada cidade do litoral paranaense tem seu ritmo — conhecemos os três de perto.</p>
    </div>
  </div>
  <div class="cidades-grid">
    <a class="cidade-card" href="busca.html?cidade=Matinhos">
      <h3>Matinhos</h3>
      <span>Caiobá · Tabuleiro · Flórida · Centro</span>
    </a>
    <a class="cidade-card" href="busca.html?cidade=Guaratuba">
      <h3>Guaratuba</h3>
      <span>Centro · Coroados · Currupira</span>
    </a>
    <a class="cidade-card" href="busca.html?cidade=Pontal do Paraná">
      <h3>Pontal do Paraná</h3>
      <span>Ipanema · Praia de Leste · Shangri-lá</span>
    </a>
  </div>
</section>

<section class="container">
  <div class="section-head">
    <div>
      <span class="eyebrow">Como ajudamos</span>
      <h2>Venda, locação e gestão — sob um só corretor</h2>
      <p>Do primeiro contato à entrega das chaves (ou ao relatório mensal do seu imóvel investido).</p>
    </div>
    <a class="btn btn-outline" href="servicos.html">Conhecer todos os serviços</a>
  </div>
  <div class="services-grid">
    <div class="service-card">
      <span class="num">Venda</span>
      <h3>Compra e venda</h3>
      <p class="muted">Avaliação de mercado, divulgação e negociação até a escritura.</p>
    </div>
    <div class="service-card">
      <span class="num">Locação</span>
      <h3>Locação anual e temporada</h3>
      <p class="muted">Contratos, vistoria e cuidado com inquilinos — inclusive na alta temporada.</p>
    </div>
    <div class="service-card">
      <span class="num">Gestão</span>
      <h3>Gestão de negócios imobiliários</h3>
      <p class="muted">Administração de carteiras, repasses e relatórios para investidores.</p>
    </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 src="/js/home.js"></script>
</body>
</html>