<!DOCTYPE html>
<html lang="pt-BR">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>TRANSPORTES JOJO 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>
*{box-sizing:border-box} 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;border-radius:12px;font-weight:800}
.btn-wa{background:#22c55e;color:#07120a;border-radius:12px;font-weight:800}
.muted{color:#a3a3a3} .eyebrow{color:#facc15;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
</style>
</head>
<body>
<header class="border-b border-neutral-800 sticky top-0 bg-black/90 backdrop-blur z-50">
<div class="max-w-7xl mx-auto px-6 py-4 flex flex-col lg:flex-row lg:items-center gap-4 justify-between">
<div class="flex items-center gap-3">
<div class="w-12 h-12 rounded-2xl bg-yellow-400 text-black font-black flex items-center justify-center">TJ</div>
<div><div class="font-extrabold">TRANSPORTES JOJO LTDA</div><div class="text-xs muted">93.545.770/0001-09 · CAXIAS DO SUL/RS · ********</div></div>
</div>
<nav class="flex flex-wrap items-center gap-5 text-sm font-semibold">
<a href="#sobre">Sobre</a><a href="#servicos">Serviços</a><a href="#registro">Registro</a><a href="#contato">Contato</a>
<a class="btn-accent px-5 py-3" href="https://wa.me/5535920022656">Agendar</a>
</nav>
</div>
</header>
<main>
<section class="max-w-7xl mx-auto px-6 py-20 lg:py-28">
<div class="grid lg:grid-cols-12 gap-8 items-stretch">
<div class="lg:col-span-7 flex flex-col justify-center">
<div class="eyebrow text-sm mb-5">Transportes · Caxias do Sul / RS</div>
<h1 class="text-4xl md:text-6xl font-black leading-tight mb-6">Qualidade e confiança em transporte rodoviário de carga</h1>
<p class="text-lg muted max-w-2xl mb-8">Atendimento institucional com informações claras sobre a empresa, seus serviços, registro e canais de contato.</p>
<div class="flex flex-wrap gap-3">
<a href="https://wa.me/5535920022656" class="btn-wa px-6 py-4">Falar pelo WhatsApp</a>
<a href="#servicos" class="btn-accent px-6 py-4">Conhecer serviços</a>
</div>
</div>
<div class="lg:col-span-5 card p-7 md:p-9">
<div class="text-sm eyebrow mb-3">Agendamento</div>
<h2 class="text-2xl font-extrabold mb-3">Entre em contato pelo WhatsApp</h2>
<p class="muted mb-8">Utilize o canal informado pela empresa para solicitar atendimento e informações.</p>
<div class="border-t border-neutral-800 pt-6">
<div class="text-sm muted mb-1">Telefone</div><div class="text-xl font-bold mb-5">(35) 92002-2656</div>
<a href="https://wa.me/5535920022656" class="btn-wa block text-center px-6 py-4">Agendar atendimento</a>
</div>
</div>
</div>
</section>
<section id="sobre" class="border-y border-neutral-900">
<div class="max-w-7xl mx-auto px-6 py-20">
<div class="max-w-3xl mb-10"><div class="eyebrow text-sm mb-3">Sobre</div>
<h2 class="text-3xl md:text-4xl font-black mb-5">Experiência e atuação empresarial</h2>
<p class="muted text-lg">Fundada em 03/08/1990, a empresa TRANSPORTES JOJO LTDA — ******** atua no segmento de Transporte rodoviário de carga, exceto produtos perigosos e mudanças, intermunicipal, interestadual e internacional, com sede em CAXIAS DO SUL - RS.</p>
</div>
<div class="grid sm:grid-cols-2 lg:grid-cols-4 gap-4">
<div class="card p-6"><div class="muted text-sm">Razão Social</div><div class="font-bold mt-2">TRANSPORTES JOJO LTDA</div></div>
<div class="card p-6"><div class="muted text-sm">Fantasia</div><div class="font-bold mt-2">********</div></div>
<div class="card p-6"><div class="muted text-sm">Porte</div><div class="font-bold mt-2">ME</div></div>
<div class="card p-6"><div class="muted text-sm">Atividade</div><div class="font-bold mt-2">49.30-2-02</div></div>
</div>
</div>
</section>
<section id="servicos" class="max-w-7xl mx-auto px-6 py-20">
<div class="flex flex-col md:flex-row md:items-end justify-between gap-5 mb-10">
<div><div class="eyebrow text-sm mb-3">Serviços</div><h2 class="text-3xl md:text-4xl font-black">Atividades registradas</h2></div>
<p class="muted max-w-xl">Conheça as atividades econômicas principal e secundárias informadas no cadastro empresarial.</p>
</div>
<div class="grid md:grid-cols-3 gap-5">
<article class="card p-7 flex flex-col">
<div class="flex justify-between gap-3 mb-6"><span class="text-yellow-400 font-extrabold">49.30-2-02</span><span class="text-xs muted">Principal</span></div>
<h3 class="font-bold text-lg leading-snug flex-1">Transporte rodoviário de carga, exceto produtos perigosos e mudanças, intermunicipal, interestadual e internacional</h3>
<a href="https://wa.me/5535920022656" class="btn-accent text-center px-5 py-3 mt-8">Agendar</a>
</article>
<article class="card p-7 flex flex-col">
<div class="flex justify-between gap-3 mb-6"><span class="text-yellow-400 font-extrabold">49.30-2-03</span><span class="text-xs muted">Secundária</span></div>
<h3 class="font-bold text-lg leading-snug flex-1">Transporte rodoviário de produtos perigosos</h3>
<a href="https://wa.me/5535920022656" class="btn-accent text-center px-5 py-3 mt-8">Agendar</a>
</article>
<article class="card p-7 flex flex-col">
<div class="flex justify-between gap-3 mb-6"><span class="text-yellow-400 font-extrabold">49.30-2-04</span><span class="text-xs muted">Secundária</span></div>
<h3 class="font-bold text-lg leading-snug flex-1">Transporte rodoviário de mudanças</h3>
<a href="https://wa.me/5535920022656" class="btn-accent text-center px-5 py-3 mt-8">Agendar</a>
</article>
</div>
</section>
<section id="registro" class="border-y border-neutral-900">
<div class="max-w-7xl mx-auto px-6 py-20">
<div class="eyebrow text-sm mb-3">Registro</div><h2 class="text-3xl md:text-4xl font-black mb-10">Informações cadastrais</h2>
<div class="grid md:grid-cols-2 lg:grid-cols-3 gap-4">
<div class="card p-6"><div class="muted text-sm">Razão Social</div><div class="font-semibold mt-2">TRANSPORTES JOJO LTDA</div></div>
<div class="card p-6"><div class="muted text-sm">Nome Fantasia</div><div class="font-semibold mt-2">********</div></div>
<div class="card p-6"><div class="muted text-sm">CNPJ</div><div class="font-semibold mt-2">93.545.770/0001-09</div></div>
<div class="card p-6"><div class="muted text-sm">Natureza Jurídica</div><div class="font-semibold mt-2">206-2 - Sociedade Empresária Limitada</div></div>
<div class="card p-6 md:col-span-2"><div class="muted text-sm">Endereço</div><div class="font-semibold mt-2">ROD BR 116 KM 130, 1680, CASA - PARADA CRISTAL, CAXIAS DO SUL - RS</div></div>
<div class="card p-6"><div class="muted text-sm">CEP</div><div class="font-semibold mt-2">95.032-475</div></div>
<div class="card p-6"><div class="muted text-sm">Telefone</div><div class="font-semibold mt-2"><a href="https://wa.me/5535920022656">(35) 92002-2656</a></div></div>
<div class="card p-6"><div class="muted text-sm">E-mail</div><div class="font-semibold mt-2">orgavel@gmail.com</div></div>
</div>
</div>
</section>
<section id="contato" class="max-w-7xl mx-auto px-6 py-20">
<div class="card p-8 md:p-12 grid md:grid-cols-2 gap-8 items-center">
<div><div class="eyebrow text-sm mb-3">Contato</div><h2 class="text-3xl md:text-4xl font-black mb-4">Solicite seu horário</h2>
<p class="muted">WhatsApp: <a href="https://wa.me/5535920022656" class="text-white font-bold">(35) 92002-2656</a></p>
</div>
<div class="md:text-right"><a href="https://wa.me/5535920022656" class="btn-wa inline-block px-8 py-4">Solicite seu Horário</a></div>
</div>
</section>
</main>
<footer class="border-t border-neutral-900">
<div class="max-w-7xl mx-auto px-6 py-8 text-sm muted">© 2026 TRANSPORTES JOJO LTDA · CNPJ 93.545.770/0001-09 · CAXIAS DO SUL - ********</div>
</footer>
</body>
</html>