<!DOCTYPE html>
<html lang="pt-BR">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>NCLOG TECNOLOGIA LTDA. | Recife - PE</title>
  <meta name="description" content="NCLOG TECNOLOGIA LTDA. — Desenvolvimento de programas de computador sob encomenda em Recife - PE. CNPJ 65.786.325/0001-97." />
  <script src="https://cdn.tailwindcss.com"></script>
  <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap" rel="stylesheet" />
  <style>
    body { font-family: 'Inter', sans-serif; background: #0a0a0a; color: #f5f5f5; }
    .card { background: #111; border: 1px solid #1f1f1f; border-radius: 16px; }
    .btn-accent { background: #facc15; color: #0a0a0a; font-weight: 700; padding: 12px 22px; border-radius: 12px; display: inline-block; transition: .2s; }
    .btn-accent:hover { background: #eab308; }
    .btn-wa { background: #22c55e; color: #0a0a0a; font-weight: 700; padding: 12px 22px; border-radius: 12px; display: inline-block; transition: .2s; }
    .btn-wa:hover { background: #16a34a; }
    html { scroll-behavior: smooth; }
  </style>
</head>
<body>
  <header class="sticky top-0 z-50 border-b border-neutral-900 bg-[#0a0a0a]/90 backdrop-blur">
    <div class="max-w-6xl mx-auto px-5 py-4 flex items-center justify-between gap-4">
      <div class="flex items-center gap-3">
        <div class="w-11 h-11 rounded-xl bg-yellow-400 text-black font-black flex items-center justify-center">NT</div>
        <div class="leading-tight">
          <p class="font-bold text-sm">NCLOG TECNOLOGIA LTDA.</p>
          <p class="text-xs text-neutral-400">CNPJ 65.786.325/0001-97 · Recife/PE</p>
        </div>
      </div>
      <nav class="hidden md:flex gap-6 text-sm text-neutral-300">
        <a href="#sobre" class="hover:text-white">Sobre</a>
        <a href="#servicos" class="hover:text-white">Serviços</a>
        <a href="#registro" class="hover:text-white">Registro</a>
        <a href="#contato" class="hover:text-white">Contato</a>
      </nav>
      <a href="https://wa.me/5531975418067" target="_blank" rel="noopener" class="btn-accent text-sm">Agendar</a>
    </div>
  </header>

  <main>
    <section class="max-w-6xl mx-auto px-5 py-16 md:py-24 grid md:grid-cols-2 gap-10 items-center">
      <div>
        <h1 class="text-4xl md:text-5xl font-black leading-tight">Qualidade e confiança em desenvolvimento de software</h1>
        <p class="mt-5 text-neutral-400 text-lg">A NCLOG TECNOLOGIA LTDA. oferece atendimento profissional e próximo em Recife - PE, com desenvolvimento de programas de computador, consultoria e suporte técnico em tecnologia da informação. Fale com a nossa equipe e agende seu horário.</p>
        <div class="mt-8 flex flex-wrap gap-3">
          <a href="https://wa.me/5531975418067" target="_blank" rel="noopener" class="btn-accent">Agendar horário</a>
          <a href="#servicos" class="btn-wa">Ver serviços</a>
        </div>
      </div>
      <div class="card p-8">
        <p class="text-sm text-neutral-400">Agendamento pelo WhatsApp</p>
        <p class="mt-2 text-3xl font-extrabold">(31) 97541-8067</p>
        <p class="mt-3 text-neutral-400">R. João Eugênio de Lima, 143, Sala 01, Cx. Postal 854 — Boa Viagem, Recife - PE</p>
        <a href="https://wa.me/5531975418067" target="_blank" rel="noopener" class="btn-wa mt-6 w-full text-center">Chamar no WhatsApp</a>
      </div>
    </section>

    <section id="sobre" class="max-w-6xl mx-auto px-5 py-16">
      <h2 class="text-3xl font-extrabold">Sobre</h2>
      <p class="mt-4 text-neutral-400 max-w-3xl">Fundada em 18/03/2026, a empresa NCLOG TECNOLOGIA LTDA. atua no segmento de desenvolvimento de programas de computador sob encomenda, com sede em Recife - PE.</p>
      <div class="mt-8 grid sm:grid-cols-2 lg:grid-cols-4 gap-4">
        <div class="card p-5"><p class="text-xs text-neutral-500">Razão Social</p><p class="mt-1 font-semibold">NCLOG TECNOLOGIA LTDA.</p></div>
        <div class="card p-5"><p class="text-xs text-neutral-500">Nome Fantasia</p><p class="mt-1 font-semibold">Não informado</p></div>
        <div class="card p-5"><p class="text-xs text-neutral-500">Porte</p><p class="mt-1 font-semibold">Demais</p></div>
        <div class="card p-5"><p class="text-xs text-neutral-500">Atividade Principal</p><p class="mt-1 font-semibold">62.01-5-01 - Desenvolvimento de programas de computador sob encomenda</p></div>
      </div>
    </section>

    <section id="servicos" class="max-w-6xl mx-auto px-5 py-16">
      <h2 class="text-3xl font-extrabold">Serviços</h2>
      <p class="mt-4 text-neutral-400">Atividades registradas no CNPJ da empresa.</p>
      <div class="mt-8 grid sm:grid-cols-2 lg:grid-cols-4 gap-4">
        <div class="card p-6 flex flex-col">
          <span class="text-xs font-semibold text-yellow-400">CNAE 62.01-5-01 · Principal</span>
          <h3 class="mt-2 text-lg font-bold leading-snug flex-1">Desenvolvimento de programas de computador sob encomenda</h3>
          <a href="https://wa.me/5531975418067" target="_blank" rel="noopener" class="btn-accent mt-5 text-center">Agendar</a>
        </div>
        <div class="card p-6 flex flex-col">
          <span class="text-xs font-semibold text-neutral-500">CNAE 62.02-3-00 · Secundária</span>
          <h3 class="mt-2 text-lg font-bold leading-snug flex-1">Desenvolvimento e licenciamento de programas de computador customizáveis</h3>
          <a href="https://wa.me/5531975418067" target="_blank" rel="noopener" class="btn-accent mt-5 text-center">Agendar</a>
        </div>
        <div class="card p-6 flex flex-col">
          <span class="text-xs font-semibold text-neutral-500">CNAE 62.04-0-00 · Secundária</span>
          <h3 class="mt-2 text-lg font-bold leading-snug flex-1">Consultoria em tecnologia da informação</h3>
          <a href="https://wa.me/5531975418067" target="_blank" rel="noopener" class="btn-accent mt-5 text-center">Agendar</a>
        </div>
        <div class="card p-6 flex flex-col">
          <span class="text-xs font-semibold text-neutral-500">CNAE 62.09-1-00 · Secundária</span>
          <h3 class="mt-2 text-lg font-bold leading-snug flex-1">Suporte técnico, manutenção e outros serviços em tecnologia da informação</h3>
          <a href="https://wa.me/5531975418067" target="_blank" rel="noopener" class="btn-accent mt-5 text-center">Agendar</a>
        </div>
      </div>
    </section>

    <section id="registro" class="max-w-6xl mx-auto px-5 py-16">
      <h2 class="text-3xl font-extrabold">Registro</h2>
      <div class="mt-8 grid sm:grid-cols-2 lg:grid-cols-3 gap-4">
        <div class="card p-5"><p class="text-xs text-neutral-500">Razão Social</p><p class="mt-1 font-semibold">NCLOG TECNOLOGIA LTDA.</p></div>
        <div class="card p-5"><p class="text-xs text-neutral-500">Nome Fantasia</p><p class="mt-1 font-semibold">Não informado</p></div>
        <div class="card p-5"><p class="text-xs text-neutral-500">CNPJ</p><p class="mt-1 font-semibold">65.786.325/0001-97 (Matriz)</p></div>
        <div class="card p-5"><p class="text-xs text-neutral-500">Situação Cadastral</p><p class="mt-1 font-semibold">ATIVA desde 18/03/2026</p></div>
        <div class="card p-5"><p class="text-xs text-neutral-500">Natureza Jurídica</p><p class="mt-1 font-semibold">206-2 - Sociedade Empresária Limitada</p></div>
        <div class="card p-5"><p class="text-xs text-neutral-500">Endereço</p><p class="mt-1 font-semibold">R. João Eugênio de Lima, 143, Sala 01, Cx. Postal 854 — Boa Viagem, Recife - PE</p></div>
        <div class="card p-5"><p class="text-xs text-neutral-500">CEP</p><p class="mt-1 font-semibold">51.030-360</p></div>
        <div class="card p-5"><p class="text-xs text-neutral-500">Telefone</p><p class="mt-1 font-semibold"><a href="https://wa.me/5531975418067" target="_blank" rel="noopener" class="hover:text-green-400">(31) 97541-8067</a></p></div>
        <div class="card p-5"><p class="text-xs text-neutral-500">E-mail</p><p class="mt-1 font-semibold"><a href="mailto:santosbl@icloud.com" class="hover:text-yellow-400 break-all">santosbl@icloud.com</a></p></div>
      </div>
    </section>

    <section id="contato" class="max-w-6xl mx-auto px-5 py-16">
      <div class="card p-10 text-center">
        <h2 class="text-3xl font-extrabold">Contato</h2>
        <p class="mt-3 text-neutral-400">Atendimento pelo WhatsApp</p>
        <a href="https://wa.me/5531975418067" target="_blank" rel="noopener" class="block mt-4 text-4xl font-black text-green-400 hover:text-green-300">(31) 97541-8067</a>
        <p class="mt-3 text-neutral-500 text-sm">R. João Eugênio de Lima, 143, Sala 01, Cx. Postal 854 — Boa Viagem, Recife - PE · CEP 51.030-360</p>
        <a href="https://wa.me/5531975418067" target="_blank" rel="noopener" class="btn-accent mt-8">Solicite seu Horário</a>
      </div>
    </section>
  </main>

  <footer class="border-t border-neutral-900 py-8 text-center text-sm text-neutral-500">
    © 2026 NCLOG TECNOLOGIA LTDA. · CNPJ 65.786.325/0001-97 · Recife
  </footer>
</body>
</html>