<!DOCTYPE html>
<html lang="pt-BR">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>JESM COMERCIO E DISTRIBUICAO DE CONTEUDO DIGITAL LTDA | JESM COMERCIO E DISTRIBUICAO DE CONTEUDO DIGITAL | São Paulo - SP</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:#fafafa}
.card{background:#111;border:1px solid #1f1f1f;border-radius:16px}
.btn-accent{background:#facc15;color:#000;font-weight:800;border-radius:9999px;padding:12px 24px;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:#fff;font-weight:800;border-radius:9999px;padding:12px 24px;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 selection:bg-[#facc15] selection:text-black">

<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 items-center justify-between">
<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">JC</div>
<div class="leading-tight">
<p class="font-bold text-[13px] tracking-tight">JESM COMERCIO E DISTRIBUICAO DE CONTEUDO DIGITAL LTDA</p>
<p class="text-[11px] text-zinc-400 font-medium">69.138.307/0001-50 • SAO PAULO/SP • JESM COMERCIO E DISTRIBUICAO DE CONTEUDO DIGITAL</p>
</div>
</div>
<nav class="hidden md:flex items-center gap-6 text-sm font-medium text-zinc-400">
<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/5511980926453" target="_blank" class="btn-accent text-sm">Agendar</a>
</div>
</header>

<main class="max-w-7xl mx-auto px-6">

<!-- HERO -->
<section class="grid lg:grid-cols-[1.1fr_0.9fr] gap-8 py-16 lg:py-24 items-center">
<div>
<span class="inline-flex items-center px-3 py-1 rounded-full bg-[#1f1f1f] border border-[#2a2a2a] text-[11px] font-bold tracking-widest text-zinc-300 mb-6">SÃO PAULO • VILA LEOPOLDINA • DESDE 15/09/2026</span>
<h1 class="text-4xl lg:text-6xl font-black leading-[0.95] tracking-tight">Qualidade e confiança em <span class="text-[#facc15]">livros e conteúdo digital</span></h1>
<p class="mt-6 text-zinc-400 text-lg leading-relaxed max-w-xl">Atendimento profissional, humanizado e com total sigilo. A JESM COMERCIO E DISTRIBUICAO DE CONTEUDO DIGITAL LTDA oferece soluções completas em comércio varejista de livros, edição e distribuição de conteúdo digital com sede em São Paulo - SP.</p>
<div class="mt-8 flex flex-wrap gap-3">
<a href="https://wa.me/5511980926453" target="_blank" class="btn-wa">Agendar no WhatsApp</a>
<a href="#servicos" class="px-6 py-3 rounded-full border border-[#2a2a2a] bg-[#111] font-bold text-sm hover:bg-[#1a1a1a] transition">Nossos Serviços</a>
</div>
<div class="mt-10 flex items-center gap-6 text-xs text-zinc-500 font-medium">
<div class="flex items-center gap-2"><span class="w-2 h-2 bg-[#22c55e] rounded-full animate-pulse"></span>Situação: ATIVA</div>
<div>Porte: ME</div>
<div>ME • Ativa desde 2026</div>
</div>
</div>

<div class="card p-6 lg:p-8">
<div class="flex items-center justify-between mb-6">
<h3 class="font-bold text-lg">Agende seu horário</h3>
<span class="text-[11px] px-2 py-1 rounded-full bg-[#22c55e]/20 text-[#22c55e] font-bold">ONLINE</span>
</div>
<p class="text-sm text-zinc-400 mb-6">Fale direto com nossa equipe pelo WhatsApp. Resposta rápida e atendimento humanizado.</p>
<div class="space-y-3 mb-6">
<div class="flex items-center gap-3 text-sm"><div class="w-8 h-8 rounded-full bg-[#1f1f1f] flex items-center justify-center">📞</div><span class="font-medium">(11) 98092-6453</span></div>
<div class="flex items-center gap-3 text-sm"><div class="w-8 h-8 rounded-full bg-[#1f1f1f] flex items-center justify-center">📍</div><span class="text-zinc-400">SAO PAULO - SP</span></div>
<div class="flex items-center gap-3 text-sm"><div class="w-8 h-8 rounded-full bg-[#1f1f1f] flex items-center justify-center">✉️</div><span class="text-zinc-400 text-xs">J.EUGENIOMENDES@OUTLOOK.COM</span></div>
</div>
<a href="https://wa.me/5511980926453" target="_blank" class="btn-wa w-full text-center">💬 Conversar no WhatsApp</a>
<p class="text-[11px] text-zinc-500 text-center mt-3">Clique para abrir o WhatsApp com mensagem pronta</p>
</div>
</section>

<!-- SOBRE -->
<section id="sobre" class="py-16 border-t border-[#1f1f1f]">
<div class="max-w-3xl">
<h2 class="text-3xl font-black tracking-tight mb-4">Sobre a empresa</h2>
<p class="text-zinc-400 leading-relaxed">Fundada em 15/09/2026, a empresa JESM COMERCIO E DISTRIBUICAO DE CONTEUDO DIGITAL LTDA — JESM COMERCIO E DISTRIBUICAO DE CONTEUDO DIGITAL atua no segmento de 47.61-0-01 - Comércio varejista de livros, com sede em SAO PAULO - SP. Empresa com porte ME, situação cadastral ATIVA e compromisso com qualidade e transparência.</p>
</div>
<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">RAZÃO SOCIAL</p><p class="mt-2 text-sm font-semibold leading-tight">JESM COMERCIO E DISTRIBUICAO DE CONTEUDO DIGITAL LTDA</p></div>
<div class="card p-5"><p class="text-[11px] font-bold tracking-widest text-zinc-500">NOME FANTASIA</p><p class="mt-2 text-sm font-semibold">JESM COMERCIO E DISTRIBUICAO DE CONTEUDO DIGITAL</p></div>
<div class="card p-5"><p class="text-[11px] font-bold tracking-widest text-zinc-500">PORTE</p><p class="mt-2 text-sm font-semibold">ME • Sociedade Empresária Limitada</p></div>
<div class="card p-5"><p class="text-[11px] font-bold tracking-widest text-zinc-500">ATIVIDADE PRINCIPAL</p><p class="mt-2 text-sm font-semibold leading-tight">47.61-0-01 - Comércio varejista de livros</p></div>
</div>
</section>

<!-- SERVICOS -->
<section id="servicos" class="py-16 border-t border-[#1f1f1f]">
<h2 class="text-3xl font-black tracking-tight">Nossos serviços</h2>
<p class="text-zinc-400 mt-3 max-w-2xl">Atuamos com base nos CNAEs registrados na Receita Federal, garantindo legalidade e especialização.</p>

<div class="grid md:grid-cols-2 lg:grid-cols-4 gap-4 mt-10">
<div class="card p-6 flex flex-col">
<div class="flex items-center justify-between mb-4"><span class="text-[11px] font-black px-2 py-1 rounded bg-[#facc15] text-black">PRINCIPAL</span><span class="text-[11px] text-zinc-500 font-mono">47.61-0-01</span></div>
<h3 class="font-bold text-sm leading-tight">Comércio varejista de livros</h3>
<p class="text-xs text-zinc-400 mt-3 flex-1">Venda e distribuição de livros físicos e digitais com curadoria especializada e atendimento personalizado.</p>
<a href="https://wa.me/5511980926453" target="_blank" class="btn-accent mt-6 text-sm w-full text-center">Agendar</a>
</div>

<div class="card p-6 flex flex-col">
<span class="text-[11px] text-zinc-500 font-mono mb-4">58.11-5-00</span>
<h3 class="font-bold text-sm leading-tight">Edição de livros</h3>
<p class="text-xs text-zinc-400 mt-3 flex-1">Serviços editoriais completos, desde revisão até diagramação e publicação de obras.</p>
<a href="https://wa.me/5511980926453" target="_blank" class="btn-accent mt-6 text-sm w-full text-center">Agendar</a>
</div>

<div class="card p-6 flex flex-col">
<span class="text-[11px] text-zinc-500 font-mono mb-4">63.19-4-00</span>
<h3 class="font-bold text-sm leading-tight">Portais, provedores de conteúdo e outros serviços de informação na internet</h3>
<p class="text-xs text-zinc-400 mt-3 flex-1">Gestão e distribuição de conteúdo digital em plataformas online com alcance e relevância.</p>
<a href="https://wa.me/5511980926453" target="_blank" class="btn-accent mt-6 text-sm w-full text-center">Agendar</a>
</div>

<div class="card p-6 flex flex-col">
<span class="text-[11px] text-zinc-500 font-mono mb-4">73.19-0-02</span>
<h3 class="font-bold text-sm leading-tight">Promoção de vendas</h3>
<p class="text-xs text-zinc-400 mt-3 flex-1">Estratégias de marketing e promoção para ampliar vendas e posicionamento de livros e conteúdos.</p>
<a href="https://wa.me/5511980926453" target="_blank" class="btn-accent mt-6 text-sm w-full text-center">Agendar</a>
</div>
</div>
</section>

<!-- REGISTRO -->
<section id="registro" class="py-16 border-t border-[#1f1f1f]">
<h2 class="text-3xl 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">RAZÃO SOCIAL</p><p class="mt-2 text-sm font-medium">JESM COMERCIO E DISTRIBUICAO DE CONTEUDO DIGITAL LTDA</p></div>
<div class="card p-5"><p class="text-[11px] font-bold tracking-widest text-zinc-500">NOME FANTASIA</p><p class="mt-2 text-sm font-medium">JESM COMERCIO E DISTRIBUICAO DE CONTEUDO DIGITAL</p></div>
<div class="card p-5"><p class="text-[11px] font-bold tracking-widest text-zinc-500">CNPJ</p><p class="mt-2 text-sm font-mono font-bold">69.138.307/0001-50</p></div>
<div class="card p-5"><p class="text-[11px] font-bold tracking-widest text-zinc-500">SITUAÇÃO CADASTRAL</p><p class="mt-2 text-sm font-bold text-[#22c55e]">ATIVA • 15/09/2026</p></div>
<div class="card p-5"><p class="text-[11px] font-bold tracking-widest text-zinc-500">NATUREZA JURÍDICA</p><p class="mt-2 text-sm font-medium">206-2 - Sociedade Empresária Limitada</p></div>
<div class="card p-5"><p class="text-[11px] font-bold tracking-widest text-zinc-500">PORTE</p><p class="mt-2 text-sm font-medium">ME</p></div>
<div class="card p-5 md:col-span-2"><p class="text-[11px] font-bold tracking-widest text-zinc-500">ENDEREÇO COMPLETO</p><p class="mt-2 text-sm font-medium">AV MOFARREJ, 348 - VILA LEOPOLDINA, SAO PAULO - SP, CEP 05.311-000</p></div>
<div class="card p-5"><p class="text-[11px] font-bold tracking-widest text-zinc-500">CEP</p><p class="mt-2 text-sm font-mono">05.311-000</p></div>
<div class="card p-5"><p class="text-[11px] font-bold tracking-widest text-zinc-500">TELEFONE / WHATSAPP</p><p class="mt-2 text-sm font-bold">(11) 98092-6453</p><a href="https://wa.me/5511980926453" target="_blank" class="text-xs text-[#22c55e] hover:underline">https://wa.me/5511980926453</a></div>
<div class="card p-5 md:col-span-2"><p class="text-[11px] font-bold tracking-widest text-zinc-500">E-MAIL</p><p class="mt-2 text-sm font-medium">J.EUGENIOMENDES@OUTLOOK.COM</p></div>
</div>
</section>

<!-- CONTATO -->
<section id="contato" class="py-16 border-t border-[#1f1f1f]">
<div class="card p-8 lg:p-12 text-center max-w-4xl mx-auto border-[#2a2a2a]">
<h2 class="text-3xl lg:text-4xl font-black tracking-tight">Fale com a JESM</h2>
<p class="text-zinc-400 mt-4 max-w-2xl mx-auto">Estamos em São Paulo, na Vila Leopoldina, prontos para atender seu projeto editorial e de distribuição de conteúdo digital. Clique abaixo e fale agora no WhatsApp.</p>
<div class="mt-8 flex flex-col items-center gap-4">
<div class="inline-flex items-center gap-3 px-6 py-3 rounded-full bg-[#1f1f1f] border border-[#2a2a2a]">
<span class="w-2 h-2 bg-[#22c55e] rounded-full animate-pulse"></span>
<span class="font-mono font-bold text-sm">(11) 98092-6453 • WhatsApp</span>
</div>
<a href="https://wa.me/5511980926453" target="_blank" class="btn-wa text-base px-10 py-4">💬 Solicite seu Horário no WhatsApp</a>
<p class="text-[11px] text-zinc-500">Atendimento: SAO PAULO - SP • J.EUGENIOMENDES@OUTLOOK.COM</p>
</div>
</div>
</section>

</main>

<footer class="border-t border-[#1f1f1f] py-8 mt-8">
<div class="max-w-7xl mx-auto px-6 text-center">
<p class="text-[12px] text-zinc-500 font-medium">© 2026 JESM COMERCIO E DISTRIBUICAO DE CONTEUDO DIGITAL LTDA - 69.138.307/0001-50 - SAO PAULO - JESM COMERCIO E DISTRIBUICAO DE CONTEUDO DIGITAL. Todos os direitos reservados.</p>
<p class="text-[11px] text-zinc-600 mt-2">AV MOFARREJ, 348, VILA LEOPOLDINA, SAO PAULO - SP, CEP 05.311-000 • (11) 98092-6453</p>
</div>
</footer>

</body>
</html>