<!DOCTYPE html>
<html lang="pt-BR">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>STEELMIX LTDA. | Itajaí - SC</title>
  <meta name="description" content="STEELMIX LTDA. - CNPJ 44.055.790/0001-88. Produtos siderúrgicos e metalúrgicos em Itajaí - SC." />
  <script src="https://cdn.tailwindcss.com"></script>
  <link rel="preconnect" href="https://fonts.googleapis.com" />
  <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', system-ui, sans-serif; background: #0a0a0a; color: #e5e5e5; }
    html { scroll-behavior: smooth; }
    .card { background: #111; border: 1px solid #1f1f1f; border-radius: 16px; }
    .btn-accent { background: #facc15; color: #0a0a0a; font-weight: 700; padding: .75rem 1.5rem; border-radius: 12px; display: inline-block; transition: .2s; }
    .btn-accent:hover { background: #eab308; }
    .btn-wa { background: #22c55e; color: #0a0a0a; font-weight: 700; padding: .75rem 1.5rem; border-radius: 12px; display: inline-block; transition: .2s; }
    .btn-wa:hover { background: #16a34a; }
  </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-4 py-4 flex flex-wrap items-center justify-between gap-4">
      <div class="flex items-center gap-3">
        <div class="w-12 h-12 rounded-xl bg-yellow-400 text-black font-black flex items-center justify-center">SM</div>
        <div>
          <p class="font-bold text-white leading-tight">STEELMIX LTDA.</p>
          <p class="text-xs text-neutral-400">CNPJ 44.055.790/0001-88 · ITAJAI/SC</p>
        </div>
      </div>
      <nav class="hidden md:flex gap-6 text-sm text-neutral-300">
        <a href="#sobre" class="hover:text-yellow-400">Sobre</a>
        <a href="#servicos" class="hover:text-yellow-400">Serviços</a>
        <a href="#registro" class="hover:text-yellow-400">Registro</a>
        <a href="#contato" class="hover:text-yellow-400">Contato</a>
      </nav>
      <a href="https://wa.me/553121157353" target="_blank" rel="noopener" class="btn-accent text-sm">Agendar</a>
    </div>
  </header>

  <main>
    <section class="max-w-6xl mx-auto px-4 py-16 md:py-24 grid md:grid-cols-2 gap-10 items-center">
      <div>
        <h1 class="text-4xl md:text-5xl font-black text-white leading-tight">Qualidade e confiança em <span class="text-yellow-400">produtos siderúrgicos e metalúrgicos</span></h1>
        <p class="mt-6 text-lg text-neutral-400">Atendimento profissional em ITAJAI - SC. Fale diretamente com a nossa equipe pelo WhatsApp e agende seu horário com praticidade.</p>
        <div class="mt-8 flex flex-wrap gap-4">
          <a href="https://wa.me/553121157353" target="_blank" rel="noopener" class="btn-wa">Agendar pelo WhatsApp</a>
          <a href="#servicos" class="btn-accent">Ver serviços</a>
        </div>
      </div>
      <div class="card p-8">
        <p class="text-xs uppercase tracking-wider text-neutral-500">Agendamento</p>
        <h2 class="mt-2 text-2xl font-bold text-white">Agende pelo WhatsApp</h2>
        <p class="mt-3 text-neutral-400">Atendimento direto com a STEELMIX LTDA..</p>
        <a href="https://wa.me/553121157353" target="_blank" rel="noopener" class="mt-6 block text-3xl font-black text-green-400 hover:text-green-300">(31) 2115-7353</a>
        <a href="https://wa.me/553121157353" 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-4 py-16">
      <h2 class="text-3xl font-black text-white">Sobre</h2>
      <p class="mt-4 text-neutral-400 max-w-3xl">Fundada em 28/10/2021, a empresa STEELMIX LTDA. atua no segmento de comércio atacadista de produtos siderúrgicos e metalúrgicos, com sede em ITAJAI - 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 uppercase tracking-wider text-neutral-500">Razão Social</p><p class="mt-1 font-semibold text-white">STEELMIX LTDA.</p></div>
        <div class="card p-5"><p class="text-xs uppercase tracking-wider text-neutral-500">Nome Fantasia</p><p class="mt-1 font-semibold text-white">Não informado</p></div>
        <div class="card p-5"><p class="text-xs uppercase tracking-wider text-neutral-500">Porte</p><p class="mt-1 font-semibold text-white">DEMAIS</p></div>
        <div class="card p-5"><p class="text-xs uppercase tracking-wider text-neutral-500">Atividade Principal</p><p class="mt-1 font-semibold text-white">46.85-1-00 - Comércio atacadista de produtos siderúrgicos e metalúrgicos, exceto para construção</p></div>
      </div>
    </section>

    <section id="servicos" class="max-w-6xl mx-auto px-4 py-16">
      <h2 class="text-3xl font-black text-white">Serviços</h2>
      <p class="mt-4 text-neutral-400">Atividades registradas na Receita Federal.</p>
      <div class="mt-8 grid sm:grid-cols-2 lg:grid-cols-3 gap-4">
        <div class="card p-6 flex flex-col">
          <span class="text-xs font-bold tracking-wider text-yellow-400">CNAE 46.85-1-00 · PRINCIPAL</span>
          <h3 class="mt-2 text-base font-semibold text-white flex-1">Comércio atacadista de produtos siderúrgicos e metalúrgicos, exceto para construção</h3>
          <a href="https://wa.me/553121157353" target="_blank" rel="noopener" class="btn-wa mt-5 text-center">Agendar</a>
        </div>
        <div class="card p-6 flex flex-col">
          <span class="text-xs font-bold tracking-wider text-neutral-500">CNAE 46.72-9-00</span>
          <h3 class="mt-2 text-base font-semibold text-white flex-1">Comércio atacadista de ferragens e ferramentas</h3>
          <a href="https://wa.me/553121157353" target="_blank" rel="noopener" class="btn-wa mt-5 text-center">Agendar</a>
        </div>
        <div class="card p-6 flex flex-col">
          <span class="text-xs font-bold tracking-wider text-neutral-500">CNAE 46.79-6-04</span>
          <h3 class="mt-2 text-base font-semibold text-white flex-1">Comércio atacadista especializado de materiais de construção não especificados anteriormente</h3>
          <a href="https://wa.me/553121157353" target="_blank" rel="noopener" class="btn-wa mt-5 text-center">Agendar</a>
        </div>
        <div class="card p-6 flex flex-col">
          <span class="text-xs font-bold tracking-wider text-neutral-500">CNAE 46.79-6-99</span>
          <h3 class="mt-2 text-base font-semibold text-white flex-1">Comércio atacadista de materiais de construção em geral</h3>
          <a href="https://wa.me/553121157353" target="_blank" rel="noopener" class="btn-wa mt-5 text-center">Agendar</a>
        </div>
      </div>
    </section>

    <section id="registro" class="max-w-6xl mx-auto px-4 py-16">
      <h2 class="text-3xl font-black text-white">Registro</h2>
      <p class="mt-4 text-neutral-400">Dados do Comprovante de Inscrição e de Situação Cadastral.</p>
      <div class="mt-8 grid sm:grid-cols-2 lg:grid-cols-3 gap-4">
        <div class="card p-5"><p class="text-xs uppercase tracking-wider text-neutral-500">Razão Social</p><p class="mt-1 font-semibold text-white">STEELMIX LTDA.</p></div>
        <div class="card p-5"><p class="text-xs uppercase tracking-wider text-neutral-500">Nome Fantasia</p><p class="mt-1 font-semibold text-white">Não informado</p></div>
        <div class="card p-5"><p class="text-xs uppercase tracking-wider text-neutral-500">CNPJ</p><p class="mt-1 font-semibold text-white">44.055.790/0001-88 (Matriz)</p></div>
        <div class="card p-5"><p class="text-xs uppercase tracking-wider text-neutral-500">Situação Cadastral</p><p class="mt-1 font-semibold text-white">ATIVA desde 28/10/2021</p></div>
        <div class="card p-5"><p class="text-xs uppercase tracking-wider text-neutral-500">Natureza Jurídica</p><p class="mt-1 font-semibold text-white">206-2 - Sociedade Empresária Limitada</p></div>
        <div class="card p-5"><p class="text-xs uppercase tracking-wider text-neutral-500">Endereço</p><p class="mt-1 font-semibold text-white">R DR. PEDRO FERREIRA, 71, SALA COMERCIAL 01 ATE 16 - SCNTRO, ITAJAI - SC</p></div>
        <div class="card p-5"><p class="text-xs uppercase tracking-wider text-neutral-500">CEP</p><p class="mt-1 font-semibold text-white">88.301-030</p></div>
        <div class="card p-5"><p class="text-xs uppercase tracking-wider text-neutral-500">Telefone</p><p class="mt-1 font-semibold text-white"><a href="https://wa.me/553121157353" target="_blank" rel="noopener" class="hover:text-green-400">(31) 2115-7353</a></p></div>
        <div class="card p-5"><p class="text-xs uppercase tracking-wider text-neutral-500">E-mail</p><p class="mt-1 font-semibold text-white"><a href="mailto:DIOGOSANTIAGO@ACOMIXLTDA.COM.BR" class="hover:text-yellow-400 break-all">DIOGOSANTIAGO@ACOMIXLTDA.COM.BR</a></p></div>
        <div class="card p-5"><p class="text-xs uppercase tracking-wider text-neutral-500">Data de Abertura</p><p class="mt-1 font-semibold text-white">28/10/2021</p></div>
      </div>
    </section>

    <section id="contato" class="max-w-6xl mx-auto px-4 py-16">
      <div class="card p-10 md:p-14 text-center">
        <h2 class="text-3xl md:text-4xl font-black text-white">Contato</h2>
        <p class="mt-4 text-neutral-400">Fale com a STEELMIX LTDA. pelo WhatsApp.</p>
        <a href="https://wa.me/553121157353" target="_blank" rel="noopener" class="mt-6 inline-block text-4xl font-black text-green-400 hover:text-green-300">(31) 2115-7353</a>
        <p class="mt-3 text-sm text-neutral-500">R DR. PEDRO FERREIRA, 71, SALA COMERCIAL 01 ATE 16 - SCNTRO, ITAJAI - SC · CEP 88.301-030</p>
        <div class="mt-8"><a href="https://wa.me/553121157353" target="_blank" rel="noopener" class="btn-accent text-lg">Solicite seu Horário</a></div>
      </div>
    </section>
  </main>

  <footer class="border-t border-neutral-900 py-8">
    <p class="max-w-6xl mx-auto px-4 text-center text-sm text-neutral-500">© 2026 STEELMIX LTDA. · CNPJ 44.055.790/0001-88 · ITAJAI - SC</p>
  </footer>
</body>
</html>