<!DOCTYPE html>
<html lang="pt-BR">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>J S TURISMO | J S TRANSPORTE E TURISMO LTDA - Transporte em Moita Bonita SE</title>
<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:#ffffff}
.card{background:#111111;border:1px solid #1f1f1f;border-radius:16px}
.btn-accent{background:#facc15;color:#000000;font-weight:800;padding:12px 24px;border-radius:9999px;display:inline-flex;align-items:center;justify-content:center;transition:all .2s}
.btn-accent:hover{background:#eab308;transform:translateY(-1px)}
.btn-wa{background:#22c55e;color:#ffffff;font-weight:800;padding:12px 24px;border-radius:9999px;display:inline-flex;align-items:center;justify-content:center;transition:all .2s}
.btn-wa:hover{background:#16a34a;transform:translateY(-1px)}
</style>
</head>
<body class="antialiased">

<!-- HEADER -->
<header class="sticky top-0 z-50 bg-[#0a0a0a]/90 backdrop-blur-xl border-b border-[#1f1f1f]">
<div class="max-w-7xl mx-auto px-6 py-4 flex justify-between items-center">
<div class="flex items-center gap-3">
<div class="w-10 h-10 rounded-full bg-[#facc15] text-black flex items-center justify-center font-black text-sm">JS</div>
<div class="leading-tight">
<p class="font-bold text-[13px] md:text-sm tracking-tight">J S TRANSPORTE E TURISMO LTDA</p>
<p class="text-[11px] text-zinc-400">30.392.770/0001-98 • Moita Bonita/SE - J S TURISMO</p>
</div>
</div>
<nav class="hidden md:flex items-center gap-6 text-[13px] font-medium">
<a href="#sobre" class="text-zinc-400 hover:text-white transition">Sobre</a>
<a href="#servicos" class="text-zinc-400 hover:text-white transition">Serviços</a>
<a href="#registro" class="text-zinc-400 hover:text-white transition">Registro</a>
<a href="#contato" class="text-zinc-400 hover:text-white transition">Contato</a>
<a href="#contato" class="btn-accent text-sm">Agendar</a>
</nav>
</div>
</header>

<!-- HERO -->
<section class="max-w-7xl mx-auto px-6 py-16 md:py-24 grid lg:grid-cols-[1.2fr_0.8fr] gap-10 items-center">
<div>
<span class="inline-flex items-center gap-2 text-xs font-bold tracking-widest text-[#facc15] uppercase">• Ativa desde 08/05/2018 • Moita Bonita/SE</span>
<h1 class="mt-4 text-4xl md:text-5xl lg:text-[54px] font-black leading-[0.95] tracking-tight">Qualidade e confiança em <span class="text-[#facc15]">transporte de passageiros</span></h1>
<p class="mt-6 text-[17px] leading-relaxed text-zinc-400 max-w-xl">Atendimento profissional, próximo e comprometido com a sua necessidade em Moita Bonita - SE. Agende seu horário de forma rápida e direta pelo WhatsApp.</p>
<div class="mt-8 flex flex-wrap gap-3">
<a href="https://wa.me/5548999903814" target="_blank" class="btn-accent text-[15px]">Agendar agora</a>
<a href="https://wa.me/5548999903814" target="_blank" class="btn-wa text-[15px]">Falar no WhatsApp</a>
</div>
<div class="mt-8 flex items-center gap-3 text-xs text-zinc-500">
<span class="w-2 h-2 rounded-full bg-[#22c55e]"></span> CNPJ Ativo • ME • Atendimento em toda região
</div>
</div>

<div class="card p-6 md:p-7">
<div class="flex justify-between items-start">
<div>
<p class="text-xs font-bold tracking-widest text-zinc-500 uppercase">Agendamento Rápido</p>
<p class="mt-2 text-sm text-zinc-300">Fale direto com J S TURISMO via WhatsApp</p>
</div>
<div class="w-10 h-10 rounded-full bg-[#22c55e]/15 flex items-center justify-center">💬</div>
</div>
<p class="mt-6 text-3xl font-black tracking-tight">(48) 99990-3814</p>
<p class="mt-1 text-xs text-zinc-500">Toque para abrir a conversa instantaneamente</p>
<a href="https://wa.me/5548999903814" target="_blank" class="btn-wa w-full mt-6 py-4 text-[15px]">Chamar no WhatsApp →</a>
<div class="mt-4 grid grid-cols-2 gap-3 text-[11px]">
<div class="card p-3 text-center"><p class="text-zinc-500">CNPJ</p><p class="font-bold mt-1">30.392.770/0001-98</p></div>
<div class="card p-3 text-center"><p class="text-zinc-500">Cidade</p><p class="font-bold mt-1">Moita Bonita/SE</p></div>
</div>
</div>
</section>

<!-- SOBRE -->
<section id="sobre" class="max-w-7xl mx-auto px-6 py-16 border-t border-[#1f1f1f]">
<h2 class="text-3xl md:text-4xl font-black tracking-tight">Sobre a J S TURISMO</h2>
<p class="mt-4 text-[16px] leading-relaxed text-zinc-400 max-w-3xl">Fundada em 08/05/2018, a empresa J S TRANSPORTE E TURISMO LTDA — J S TURISMO atua no segmento de Serviço de transporte de passageiros - locação de automóveis com motorista, com sede em Moita Bonita - SE.</p>

<div class="grid md:grid-cols-4 gap-4 mt-10">
<div class="card p-5">
<p class="text-[11px] font-bold tracking-widest text-zinc-500 uppercase">Razão Social</p>
<p class="mt-2 font-semibold text-sm">J S TRANSPORTE E TURISMO LTDA</p>
</div>
<div class="card p-5">
<p class="text-[11px] font-bold tracking-widest text-zinc-500 uppercase">Nome Fantasia</p>
<p class="mt-2 font-semibold text-sm">J S TURISMO</p>
</div>
<div class="card p-5">
<p class="text-[11px] font-bold tracking-widest text-zinc-500 uppercase">Porte</p>
<p class="mt-2 font-semibold text-sm">ME - Microempresa</p>
</div>
<div class="card p-5">
<p class="text-[11px] font-bold tracking-widest text-zinc-500 uppercase">Atividade Principal</p>
<p class="mt-2 font-semibold text-sm leading-tight">Transporte de passageiros</p>
</div>
</div>
</section>

<!-- SERVIÇOS -->
<section id="servicos" class="max-w-7xl mx-auto px-6 py-16 border-t border-[#1f1f1f]">
<div class="flex flex-wrap justify-between items-end gap-4">
<h2 class="text-3xl md:text-4xl font-black tracking-tight">Nossos Serviços</h2>
<p class="text-sm text-zinc-500">4 atividades registradas • Clique para agendar</p>
</div>

<div class="grid md:grid-cols-2 lg:grid-cols-3 gap-4 mt-10">

<div class="card p-6 flex flex-col">
<div class="flex items-center justify-between">
<span class="text-[11px] font-black tracking-widest text-[#facc15] bg-[#facc15]/10 px-3 py-1 rounded-full">49.23-0-02 • PRINCIPAL</span>
<span class="w-2 h-2 bg-[#22c55e] rounded-full"></span>
</div>
<h3 class="mt-4 font-bold text-[15px] leading-snug">Serviço de transporte de passageiros - locação de automóveis com motorista</h3>
<p class="mt-2 text-xs text-zinc-500">Atividade principal registrada no CNPJ</p>
<a href="https://wa.me/5548999903814" target="_blank" class="btn-accent w-full mt-6 text-sm">Agendar este serviço</a>
</div>

<div class="card p-6 flex flex-col">
<span class="text-[11px] font-bold tracking-widest text-zinc-500 bg-[#1f1f1f] px-3 py-1 rounded-full w-fit">49.29-9-01</span>
<h3 class="mt-4 font-bold text-[15px] leading-snug">Transporte rodoviário coletivo de passageiros, sob regime de fretamento, municipal</h3>
<p class="mt-2 text-xs text-zinc-500">Atividade secundária</p>
<a href="https://wa.me/5548999903814" target="_blank" class="btn-accent w-full mt-6 text-sm">Agendar este serviço</a>
</div>

<div class="card p-6 flex flex-col">
<span class="text-[11px] font-bold tracking-widest text-zinc-500 bg-[#1f1f1f] px-3 py-1 rounded-full w-fit">49.29-9-02</span>
<h3 class="mt-4 font-bold text-[15px] leading-snug">Transporte rodoviário coletivo de passageiros, sob regime de fretamento, intermunicipal, interestadual e internacional</h3>
<p class="mt-2 text-xs text-zinc-500">Atividade secundária</p>
<a href="https://wa.me/5548999903814" target="_blank" class="btn-accent w-full mt-6 text-sm">Agendar este serviço</a>
</div>

<div class="card p-6 flex flex-col">
<span class="text-[11px] font-bold tracking-widest text-zinc-500 bg-[#1f1f1f] px-3 py-1 rounded-full w-fit">77.11-0-00</span>
<h3 class="mt-4 font-bold text-[15px] leading-snug">Locação de automóveis sem condutor</h3>
<p class="mt-2 text-xs text-zinc-500">Atividade secundária</p>
<a href="https://wa.me/5548999903814" target="_blank" class="btn-accent w-full mt-6 text-sm">Agendar este serviço</a>
</div>

</div>
</section>

<!-- REGISTRO -->
<section id="registro" class="max-w-7xl mx-auto px-6 py-16 border-t border-[#1f1f1f]">
<h2 class="text-3xl md:text-4xl font-black tracking-tight">Dados de Registro</h2>
<div class="grid md:grid-cols-3 gap-4 mt-10">
<div class="card p-5"><p class="text-[11px] font-bold tracking-widest text-zinc-500 uppercase">Razão Social</p><p class="mt-2 text-sm font-semibold">J S TRANSPORTE E TURISMO LTDA</p></div>
<div class="card p-5"><p class="text-[11px] font-bold tracking-widest text-zinc-500 uppercase">Nome Fantasia</p><p class="mt-2 text-sm font-semibold">J S TURISMO</p></div>
<div class="card p-5"><p class="text-[11px] font-bold tracking-widest text-zinc-500 uppercase">CNPJ</p><p class="mt-2 text-sm font-mono font-semibold">30.392.770/0001-98</p></div>
<div class="card p-5"><p class="text-[11px] font-bold tracking-widest text-zinc-500 uppercase">Situação Cadastral</p><p class="mt-2 text-sm font-semibold text-[#22c55e]">ATIVA - desde 08/05/2018</p></div>
<div class="card p-5"><p class="text-[11px] font-bold tracking-widest text-zinc-500 uppercase">Natureza Jurídica</p><p class="mt-2 text-sm font-semibold">206-2 - Sociedade Empresária Limitada</p></div>
<div class="card p-5"><p class="text-[11px] font-bold tracking-widest text-zinc-500 uppercase">Porte</p><p class="mt-2 text-sm font-semibold">ME</p></div>
<div class="card p-5 md:col-span-2"><p class="text-[11px] font-bold tracking-widest text-zinc-500 uppercase">Endereço Completo</p><p class="mt-2 text-sm font-semibold">AV JOSIAS COSTA, SN - SALA POVOADO CAPUNGA - ZONA RURAL - Moita Bonita/SE</p></div>
<div class="card p-5"><p class="text-[11px] font-bold tracking-widest text-zinc-500 uppercase">CEP</p><p class="mt-2 text-sm font-semibold">49.560-000</p></div>
<div class="card p-5"><p class="text-[11px] font-bold tracking-widest text-zinc-500 uppercase">Telefone / WhatsApp</p><p class="mt-2 text-sm font-semibold"><a href="https://wa.me/5548999903814" class="text-[#22c55e] hover:underline">(48) 99990-3814</a></p></div>
<div class="card p-5"><p class="text-[11px] font-bold tracking-widest text-zinc-500 uppercase">Município / UF</p><p class="mt-2 text-sm font-semibold">Moita Bonita / SE</p></div>
<div class="card p-5"><p class="text-[11px] font-bold tracking-widest text-zinc-500 uppercase">Data de Abertura</p><p class="mt-2 text-sm font-semibold">08/05/2018</p></div>
</div>
</section>

<!-- CONTATO -->
<section id="contato" class="max-w-7xl mx-auto px-6 py-20 border-t border-[#1f1f1f]">
<div class="card p-8 md:p-12 text-center max-w-4xl mx-auto">
<h2 class="text-3xl md:text-4xl font-black tracking-tight">Entre em Contato com a J S TURISMO</h2>
<p class="mt-4 text-zinc-400">Atendimento rápido e direto no WhatsApp para orçamentos de fretamento, turismo e locação.</p>
<div class="mt-8">
<a href="https://wa.me/5548999903814" target="_blank" class="text-3xl md:text-4xl font-black text-[#22c55e] hover:underline">(48) 99990-3814</a>
<p class="mt-2 text-xs text-zinc-500">AV JOSIAS COSTA, SN - ZONA RURAL - Moita Bonita/SE - CEP 49.560-000</p>
</div>
<a href="https://wa.me/5548999903814" target="_blank" class="btn-wa mt-8 text-[16px] px-10 py-4">Solicite seu Horário no WhatsApp</a>
<p class="mt-4 text-[11px] text-zinc-600">Resposta em até alguns minutos em horário comercial</p>
</div>
</section>

<footer class="border-t border-[#1f1f1f] bg-[#111] py-8 text-center">
<p class="text-[12px] text-zinc-500">© 2026 J S TRANSPORTE E TURISMO LTDA — CNPJ 30.392.770/0001-98 — Moita Bonita - J S TURISMO. Todos os direitos reservados.</p>
</footer>

</body>
</html>