<!DOCTYPE html>
<html lang="pt-BR">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>HO TRANSPORTE LTDA - ********</title>
  <script src="https://cdn.tailwindcss.com"></script>
  <link rel="preconnect" href="https://fonts.googleapis.com">
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  <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; }
    .btn-wa { background:#22c55e; color:#fff; }
  </style>
</head>
<body class="bg-[#0a0a0a] text-white">
  <header class="border-b border-[#1f1f1f] bg-[#0a0a0a]/95">
    <div class="max-w-6xl mx-auto px-6 py-5 flex flex-col lg:flex-row lg:items-center lg:justify-between gap-5">
      <div>
        <div class="text-xl font-extrabold">HT</div>
        <div class="font-bold">HO TRANSPORTE LTDA</div>
        <div class="text-sm text-zinc-400">CNPJ 63.055.844/0001-50 · ITAQUARA/BA</div>
        <div class="text-sm text-zinc-400">********</div>
      </div>
      <nav class="flex flex-wrap gap-4 text-sm text-zinc-300">
        <a href="#sobre">Sobre</a>
        <a href="#servicos">Serviços</a>
        <a href="#registro">Registro</a>
        <a href="#contato">Contato</a>
        <a href="https://wa.me/5548999903814" target="_blank" class="btn-accent px-4 py-2 rounded-xl font-bold">Agendar</a>
      </nav>
    </div>
  </header>

  <main class="max-w-6xl mx-auto px-6">
    <section class="py-20 grid lg:grid-cols-2 gap-10 items-center">
      <div>
        <p class="text-yellow-400 font-semibold mb-4">********</p>
        <h1 class="text-4xl md:text-6xl font-black leading-tight">Qualidade e confiança em transporte rodoviário de carga</h1>
        <p class="mt-6 text-zinc-400 text-lg">Atuação em transporte rodoviário de carga, exceto produtos perigosos e mudanças, intermunicipal, interestadual e internacional, além de transporte rodoviário de mudanças e transporte rodoviário de produtos perigosos.</p>
        <div class="mt-8 flex flex-wrap gap-4">
          <a href="https://wa.me/5548999903814" target="_blank" class="btn-wa px-6 py-3 rounded-xl font-bold">Falar no WhatsApp</a>
          <a href="#servicos" class="btn-accent px-6 py-3 rounded-xl font-bold">Conhecer serviços</a>
        </div>
      </div>
      <div class="card p-7">
        <p class="text-sm text-zinc-400">Agendamento</p>
        <h2 class="text-2xl font-bold mt-2">Solicite atendimento</h2>
        <p class="text-zinc-400 mt-3">Entre em contato pelo WhatsApp para solicitar informações e atendimento.</p>
        <a href="https://wa.me/5548999903814" target="_blank" class="btn-wa mt-6 block text-center px-5 py-3 rounded-xl font-bold">(48) 99990-3814</a>
      </div>
    </section>

    <section id="sobre" class="py-16">
      <div class="max-w-3xl">
        <p class="text-yellow-400 font-semibold">SOBRE</p>
        <h2 class="text-3xl font-extrabold mt-2">********</h2>
        <p class="text-zinc-400 mt-5 leading-7">Fundada em 06/10/2025, a empresa HO TRANSPORTE LTDA — ******** atua no segmento de Transporte rodoviário de carga, exceto produtos perigosos e mudanças, intermunicipal, interestadual e internacional, com sede em ITAQUARA - BA.</p>
      </div>
      <div class="grid sm:grid-cols-2 lg:grid-cols-4 gap-4 mt-8">
        <div class="card p-5"><p class="text-xs text-zinc-500">Razão Social</p><p class="font-bold mt-2">HO TRANSPORTE LTDA</p></div>
        <div class="card p-5"><p class="text-xs text-zinc-500">Fantasia</p><p class="font-bold mt-2">********</p></div>
        <div class="card p-5"><p class="text-xs text-zinc-500">Porte</p><p class="font-bold mt-2">ME</p></div>
        <div class="card p-5"><p class="text-xs text-zinc-500">Atividade</p><p class="font-bold mt-2">Transporte rodoviário de carga</p></div>
      </div>
    </section>

    <section id="servicos" class="py-16">
      <p class="text-yellow-400 font-semibold">SERVIÇOS</p>
      <h2 class="text-3xl font-extrabold mt-2">Atividades econômicas</h2>
      <div class="grid md:grid-cols-2 gap-5 mt-8">
        <article class="card p-6">
          <span class="text-yellow-400 text-sm font-bold">49.30-2-02</span>
          <h3 class="text-xl font-bold mt-3">Transporte rodoviário de carga, exceto produtos perigosos e mudanças, intermunicipal, interestadual e internacional</h3>
          <a href="https://wa.me/5548999903814" target="_blank" class="btn-wa inline-block mt-5 px-5 py-3 rounded-xl font-bold">Agendar</a>
        </article>
        <article class="card p-6">
          <span class="text-yellow-400 text-sm font-bold">49.30-2-04</span>
          <h3 class="text-xl font-bold mt-3">Transporte rodoviário de mudanças</h3>
          <a href="https://wa.me/5548999903814" target="_blank" class="btn-wa inline-block mt-5 px-5 py-3 rounded-xl font-bold">Agendar</a>
        </article>
        <article class="card p-6">
          <span class="text-yellow-400 text-sm font-bold">49.30-2-03</span>
          <h3 class="text-xl font-bold mt-3">Transporte rodoviário de produtos perigosos</h3>
          <a href="https://wa.me/5548999903814" target="_blank" class="btn-wa inline-block mt-5 px-5 py-3 rounded-xl font-bold">Agendar</a>
        </article>
      </div>
    </section>

    <section id="registro" class="py-16">
      <p class="text-yellow-400 font-semibold">REGISTRO</p>
      <h2 class="text-3xl font-extrabold mt-2">Informações cadastrais</h2>
      <div class="grid md:grid-cols-2 gap-4 mt-8">
        <div class="card p-5"><p class="text-xs text-zinc-500">Razão Social</p><p class="mt-2 font-semibold">HO TRANSPORTE LTDA</p></div>
        <div class="card p-5"><p class="text-xs text-zinc-500">Nome Fantasia</p><p class="mt-2 font-semibold">********</p></div>
        <div class="card p-5"><p class="text-xs text-zinc-500">CNPJ</p><p class="mt-2 font-semibold">63.055.844/0001-50</p></div>
        <div class="card p-5"><p class="text-xs text-zinc-500">Situação Cadastral</p><p class="mt-2 font-semibold">ATIVA</p></div>
        <div class="card p-5"><p class="text-xs text-zinc-500">Natureza Jurídica</p><p class="mt-2 font-semibold">206-2 - Sociedade Empresária Limitada</p></div>
        <div class="card p-5"><p class="text-xs text-zinc-500">Endereço</p><p class="mt-2 font-semibold">LGA DE SANTA RITA, 97, ******** - CENTRO, ITAQUARA - BA</p></div>
        <div class="card p-5"><p class="text-xs text-zinc-500">CEP</p><p class="mt-2 font-semibold">45.340-000</p></div>
        <div class="card p-5"><p class="text-xs text-zinc-500">Telefone</p><p class="mt-2 font-semibold">(48) 99990-3814</p></div>
      </div>
    </section>

    <section id="contato" class="py-16">
      <div class="card p-8 md:p-12 text-center">
        <p class="text-yellow-400 font-semibold">CONTATO</p>
        <h2 class="text-3xl md:text-4xl font-black mt-2">Fale com a HO TRANSPORTE LTDA</h2>
        <p class="text-zinc-400 mt-4">Telefone: (48) 99990-3814 · E-mail: LUISCAIO1620@GMAIL.COM</p>
        <a href="https://wa.me/5548999903814" target="_blank" class="btn-wa inline-block mt-7 px-7 py-4 rounded-xl font-bold">Solicite seu Horário</a>
      </div>
    </section>
  </main>

  <footer class="border-t border-[#1f1f1f] mt-10">
    <div class="max-w-6xl mx-auto px-6 py-8 text-sm text-zinc-500">© 2026 · HO TRANSPORTE LTDA · CNPJ 63.055.844/0001-50 · ITAQUARA - BA · ********</div>
  </footer>
</body>
</html>