<!DOCTYPE html>
<html lang="pt-BR">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>RAMPA SERVICOS E TRANSPORTES LTDA - Itacaré - BA</title>
  <meta name="description" content="RAMPA SERVICOS E TRANSPORTES LTDA - Serviço de transporte de passageiros - locação de automóveis com motorista em Itacaré - BA. CNPJ 01.541.635/0002-40." />
  <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', system-ui, sans-serif; background: #0a0a0a; color: #e5e5e5; }
    .card { background: #111; border: 1px solid #1f1f1f; border-radius: 16px; }
    .btn-accent { background: #facc15; color: #0a0a0a; }
    .btn-accent:hover { background: #eab308; }
    .btn-wa { background: #22c55e; color: #fff; }
    .btn-wa:hover { background: #16a34a; }
    html { scroll-behavior: smooth; }
  </style>
</head>
<body>
  <header class="border-b border-neutral-900 sticky top-0 z-50 bg-[#0a0a0a]/95 backdrop-blur">
    <div class="max-w-6xl mx-auto px-4 py-4 flex flex-wrap items-center justify-between gap-4">
      <div class="flex items-center gap-3">
        <div class="w-12 h-12 rounded-xl btn-accent flex items-center justify-center font-black text-lg">RS</div>
        <div>
          <p class="font-extrabold text-white leading-tight">RAMPA SERVICOS E TRANSPORTES LTDA</p>
          <p class="text-xs text-neutral-400">CNPJ 01.541.635/0002-40 · Itacaré - BA</p>
        </div>
      </div>
      <nav class="flex items-center gap-5 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>
        <a href="https://wa.me/5531975205658" target="_blank" rel="noopener" class="btn-accent px-4 py-2 rounded-xl font-bold">Agendar</a>
      </nav>
    </div>
  </header>

  <main>
    <section class="max-w-6xl mx-auto px-4 py-16 md:py-24 grid md:grid-cols-2 gap-10 items-center">
      <div>
        <h1 class="text-4xl md:text-5xl font-black text-white leading-tight">Qualidade e confiança em transporte de passageiros</h1>
        <p class="mt-5 text-neutral-400 text-lg">A RAMPA SERVICOS E TRANSPORTES LTDA atende Itacaré - BA com atendimento próximo, transparente e comprometido com cada cliente. Fale conosco pelo WhatsApp e solicite seu atendimento.</p>
        <div class="mt-8 flex flex-wrap gap-3">
          <a href="https://wa.me/5531975205658" target="_blank" rel="noopener" class="btn-accent px-6 py-3 rounded-xl font-bold">Solicite seu Horário</a>
          <a href="#servicos" class="border border-neutral-700 hover:border-neutral-500 px-6 py-3 rounded-xl font-bold text-white">Ver Serviços</a>
        </div>
      </div>
      <div class="card p-8">
        <p class="text-sm text-neutral-400">Agendamento via WhatsApp</p>
        <p class="mt-2 text-3xl font-black text-white">(31) 97520-5658</p>
        <p class="mt-3 text-neutral-400">R 31 DE MARCO, 258, SALA 02 - CENTRO, ITACARE - BA</p>
        <a href="https://wa.me/5531975205658" target="_blank" rel="noopener" class="btn-wa mt-6 w-full inline-flex justify-center px-6 py-4 rounded-xl font-bold">Agendar pelo WhatsApp</a>
      </div>
    </section>

    <section id="sobre" class="max-w-6xl mx-auto px-4 py-16">
      <h2 class="text-3xl font-extrabold text-white">Sobre</h2>
      <p class="mt-4 text-neutral-400 max-w-3xl">Fundada em 03/02/2025, a empresa RAMPA SERVICOS E TRANSPORTES LTDA atua no segmento de serviço de transporte de passageiros - locação de automóveis com motorista, com sede em Itacaré - BA.</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 text-white">RAMPA SERVICOS E TRANSPORTES LTDA</p></div>
        <div class="card p-5"><p class="text-xs text-neutral-500">Nome Fantasia</p><p class="mt-1 font-semibold text-white">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 text-white">ME</p></div>
        <div class="card p-5"><p class="text-xs text-neutral-500">Atividade</p><p class="mt-1 font-semibold text-white">Serviço de transporte de passageiros - locação de automóveis com motorista</p></div>
      </div>
    </section>

    <section id="servicos" class="max-w-6xl mx-auto px-4 py-16">
      <h2 class="text-3xl font-extrabold text-white">Serviços</h2>
      <div class="mt-8 grid sm:grid-cols-2 lg:grid-cols-3 gap-4">
        <div class="card p-6 flex flex-col">
          <span class="text-xs text-yellow-400 font-semibold">CNAE 49.23-0-02 · Principal</span>
          <h3 class="mt-2 text-lg font-bold text-white">Serviço de transporte de passageiros - locação de automóveis com motorista</h3>
          <a href="https://wa.me/5531975205658" target="_blank" rel="noopener" class="btn-accent mt-auto inline-flex justify-center items-center px-5 py-3 rounded-xl font-bold">Agendar</a>
        </div>
        <div class="card p-6 flex flex-col">
          <span class="text-xs text-yellow-400 font-semibold">CNAE 42.13-8-00 · Secundária</span>
          <h3 class="mt-2 text-lg font-bold text-white">Obras de urbanização - ruas, praças e calçadas</h3>
          <a href="https://wa.me/5531975205658" target="_blank" rel="noopener" class="btn-accent mt-auto inline-flex justify-center items-center px-5 py-3 rounded-xl font-bold">Agendar</a>
        </div>
        <div class="card p-6 flex flex-col">
          <span class="text-xs text-yellow-400 font-semibold">CNAE 43.13-4-00 · Secundária</span>
          <h3 class="mt-2 text-lg font-bold text-white">Obras de terraplenagem</h3>
          <a href="https://wa.me/5531975205658" target="_blank" rel="noopener" class="btn-accent mt-auto inline-flex justify-center items-center px-5 py-3 rounded-xl font-bold">Agendar</a>
        </div>
        <div class="card p-6 flex flex-col">
          <span class="text-xs text-yellow-400 font-semibold">CNAE 43.30-4-99 · Secundária</span>
          <h3 class="mt-2 text-lg font-bold text-white">Outras obras de acabamento da construção</h3>
          <a href="https://wa.me/5531975205658" target="_blank" rel="noopener" class="btn-accent mt-auto inline-flex justify-center items-center px-5 py-3 rounded-xl font-bold">Agendar</a>
        </div>
        <div class="card p-6 flex flex-col">
          <span class="text-xs text-yellow-400 font-semibold">CNAE 49.21-3-01 · Secundária</span>
          <h3 class="mt-2 text-lg font-bold text-white">Transporte rodoviário coletivo de passageiros, com itinerário fixo, municipal</h3>
          <a href="https://wa.me/5531975205658" target="_blank" rel="noopener" class="btn-accent mt-auto inline-flex justify-center items-center px-5 py-3 rounded-xl font-bold">Agendar</a>
        </div>
        <div class="card p-6 flex flex-col">
          <span class="text-xs text-yellow-400 font-semibold">CNAE 49.24-8-00 · Secundária</span>
          <h3 class="mt-2 text-lg font-bold text-white">Transporte escolar</h3>
          <a href="https://wa.me/5531975205658" target="_blank" rel="noopener" class="btn-accent mt-auto inline-flex justify-center items-center px-5 py-3 rounded-xl font-bold">Agendar</a>
        </div>
        <div class="card p-6 flex flex-col">
          <span class="text-xs text-yellow-400 font-semibold">CNAE 49.29-9-02 · Secundária</span>
          <h3 class="mt-2 text-lg font-bold text-white">Transporte rodoviário coletivo de passageiros, sob regime de fretamento, intermunicipal, interestadual e internacional</h3>
          <a href="https://wa.me/5531975205658" target="_blank" rel="noopener" class="btn-accent mt-auto inline-flex justify-center items-center px-5 py-3 rounded-xl font-bold">Agendar</a>
        </div>
        <div class="card p-6 flex flex-col">
          <span class="text-xs text-yellow-400 font-semibold">CNAE 49.30-2-01 · Secundária</span>
          <h3 class="mt-2 text-lg font-bold text-white">Transporte rodoviário de carga, exceto produtos perigosos e mudanças, municipal</h3>
          <a href="https://wa.me/5531975205658" target="_blank" rel="noopener" class="btn-accent mt-auto inline-flex justify-center items-center px-5 py-3 rounded-xl font-bold">Agendar</a>
        </div>
        <div class="card p-6 flex flex-col">
          <span class="text-xs text-yellow-400 font-semibold">CNAE 49.30-2-02 · Secundária</span>
          <h3 class="mt-2 text-lg font-bold text-white">Transporte rodoviário de carga, exceto produtos perigosos e mudanças, intermunicipal, interestadual e internacional</h3>
          <a href="https://wa.me/5531975205658" target="_blank" rel="noopener" class="btn-accent mt-auto inline-flex justify-center items-center px-5 py-3 rounded-xl font-bold">Agendar</a>
        </div>
        <div class="card p-6 flex flex-col">
          <span class="text-xs text-yellow-400 font-semibold">CNAE 50.91-2-01 · Secundária</span>
          <h3 class="mt-2 text-lg font-bold text-white">Transporte por navegação de travessia, municipal</h3>
          <a href="https://wa.me/5531975205658" target="_blank" rel="noopener" class="btn-accent mt-auto inline-flex justify-center items-center px-5 py-3 rounded-xl font-bold">Agendar</a>
        </div>
        <div class="card p-6 flex flex-col">
          <span class="text-xs text-yellow-400 font-semibold">CNAE 52.29-0-02 · Secundária</span>
          <h3 class="mt-2 text-lg font-bold text-white">Serviços de reboque de veículos</h3>
          <a href="https://wa.me/5531975205658" target="_blank" rel="noopener" class="btn-accent mt-auto inline-flex justify-center items-center px-5 py-3 rounded-xl font-bold">Agendar</a>
        </div>
        <div class="card p-6 flex flex-col">
          <span class="text-xs text-yellow-400 font-semibold">CNAE 77.11-0-00 · Secundária</span>
          <h3 class="mt-2 text-lg font-bold text-white">Locação de automóveis sem condutor</h3>
          <a href="https://wa.me/5531975205658" target="_blank" rel="noopener" class="btn-accent mt-auto inline-flex justify-center items-center px-5 py-3 rounded-xl font-bold">Agendar</a>
        </div>
        <div class="card p-6 flex flex-col">
          <span class="text-xs text-yellow-400 font-semibold">CNAE 77.39-0-99 · Secundária</span>
          <h3 class="mt-2 text-lg font-bold text-white">Aluguel de outras máquinas e equipamentos comerciais e industriais não especificados anteriormente, sem operador</h3>
          <a href="https://wa.me/5531975205658" target="_blank" rel="noopener" class="btn-accent mt-auto inline-flex justify-center items-center px-5 py-3 rounded-xl font-bold">Agendar</a>
        </div>
        <div class="card p-6 flex flex-col">
          <span class="text-xs text-yellow-400 font-semibold">CNAE 78.20-5-00 · Secundária</span>
          <h3 class="mt-2 text-lg font-bold text-white">Locação de mão-de-obra temporária</h3>
          <a href="https://wa.me/5531975205658" target="_blank" rel="noopener" class="btn-accent mt-auto inline-flex justify-center items-center px-5 py-3 rounded-xl font-bold">Agendar</a>
        </div>
        <div class="card p-6 flex flex-col">
          <span class="text-xs text-yellow-400 font-semibold">CNAE 78.30-2-00 · Secundária</span>
          <h3 class="mt-2 text-lg font-bold text-white">Fornecimento e gestão de recursos humanos para terceiros</h3>
          <a href="https://wa.me/5531975205658" target="_blank" rel="noopener" class="btn-accent mt-auto inline-flex justify-center items-center px-5 py-3 rounded-xl font-bold">Agendar</a>
        </div>
        <div class="card p-6 flex flex-col">
          <span class="text-xs text-yellow-400 font-semibold">CNAE 81.21-4-00 · Secundária</span>
          <h3 class="mt-2 text-lg font-bold text-white">Limpeza em prédios e em domicílios</h3>
          <a href="https://wa.me/5531975205658" target="_blank" rel="noopener" class="btn-accent mt-auto inline-flex justify-center items-center px-5 py-3 rounded-xl font-bold">Agendar</a>
        </div>
        <div class="card p-6 flex flex-col">
          <span class="text-xs text-yellow-400 font-semibold">CNAE 81.30-3-00 · Secundária</span>
          <h3 class="mt-2 text-lg font-bold text-white">Atividades paisagísticas</h3>
          <a href="https://wa.me/5531975205658" target="_blank" rel="noopener" class="btn-accent mt-auto inline-flex justify-center items-center px-5 py-3 rounded-xl font-bold">Agendar</a>
        </div>
      </div>
    </section>

    <section id="registro" class="max-w-6xl mx-auto px-4 py-16">
      <h2 class="text-3xl font-extrabold text-white">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 text-white break-words">RAMPA SERVICOS E TRANSPORTES LTDA</p></div>
        <div class="card p-5"><p class="text-xs text-neutral-500">Nome Fantasia</p><p class="mt-1 font-semibold text-white break-words">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 text-white break-words">01.541.635/0002-40</p></div>
        <div class="card p-5"><p class="text-xs text-neutral-500">Situação Cadastral</p><p class="mt-1 font-semibold text-white break-words">ATIVA</p></div>
        <div class="card p-5"><p class="text-xs text-neutral-500">Natureza Jurídica</p><p class="mt-1 font-semibold text-white break-words">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 text-white break-words">R 31 DE MARCO, 258, SALA 02 - CENTRO, ITACARE - BA</p></div>
        <div class="card p-5"><p class="text-xs text-neutral-500">CEP</p><p class="mt-1 font-semibold text-white break-words">45.530-000</p></div>
        <div class="card p-5"><p class="text-xs text-neutral-500">Telefone</p><p class="mt-1 font-semibold text-white break-words">(31) 97520-5658</p></div>
        <div class="card p-5"><p class="text-xs text-neutral-500">E-mail</p><p class="mt-1 font-semibold text-white break-words">DIRETORIA@RAMPATRANSPORTES.COM.BR</p></div>
      </div>
    </section>

    <section id="contato" class="max-w-6xl mx-auto px-4 py-16">
      <div class="card p-10 text-center">
        <h2 class="text-3xl font-extrabold text-white">Contato</h2>
        <p class="mt-3 text-neutral-400">Atendimento pelo WhatsApp</p>
        <a href="https://wa.me/5531975205658" target="_blank" rel="noopener" class="mt-4 inline-block text-4xl font-black text-green-500 hover:text-green-400">(31) 97520-5658</a>
        <div class="mt-8"><a href="https://wa.me/5531975205658" target="_blank" rel="noopener" class="btn-accent px-8 py-4 rounded-xl font-bold inline-block">Solicite seu Horário</a></div>
      </div>
    </section>
  </main>

  <footer class="border-t border-neutral-900 py-8 text-center text-sm text-neutral-500">
    © 2026 RAMPA SERVICOS E TRANSPORTES LTDA · CNPJ 01.541.635/0002-40 · Itacaré - BA
  </footer>
</body>
</html>