<!DOCTYPE html>
<html lang="pt-BR">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>J.J TACOGRAFO LTDA | Serviços de manutenção e reparação mecânica de veículos automotores - OLINDA/PE</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>
* { font-family: 'Inter', sans-serif; }
body { background:#0a0a0a; color:#fff; }
.card { background:#111; border:1px solid #1f1f1f; border-radius:16px; }
.btn-accent { background:#facc15; color:#000; font-weight:700; border-radius:12px; padding:12px 24px; display:inline-flex; align-items:center; justify-content:center; transition:all .2s; }
.btn-accent:hover { background:#eab308; }
.btn-wa { background:#22c55e; color:#fff; font-weight:700; border-radius:12px; padding:12px 24px; display:inline-flex; align-items:center; justify-content:center; transition:all .2s; }
.btn-wa:hover { background:#16a34a; }
.muted { color:#71717a; }
.secondary { color:#a1a1aa; }
</style>
</head>
<body class="antialiased">
<header class="sticky top-0 z-50 backdrop-blur-xl bg-[#0a0a0a]/80 border-b border-[#1f1f1f]">
<div class="max-w-7xl mx-auto px-6 py-4 flex items-center justify-between">
<div class="flex items-center gap-4">
<div class="w-10 h-10 rounded-full bg-[#facc15] flex items-center justify-center text-black font-black text-sm">JJ</div>
<div>
<div class="font-bold text-[13px] leading-tight tracking-tight">J.J TACOGRAFO LTDA</div>
<div class="text-[11px] secondary">60.197.467/0001-03 • OLINDA/PE • J.J TACOGRAFO</div>
</div>
</div>
<nav class="hidden md:flex items-center gap-6 text-[13px] font-medium secondary">
<a href="#sobre" class="hover:text-white transition">Sobre</a>
<a href="#servicos" class="hover:text-white transition">Serviços</a>
<a href="#registro" class="hover:text-white transition">Registro</a>
<a href="#contato" class="hover:text-white transition">Contato</a>
</nav>
<a href="https://wa.me/5585920110962" target="_blank" class="btn-accent text-[13px]">Agendar</a>
</div>
</header>

<section class="max-w-7xl mx-auto px-6 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-[0.95] tracking-tight">Qualidade e confiança em <span class="text-[#facc15]">manutenção de veículos</span></h1>
<p class="mt-6 text-[15px] leading-relaxed secondary max-w-xl">Atendimento profissional, humanizado e focado em resultados para você e sua empresa em OLINDA - PE. Soluções eficientes em serviços de manutenção e reparação mecânica de veículos automotores com responsabilidade e transparência.</p>
<div class="mt-8 flex flex-wrap gap-3">
<a href="#servicos" class="btn-accent">Nossos Serviços</a>
<a href="https://wa.me/5585920110962" target="_blank" class="btn-wa">Fale no WhatsApp</a>
</div>
<div class="mt-8 flex items-center gap-3 text-[12px] muted">
<span class="w-2 h-2 rounded-full bg-green-500 inline-block"></span> Situação Cadastral: ATIVA desde 01/04/2025
</div>
</div>
<div class="card p-6 md:p-8">
<h3 class="font-bold text-lg">Agende seu horário</h3>
<p class="secondary text-[13px] mt-2">Atendimento rápido via WhatsApp. Estamos em OLINDA/PE.</p>
<div class="mt-6 card bg-[#0a0a0a] p-4 flex items-center justify-between">
<div>
<div class="text-[11px] muted uppercase tracking-widest">WhatsApp</div>
<div class="font-bold text-[15px]">(85) 92011-0962</div>
</div>
<div class="w-10 h-10 rounded-full bg-[#22c55e]/20 flex items-center justify-center">💬</div>
</div>
<a href="https://wa.me/5585920110962?text=Ol%C3%A1%2C%20gostaria%20de%20agendar%20um%20hor%C3%A1rio%20com%20a%20J.J%20TACOGRAFO%20LTDA" target="_blank" class="btn-wa w-full mt-6 text-center">Solicitar Atendimento no WhatsApp</a>
<p class="text-[11px] muted mt-4 text-center">AV SEN NILO DE SOUZA COELHO, 105 - AGUAZINHA</p>
</div>
</section>

<section id="sobre" class="max-w-7xl mx-auto px-6 py-16">
<div class="flex items-center gap-3 mb-8">
<div class="w-8 h-1 bg-[#facc15] rounded-full"></div>
<h2 class="text-2xl font-black tracking-tight">Sobre Nós</h2>
</div>
<div class="grid md:grid-cols-3 gap-6">
<div class="md:col-span-2 card p-8">
<p class="text-[15px] leading-relaxed secondary">Fundada em 01/04/2025, a empresa J.J TACOGRAFO LTDA — J.J TACOGRAFO atua no segmento de Serviços de manutenção e reparação mecânica de veículos automotores e comércio por atacado de peças e acessórios novos para veículos automotores, com sede em OLINDA - PE. Compromisso com qualidade, transparência e atendimento humanizado para empresas e pessoas que buscam eficiência em serviços automotivos.</p>
<div class="mt-8 grid grid-cols-2 gap-4">
<div class="card bg-[#0a0a0a] p-4"><div class="text-[10px] muted uppercase tracking-widest">Razão Social</div><div class="font-semibold text-[13px] mt-1">J.J TACOGRAFO LTDA</div></div>
<div class="card bg-[#0a0a0a] p-4"><div class="text-[10px] muted uppercase tracking-widest">Nome Fantasia</div><div class="font-semibold text-[13px] mt-1">J.J TACOGRAFO</div></div>
<div class="card bg-[#0a0a0a] p-4"><div class="text-[10px] muted uppercase tracking-widest">Porte</div><div class="font-semibold text-[13px] mt-1">ME - Microempresa</div></div>
<div class="card bg-[#0a0a0a] p-4"><div class="text-[10px] muted uppercase tracking-widest">Atividade Principal</div><div class="font-semibold text-[13px] mt-1">Serviços de manutenção e reparação mecânica de veículos automotores</div></div>
</div>
</div>
<div class="card p-8 flex flex-col justify-center">
<div class="text-[11px] muted uppercase tracking-widest">Localização Oficial</div>
<div class="font-bold text-[16px] mt-2 leading-tight">OLINDA/PE</div>
<div class="secondary text-[13px] mt-2">AV SEN NILO DE SOUZA COELHO, 105<br>AGUAZINHA - CEP 53.270-035</div>
<div class="mt-6 pt-6 border-t border-[#1f1f1f]">
<div class="text-[11px] muted uppercase">CNPJ Matriz</div>
<div class="font-mono font-bold text-[13px] mt-1">60.197.467/0001-03</div>
<div class="text-[11px] secondary mt-2">Ativa desde 01/04/2025 • 206-2 - Sociedade Empresária Limitada</div>
</div>
</div>
</div>
</section>

<section id="servicos" class="max-w-7xl mx-auto px-6 py-16">
<div class="flex items-center gap-3 mb-8">
<div class="w-8 h-1 bg-[#facc15] rounded-full"></div>
<h2 class="text-2xl font-black tracking-tight">Nossos Serviços</h2>
</div>
<div class="grid md:grid-cols-2 lg:grid-cols-3 gap-4">
<div class="card p-6 group hover:border-[#facc15]/30 transition">
<div class="flex items-start justify-between">
<div class="text-[11px] font-mono font-bold text-[#facc15] bg-[#facc15]/10 px-2 py-1 rounded">45.20-0-01</div>
<div class="w-2 h-2 rounded-full bg-[#22c55e]"></div>
</div>
<h3 class="font-bold text-[15px] mt-4 leading-snug">Serviços de manutenção e reparação mecânica de veículos automotores</h3>
<p class="secondary text-[12px] mt-2 leading-relaxed">Atividade principal com atendimento especializado em OLINDA</p>
<a href="https://wa.me/5585920110962?text=Ol%C3%A1%2C%20gostaria%20de%20agendar%20um%20hor%C3%A1rio%20para%20Serviços%20de%20manutenção%20e%20reparação%20mecânica%20de%20veículos%20automotores" target="_blank" class="btn-accent w-full mt-5 text-[13px] text-center">Agendar - 45.20-0-01</a>
</div>
<div class="card p-6 group hover:border-[#facc15]/30 transition">
<div class="flex items-start justify-between">
<div class="text-[11px] font-mono font-bold text-[#facc15] bg-[#facc15]/10 px-2 py-1 rounded">45.30-7-01</div>
<div class="w-2 h-2 rounded-full bg-[#22c55e]"></div>
</div>
<h3 class="font-bold text-[15px] mt-4 leading-snug">Comércio por atacado de peças e acessórios novos para veículos automotores</h3>
<p class="secondary text-[12px] mt-2 leading-relaxed">Comércio atacadista de peças e acessórios para veículos com garantia e procedência.</p>
<a href="https://wa.me/5585920110962?text=Ol%C3%A1%2C%20gostaria%20de%20agendar%20um%20hor%C3%A1rio%20para%20Comércio%20por%20atacado%20de%20peças%20e%20acessórios%20novos%20para%20veículos%20automotores" target="_blank" class="btn-accent w-full mt-5 text-[13px] text-center">Agendar - 45.30-7-01</a>
</div>
</div>
</section>

<section id="registro" class="max-w-7xl mx-auto px-6 py-16">
<div class="flex items-center gap-3 mb-8">
<div class="w-8 h-1 bg-[#facc15] rounded-full"></div>
<h2 class="text-2xl font-black tracking-tight">Dados de Registro</h2>
</div>
<div class="grid md:grid-cols-3 gap-4">
<div class="card p-5"><div class="text-[10px] muted uppercase">Razão Social</div><div class="font-semibold text-[13px] mt-1">J.J TACOGRAFO LTDA</div></div>
<div class="card p-5"><div class="text-[10px] muted uppercase">Nome Fantasia</div><div class="font-semibold text-[13px] mt-1">J.J TACOGRAFO</div></div>
<div class="card p-5"><div class="text-[10px] muted uppercase">CNPJ</div><div class="font-mono font-bold text-[13px] mt-1">60.197.467/0001-03</div></div>
<div class="card p-5"><div class="text-[10px] muted uppercase">Situação Cadastral</div><div class="font-semibold text-[13px] mt-1 text-green-400">ATIVA - 01/04/2025</div></div>
<div class="card p-5"><div class="text-[10px] muted uppercase">Natureza Jurídica</div><div class="font-semibold text-[13px] mt-1">206-2 - Sociedade Empresária Limitada</div></div>
<div class="card p-5"><div class="text-[10px] muted uppercase">Porte</div><div class="font-semibold text-[13px] mt-1">ME</div></div>
<div class="card p-5 md:col-span-2"><div class="text-[10px] muted uppercase">Endereço Completo</div><div class="font-semibold text-[13px] mt-1">AV SEN NILO DE SOUZA COELHO, 105 - AGUAZINHA - OLINDA/PE - CEP 53.270-035</div></div>
<div class="card p-5"><div class="text-[10px] muted uppercase">Telefone / WhatsApp</div><div class="font-semibold text-[13px] mt-1">(85) 92011-0962</div></div>
<div class="card p-5"><div class="text-[10px] muted uppercase">E-mail</div><div class="font-semibold text-[13px] mt-1 lowercase">email@gmail.com</div></div>
<div class="card p-5"><div class="text-[10px] muted uppercase">CNAE Principal</div><div class="font-semibold text-[13px] mt-1">45.20-0-01 - Serviços de manutenção e reparação mecânica de veículos automotores</div></div>
</div>
</section>

<section id="contato" class="max-w-7xl mx-auto px-6 py-16">
<div class="card p-8 md:p-12 border-[#facc15]/20 relative overflow-hidden">
<div class="absolute top-0 right-0 w-96 h-96 bg-[#facc15]/5 rounded-full blur-[80px] pointer-events-none"></div>
<div class="relative grid md:grid-cols-2 gap-10 items-center">
<div>
<h2 class="text-3xl font-black tracking-tight">Entre em Contato</h2>
<p class="secondary text-[14px] mt-3 leading-relaxed">Fale diretamente com a J.J TACOGRAFO LTDA em OLINDA/PE. Atendimento ágil e profissional.</p>
<div class="mt-8 space-y-4">
<div class="flex items-center gap-4">
<div class="w-12 h-12 rounded-full bg-[#22c55e]/20 flex items-center justify-center text-[#22c55e]">📞</div>
<div>
<div class="text-[11px] muted uppercase">WhatsApp</div>
<a href="https://wa.me/5585920110962" target="_blank" class="font-bold text-lg hover:text-[#22c55e] transition">(85) 92011-0962</a>
</div>
</div>
<div class="flex items-center gap-4">
<div class="w-12 h-12 rounded-full bg-[#111] border border-[#1f1f1f] flex items-center justify-center">📍</div>
<div>
<div class="text-[11px] muted uppercase">Endereço</div>
<div class="text-[13px] secondary">AV SEN NILO DE SOUZA COELHO, 105 - OLINDA/PE - CEP 53.270-035</div>
</div>
</div>
</div>
</div>
<div class="text-center md:text-right">
<a href="https://wa.me/5585920110962?text=Ol%C3%A1%2C%20vim%20pelo%20site%20e%20gostaria%20de%20solicitar%20um%20hor%C3%A1rio%20na%20J.J%20TACOGRAFO%20LTDA" target="_blank" class="btn-wa text-lg px-10 py-4 inline-flex">Solicite seu Horário</a>
<p class="muted text-[11px] mt-4">Resposta rápida no WhatsApp • ATIVA desde 2025</p>
</div>
</div>
</div>
</section>

<footer class="border-t border-[#1f1f1f] bg-[#111] mt-10">
<div class="max-w-7xl mx-auto px-6 py-8 text-center">
<div class="text-[12px] secondary">© 2026 J.J TACOGRAFO LTDA - CNPJ 60.197.467/0001-03 - OLINDA/PE</div>
<div class="text-[11px] muted mt-1">Serviços de manutenção e reparação mecânica de veículos automotores • ME • J.J TACOGRAFO</div>
</div>
</footer>

</body>
</html>