<!DOCTYPE html>
<html lang="pt-BR">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>JOANA COMERCIO E REPRESENTACAO 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>
* { font-family: 'Inter', sans-serif; }
body { 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:#07150b; }
</style>
</head>
<body>
<header class="sticky top-0 z-50 border-b border-[#1f1f1f] bg-[#0a0a0a]/95 backdrop-blur">
<div class="mx-auto max-w-7xl px-6 py-4 flex items-center justify-between gap-6">
<div class="flex items-center gap-3">
<div class="w-11 h-11 rounded-2xl bg-[#facc15] text-black font-black flex items-center justify-center">JC</div>
<div>
<p class="font-extrabold leading-tight">JOANA COMERCIO E REPRESENTACAO LTDA</p>
<p class="text-xs text-zinc-400">CNPJ 05.972.579/0001-78 • OLIMPIO NORONHA/MG</p>
</div>
</div>
<nav class="hidden lg:flex items-center gap-6 text-sm text-zinc-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>
</nav>
<a href="https://wa.me/5535920022656" class="btn-accent px-5 py-3 rounded-xl font-bold">Agendar</a>
</div>
</header>
<main>
<section class="mx-auto max-w-7xl px-6 py-20 lg:py-28">
<div class="grid lg:grid-cols-[1.25fr_.75fr] gap-10 items-center">
<div>
<span class="inline-flex px-4 py-2 rounded-full card text-sm text-zinc-300 mb-6">Comércio de produtos alimentícios</span>
<h1 class="text-4xl md:text-6xl font-black tracking-tight leading-[1.05]">Qualidade e confiança em <span class="text-[#facc15]">produtos alimentícios</span></h1>
<p class="mt-6 max-w-2xl text-lg text-zinc-400">Atuação empresarial em comércio atacadista e varejista de produtos alimentícios, além de promoção de vendas, com sede em OLIMPIO NORONHA - MG.</p>
<div class="mt-8 flex flex-wrap gap-3">
<a href="#servicos" class="btn-accent px-6 py-3 rounded-xl font-bold">Conheça os serviços</a>
<a href="https://wa.me/5535920022656" class="btn-wa px-6 py-3 rounded-xl font-bold">Falar pelo WhatsApp</a>
</div>
</div>
<aside class="card p-7">
<p class="text-sm font-semibold text-[#facc15]">ATENDIMENTO</p>
<h2 class="text-2xl font-extrabold mt-2">Agendamento pelo WhatsApp</h2>
<p class="text-zinc-400 mt-3">Entre em contato diretamente pelo número informado no cadastro da empresa.</p>
<div class="mt-6 p-4 rounded-xl bg-[#0a0a0a] border border-[#1f1f1f]">
<p class="text-xs text-zinc-500">Telefone</p>
<a href="https://wa.me/5535920022656" class="text-lg font-bold hover:text-[#22c55e]">(35) 92002-2656</a>
</div>
<a href="https://wa.me/5535920022656" class="btn-wa mt-5 block text-center px-5 py-3 rounded-xl font-bold">Solicite seu horário</a>
</aside>
</div>
</section>
<section id="sobre" class="border-y border-[#1f1f1f]">
<div class="mx-auto max-w-7xl px-6 py-20">
<div class="max-w-3xl">
<p class="text-[#facc15] font-bold">SOBRE</p>
<h2 class="text-3xl md:text-4xl font-black mt-2">Informações da empresa</h2>
<p class="mt-5 text-zinc-400 leading-8">Fundada em 06/11/2003, a empresa JOANA COMERCIO E REPRESENTACAO LTDA atua no segmento de Comércio atacadista de produtos alimentícios em geral, com sede em OLIMPIO NORONHA - MG.</p>
</div>
<div class="grid sm:grid-cols-2 lg:grid-cols-4 gap-4 mt-10">
<div class="card p-5"><p class="text-xs text-zinc-500">Razão Social</p><p class="font-bold mt-2">JOANA COMERCIO E REPRESENTACAO 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">DEMAIS</p></div>
<div class="card p-5"><p class="text-xs text-zinc-500">Atividade</p><p class="font-bold mt-2">Comércio atacadista de produtos alimentícios em geral</p></div>
</div>
</div>
</section>
<section id="servicos" class="mx-auto max-w-7xl px-6 py-20">
<p class="text-[#facc15] font-bold">SERVIÇOS</p>
<h2 class="text-3xl md:text-4xl font-black mt-2">Atividades econômicas</h2>
<div class="grid md:grid-cols-3 gap-5 mt-10">
<article class="card p-6 flex flex-col"><span class="text-sm text-[#facc15] font-bold">CNAE 46.39-7-01</span><h3 class="text-xl font-extrabold mt-3">Comércio atacadista de produtos alimentícios em geral</h3><a href="https://wa.me/5535920022656" class="mt-auto pt-8 font-bold text-[#22c55e]">Agendar →</a></article>
<article class="card p-6 flex flex-col"><span class="text-sm text-[#facc15] font-bold">CNAE 47.29-6-99</span><h3 class="text-xl font-extrabold mt-3">Comércio varejista de produtos alimentícios em geral ou especializado em produtos alimentícios não especificados anteriormente</h3><a href="https://wa.me/5535920022656" class="mt-auto pt-8 font-bold text-[#22c55e]">Agendar →</a></article>
<article class="card p-6 flex flex-col"><span class="text-sm text-[#facc15] font-bold">CNAE 73.19-0-02</span><h3 class="text-xl font-extrabold mt-3">Promoção de vendas</h3><a href="https://wa.me/5535920022656" class="mt-auto pt-8 font-bold text-[#22c55e]">Agendar →</a></article>
</div>
</section>
<section id="registro" class="border-y border-[#1f1f1f]">
<div class="mx-auto max-w-7xl px-6 py-20">
<div class="grid lg:grid-cols-[.7fr_1.3fr] gap-10">
<div>
<p class="text-[#facc15] font-bold">REGISTRO</p>
<h2 class="text-3xl md:text-4xl font-black mt-2">Dados cadastrais</h2>
<p class="text-zinc-400 mt-4">Informações do Comprovante de Inscrição e de Situação Cadastral fornecido.</p>
</div>
<div class="grid sm:grid-cols-2 gap-4">
<div class="card p-5"><p class="text-xs text-zinc-500">Razão Social</p><p class="font-semibold mt-2">JOANA COMERCIO E REPRESENTACAO LTDA</p></div>
<div class="card p-5"><p class="text-xs text-zinc-500">Nome Fantasia</p><p class="font-semibold mt-2">********</p></div>
<div class="card p-5"><p class="text-xs text-zinc-500">CNPJ</p><p class="font-semibold mt-2">05.972.579/0001-78</p></div>
<div class="card p-5"><p class="text-xs text-zinc-500">Natureza Jurídica</p><p class="font-semibold mt-2">206-2 - Sociedade Empresária Limitada</p></div>
<div class="card p-5 sm:col-span-2"><p class="text-xs text-zinc-500">Endereço</p><p class="font-semibold mt-2">R TRINTA DE DEZEMBRO, 485 - CENTRO - OLIMPIO NORONHA/MG - CEP 37.488-000</p></div>
<div class="card p-5"><p class="text-xs text-zinc-500">Telefone</p><a href="https://wa.me/5535920022656" class="font-semibold mt-2 inline-block">(35) 92002-2656</a></div>
<div class="card p-5"><p class="text-xs text-zinc-500">E-mail</p><p class="font-semibold mt-2 break-all">NOVAERA_CONTABIL@HOTMAIL.COM</p></div>
<div class="card p-5"><p class="text-xs text-zinc-500">Situação Cadastral</p><p class="font-semibold mt-2">Não informada</p></div>
<div class="card p-5"><p class="text-xs text-zinc-500">Data de abertura</p><p class="font-semibold mt-2">06/11/2003</p></div>
</div>
</div>
</div>
</section>
<section id="contato" class="mx-auto max-w-7xl px-6 py-20">
<div class="card p-8 md:p-12 grid md:grid-cols-[1fr_auto] gap-8 items-center">
<div>
<p class="text-[#22c55e] font-bold">CONTATO</p>
<h2 class="text-3xl font-black mt-2">Fale com JOANA COMERCIO E REPRESENTACAO LTDA</h2>
<a href="https://wa.me/5535920022656" class="inline-block mt-4 text-xl font-extrabold">(35) 92002-2656</a>
</div>
<a href="https://wa.me/5535920022656" class="btn-wa px-7 py-4 rounded-xl font-extrabold text-center">Solicite seu Horário</a>
</div>
</section>
</main>
<footer class="border-t border-[#1f1f1f]">
<div class="mx-auto max-w-7xl px-6 py-8 text-sm text-zinc-500">
© 2026 JOANA COMERCIO E REPRESENTACAO LTDA • CNPJ 05.972.579/0001-78 • OLIMPIO NORONHA - ********
</div>
</footer>
</body>
</html>