<!DOCTYPE html>
<html lang="pt-BR">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>SUPERMERCADOS MEZZALIRA — MEZZALIRA &amp; CIA LTDA | Lages - SC</title>
  <meta name="description" content="SUPERMERCADOS MEZZALIRA — Comércio atacadista de produtos alimentícios em Lages - SC. CNPJ 76.870.948/0009-17." />
  <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: #f5f5f5; }
    .card { background: #111; border: 1px solid #1f1f1f; border-radius: 16px; }
    .btn-accent { background: #facc15; color: #0a0a0a; font-weight: 700; padding: 12px 22px; border-radius: 12px; display: inline-block; transition: .2s; }
    .btn-accent:hover { background: #eab308; }
    .btn-wa { background: #22c55e; color: #0a0a0a; font-weight: 700; padding: 12px 22px; border-radius: 12px; display: inline-block; transition: .2s; }
    .btn-wa:hover { background: #16a34a; }
    html { scroll-behavior: smooth; }
  </style>
</head>
<body>
  <header class="sticky top-0 z-50 border-b border-neutral-900 bg-[#0a0a0a]/90 backdrop-blur">
    <div class="max-w-6xl mx-auto px-5 py-4 flex items-center justify-between gap-4">
      <div class="flex items-center gap-3">
        <div class="w-11 h-11 rounded-xl bg-yellow-400 text-black font-black flex items-center justify-center">MC</div>
        <div class="leading-tight">
          <p class="font-bold text-sm">MEZZALIRA &amp; CIA LTDA</p>
          <p class="text-xs text-neutral-400">CNPJ 76.870.948/0009-17 · Lages/SC</p>
          <p class="text-xs text-yellow-400 font-semibold">SUPERMERCADOS MEZZALIRA</p>
        </div>
      </div>
      <nav class="hidden md:flex gap-6 text-sm text-neutral-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/5531975565841" target="_blank" rel="noopener" class="btn-accent text-sm">Agendar</a>
    </div>
  </header>

  <main>
    <section class="max-w-6xl mx-auto px-5 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-tight">Qualidade e confiança em produtos alimentícios</h1>
        <p class="mt-5 text-neutral-400 text-lg">A SUPERMERCADOS MEZZALIRA oferece atendimento profissional e próximo em Lages - SC, com atacado de produtos alimentícios e bebidas, supermercado, transporte de cargas e depósito de mercadorias. Fale com a nossa equipe e agende seu horário.</p>
        <div class="mt-8 flex flex-wrap gap-3">
          <a href="https://wa.me/5531975565841" target="_blank" rel="noopener" class="btn-accent">Agendar horário</a>
          <a href="#servicos" class="btn-wa">Ver serviços</a>
        </div>
      </div>
      <div class="card p-8">
        <p class="text-sm text-neutral-400">Agendamento pelo WhatsApp</p>
        <p class="mt-2 text-3xl font-extrabold">(31) 97556-5841</p>
        <p class="mt-3 text-neutral-400">Av. Belisário Ramos, 1281 — Copacabana, Lages - SC</p>
        <a href="https://wa.me/5531975565841" target="_blank" rel="noopener" class="btn-wa mt-6 w-full text-center">Chamar no WhatsApp</a>
      </div>
    </section>

    <section id="sobre" class="max-w-6xl mx-auto px-5 py-16">
      <h2 class="text-3xl font-extrabold">Sobre</h2>
      <p class="mt-4 text-neutral-400 max-w-3xl">Fundada em 19/01/2024, a empresa MEZZALIRA &amp; CIA LTDA — SUPERMERCADOS MEZZALIRA atua no segmento de comércio atacadista de produtos alimentícios em geral, com sede em Lages - SC.</p>
      <div class="mt-8 grid sm:grid-cols-2 lg:grid-cols-4 gap-4">
        <div class="card p-5"><p class="text-xs text-neutral-500">Razão Social</p><p class="mt-1 font-semibold">MEZZALIRA &amp; CIA LTDA</p></div>
        <div class="card p-5"><p class="text-xs text-neutral-500">Nome Fantasia</p><p class="mt-1 font-semibold">SUPERMERCADOS MEZZALIRA</p></div>
        <div class="card p-5"><p class="text-xs text-neutral-500">Porte</p><p class="mt-1 font-semibold">Demais</p></div>
        <div class="card p-5"><p class="text-xs text-neutral-500">Atividade Principal</p><p class="mt-1 font-semibold">46.39-7-01 - Comércio atacadista de produtos alimentícios em geral</p></div>
      </div>
    </section>

    <section id="servicos" class="max-w-6xl mx-auto px-5 py-16">
      <h2 class="text-3xl font-extrabold">Serviços</h2>
      <p class="mt-4 text-neutral-400">Atividades registradas no CNPJ da empresa.</p>
      <div class="mt-8 grid sm:grid-cols-2 lg:grid-cols-4 gap-4">
        <div class="card p-6 flex flex-col">
          <span class="text-xs font-semibold text-yellow-400">CNAE 46.39-7-01 · Principal</span>
          <h3 class="mt-2 text-lg font-bold leading-snug flex-1">Comércio atacadista de produtos alimentícios em geral</h3>
          <a href="https://wa.me/5531975565841" target="_blank" rel="noopener" class="btn-accent mt-5 text-center">Agendar</a>
        </div>
        <div class="card p-6 flex flex-col">
          <span class="text-xs font-semibold text-neutral-500">CNAE 46.35-4-01 · Secundária</span>
          <h3 class="mt-2 text-lg font-bold leading-snug flex-1">Comércio atacadista de água mineral</h3>
          <a href="https://wa.me/5531975565841" target="_blank" rel="noopener" class="btn-accent mt-5 text-center">Agendar</a>
        </div>
        <div class="card p-6 flex flex-col">
          <span class="text-xs font-semibold text-neutral-500">CNAE 46.35-4-02 · Secundária</span>
          <h3 class="mt-2 text-lg font-bold leading-snug flex-1">Comércio atacadista de cerveja, chope e refrigerante</h3>
          <a href="https://wa.me/5531975565841" target="_blank" rel="noopener" class="btn-accent mt-5 text-center">Agendar</a>
        </div>
        <div class="card p-6 flex flex-col">
          <span class="text-xs font-semibold text-neutral-500">CNAE 46.35-4-99 · Secundária</span>
          <h3 class="mt-2 text-lg font-bold leading-snug flex-1">Comércio atacadista de bebidas não especificadas anteriormente</h3>
          <a href="https://wa.me/5531975565841" target="_blank" rel="noopener" class="btn-accent mt-5 text-center">Agendar</a>
        </div>
        <div class="card p-6 flex flex-col">
          <span class="text-xs font-semibold text-neutral-500">CNAE 46.41-9-03 · Secundária</span>
          <h3 class="mt-2 text-lg font-bold leading-snug flex-1">Comércio atacadista de artigos de armarinho</h3>
          <a href="https://wa.me/5531975565841" target="_blank" rel="noopener" class="btn-accent mt-5 text-center">Agendar</a>
        </div>
        <div class="card p-6 flex flex-col">
          <span class="text-xs font-semibold text-neutral-500">CNAE 47.11-3-02 · Secundária</span>
          <h3 class="mt-2 text-lg font-bold leading-snug flex-1">Comércio varejista de mercadorias em geral, com predominância de produtos alimentícios - supermercados</h3>
          <a href="https://wa.me/5531975565841" target="_blank" rel="noopener" class="btn-accent mt-5 text-center">Agendar</a>
        </div>
        <div class="card p-6 flex flex-col">
          <span class="text-xs font-semibold text-neutral-500">CNAE 49.30-2-02 · Secundária</span>
          <h3 class="mt-2 text-lg font-bold 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/5531975565841" target="_blank" rel="noopener" class="btn-accent mt-5 text-center">Agendar</a>
        </div>
        <div class="card p-6 flex flex-col">
          <span class="text-xs font-semibold text-neutral-500">CNAE 52.11-7-99 · Secundária</span>
          <h3 class="mt-2 text-lg font-bold leading-snug flex-1">Depósitos de mercadorias para terceiros, exceto armazéns gerais e guarda-móveis</h3>
          <a href="https://wa.me/5531975565841" target="_blank" rel="noopener" class="btn-accent mt-5 text-center">Agendar</a>
        </div>
      </div>
    </section>

    <section id="registro" class="max-w-6xl mx-auto px-5 py-16">
      <h2 class="text-3xl font-extrabold">Registro</h2>
      <div class="mt-8 grid sm:grid-cols-2 lg:grid-cols-3 gap-4">
        <div class="card p-5"><p class="text-xs text-neutral-500">Razão Social</p><p class="mt-1 font-semibold">MEZZALIRA &amp; CIA LTDA</p></div>
        <div class="card p-5"><p class="text-xs text-neutral-500">Nome Fantasia</p><p class="mt-1 font-semibold">SUPERMERCADOS MEZZALIRA</p></div>
        <div class="card p-5"><p class="text-xs text-neutral-500">CNPJ</p><p class="mt-1 font-semibold">76.870.948/0009-17 (Filial)</p></div>
        <div class="card p-5"><p class="text-xs text-neutral-500">Situação Cadastral</p><p class="mt-1 font-semibold">ATIVA desde 19/01/2024</p></div>
        <div class="card p-5"><p class="text-xs text-neutral-500">Natureza Jurídica</p><p class="mt-1 font-semibold">206-2 - Sociedade Empresária Limitada</p></div>
        <div class="card p-5"><p class="text-xs text-neutral-500">Endereço</p><p class="mt-1 font-semibold">Av. Belisário Ramos, 1281 — Copacabana, Lages - SC</p></div>
        <div class="card p-5"><p class="text-xs text-neutral-500">CEP</p><p class="mt-1 font-semibold">88.504-044</p></div>
        <div class="card p-5"><p class="text-xs text-neutral-500">Telefone</p><p class="mt-1 font-semibold"><a href="https://wa.me/5531975565841" target="_blank" rel="noopener" class="hover:text-green-400">(31) 97556-5841</a></p></div>
        <div class="card p-5"><p class="text-xs text-neutral-500">E-mail</p><p class="mt-1 font-semibold"><a href="mailto:rh@mezzalira.com.br" class="hover:text-yellow-400 break-all">rh@mezzalira.com.br</a></p></div>
      </div>
    </section>

    <section id="contato" class="max-w-6xl mx-auto px-5 py-16">
      <div class="card p-10 text-center">
        <h2 class="text-3xl font-extrabold">Contato</h2>
        <p class="mt-3 text-neutral-400">Atendimento pelo WhatsApp</p>
        <a href="https://wa.me/5531975565841" target="_blank" rel="noopener" class="block mt-4 text-4xl font-black text-green-400 hover:text-green-300">(31) 97556-5841</a>
        <p class="mt-3 text-neutral-500 text-sm">Av. Belisário Ramos, 1281 — Copacabana, Lages - SC · CEP 88.504-044</p>
        <a href="https://wa.me/5531975565841" target="_blank" rel="noopener" class="btn-accent mt-8">Solicite seu Horário</a>
      </div>
    </section>
  </main>

  <footer class="border-t border-neutral-900 py-8 text-center text-sm text-neutral-500">
    © 2026 MEZZALIRA &amp; CIA LTDA · CNPJ 76.870.948/0009-17 · Lages - SUPERMERCADOS MEZZALIRA
  </footer>
</body>
</html>