<!DOCTYPE html>
<html lang="pt-BR">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>MEETHUB EDUCACAO LTDA — MEETHUB | Belo Horizonte - MG</title>
  <meta name="description" content="MEETHUB EDUCACAO LTDA (MEETHUB) — Comércio varejista de livros em Belo Horizonte - MG. CNPJ 55.271.526/0001-06." />
  <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>
    html { scroll-behavior: smooth; }
    body { font-family: 'Inter', system-ui, sans-serif; background: #0a0a0a; color: #e5e5e5; }
    .card { background: #111; border: 1px solid #1f1f1f; border-radius: 16px; }
    .btn-accent { background: #facc15; color: #0a0a0a; font-weight: 700; border-radius: 12px; padding: 12px 22px; display: inline-flex; align-items: center; justify-content: center; gap: 8px; transition: filter .2s, transform .2s; }
    .btn-accent:hover { filter: brightness(1.08); transform: translateY(-1px); }
    .btn-wa { background: #22c55e; color: #0a0a0a; font-weight: 700; border-radius: 12px; padding: 12px 22px; display: inline-flex; align-items: center; justify-content: center; gap: 8px; transition: filter .2s, transform .2s; }
    .btn-wa:hover { filter: brightness(1.08); transform: translateY(-1px); }
    .label { font-size: 12px; text-transform: uppercase; letter-spacing: .08em; color: #8a8a8a; font-weight: 600; }
    .muted { color: #a3a3a3; }
  </style>
</head>
<body class="antialiased">

  <!-- HEADER -->
  <header class="border-b border-[#1f1f1f] sticky top-0 z-50 bg-[#0a0a0a]/95 backdrop-blur">
    <div class="max-w-6xl mx-auto px-5 py-4 flex flex-col md:flex-row md:items-center md:justify-between gap-4">
      <div class="flex items-center gap-3">
        <div class="w-12 h-12 rounded-xl bg-[#facc15] text-[#0a0a0a] font-black text-lg flex items-center justify-center">ME</div>
        <div>
          <p class="font-extrabold text-white leading-tight">MEETHUB EDUCACAO LTDA</p>
          <p class="text-xs muted">CNPJ 55.271.526/0001-06 · Belo Horizonte/MG</p>
          <p class="text-xs text-[#facc15] font-semibold">MEETHUB</p>
        </div>
      </div>
      <nav class="flex flex-wrap items-center gap-5 text-sm font-medium">
        <a href="#sobre" class="hover:text-white muted">Sobre</a>
        <a href="#servicos" class="hover:text-white muted">Serviços</a>
        <a href="#registro" class="hover:text-white muted">Registro</a>
        <a href="#contato" class="hover:text-white muted">Contato</a>
        <a href="https://wa.me/5531975550912" target="_blank" rel="noopener" class="btn-accent text-sm">Agendar</a>
      </nav>
    </div>
  </header>

  <!-- HERO -->
  <section class="max-w-6xl mx-auto px-5 py-16 md:py-24 grid md:grid-cols-2 gap-10 items-center">
    <div>
      <span class="label">MEETHUB · Belo Horizonte - MG</span>
      <h1 class="text-4xl md:text-5xl font-black text-white mt-3 leading-tight">Qualidade e confiança em <span class="text-[#facc15]">livros</span></h1>
      <p class="muted mt-5 text-lg leading-relaxed">Atendimento profissional e próximo, com a seriedade de uma empresa regularmente registrada. Fale conosco e agende seu atendimento de forma rápida e prática pelo WhatsApp.</p>
      <div class="flex flex-wrap gap-3 mt-8">
        <a href="https://wa.me/5531975550912" target="_blank" rel="noopener" class="btn-wa">Falar no WhatsApp</a>
        <a href="#servicos" class="btn-accent">Ver Serviços</a>
      </div>
    </div>
    <div class="card p-8">
      <span class="label">Agendamento</span>
      <h2 class="text-2xl font-extrabold text-white mt-2">Agende pelo WhatsApp</h2>
      <p class="muted mt-3">Atendimento direto com a equipe MEETHUB.</p>
      <a href="https://wa.me/5531975550912" target="_blank" rel="noopener" class="block text-3xl font-black text-[#22c55e] mt-6 hover:underline">(31) 97555-0912</a>
      <a href="https://wa.me/5531975550912" target="_blank" rel="noopener" class="btn-wa w-full mt-6">Agendar agora</a>
    </div>
  </section>

  <!-- SOBRE -->
  <section id="sobre" class="max-w-6xl mx-auto px-5 py-16 border-t border-[#1f1f1f]">
    <span class="label">Sobre</span>
    <h2 class="text-3xl font-black text-white mt-2">Quem somos</h2>
    <p class="muted mt-4 text-lg leading-relaxed max-w-3xl">Fundada em 24/05/2024, a empresa MEETHUB EDUCACAO LTDA — MEETHUB atua no segmento de comércio varejista de livros, com sede em Belo Horizonte - MG.</p>
    <div class="grid sm:grid-cols-2 lg:grid-cols-4 gap-4 mt-8">
      <div class="card p-6"><p class="label">Razão Social</p><p class="text-white font-bold mt-2">MEETHUB EDUCACAO LTDA</p></div>
      <div class="card p-6"><p class="label">Nome Fantasia</p><p class="text-white font-bold mt-2">MEETHUB</p></div>
      <div class="card p-6"><p class="label">Porte</p><p class="text-white font-bold mt-2">EPP</p></div>
      <div class="card p-6"><p class="label">Atividade</p><p class="text-white font-bold mt-2">Comércio varejista de livros</p></div>
    </div>
  </section>

  <!-- SERVIÇOS -->
  <section id="servicos" class="max-w-6xl mx-auto px-5 py-16 border-t border-[#1f1f1f]">
    <span class="label">Serviços</span>
    <h2 class="text-3xl font-black text-white mt-2">Atividades da empresa</h2>
    <div class="grid sm:grid-cols-2 lg:grid-cols-3 gap-4 mt-8">
      <div class="card p-6 flex flex-col">
        <p class="text-[#facc15] font-bold text-sm">CNAE 47.61-0-01 · Principal</p>
        <p class="text-white font-semibold mt-3 flex-1">Comércio varejista de livros</p>
        <a href="https://wa.me/5531975550912" target="_blank" rel="noopener" class="btn-wa mt-6 text-sm">Agendar</a>
      </div>
    </div>
  </section>

  <!-- REGISTRO -->
  <section id="registro" class="max-w-6xl mx-auto px-5 py-16 border-t border-[#1f1f1f]">
    <span class="label">Registro</span>
    <h2 class="text-3xl font-black text-white mt-2">Dados cadastrais</h2>
    <div class="grid sm:grid-cols-2 lg:grid-cols-3 gap-4 mt-8">
      <div class="card p-6"><p class="label">Razão Social</p><p class="text-white font-bold mt-2">MEETHUB EDUCACAO LTDA</p></div>
      <div class="card p-6"><p class="label">Nome Fantasia</p><p class="text-white font-bold mt-2">MEETHUB</p></div>
      <div class="card p-6"><p class="label">CNPJ</p><p class="text-white font-bold mt-2">55.271.526/0001-06</p></div>
      <div class="card p-6"><p class="label">Situação Cadastral</p><p class="text-[#22c55e] font-bold mt-2">ATIVA</p></div>
      <div class="card p-6"><p class="label">Natureza Jurídica</p><p class="text-white font-bold mt-2">206-2 - Sociedade Empresária Limitada</p></div>
      <div class="card p-6"><p class="label">Endereço</p><p class="text-white font-bold mt-2">R DOS CARIJOS, 244 - ANDAR 15 CONJ 1501 SALA 1503 - CENTRO, BELO HORIZONTE - MG</p></div>
      <div class="card p-6"><p class="label">CEP</p><p class="text-white font-bold mt-2">30.120-900</p></div>
      <div class="card p-6"><p class="label">Telefone</p><a href="https://wa.me/5531975550912" target="_blank" rel="noopener" class="block text-white font-bold mt-2 hover:text-[#22c55e]">(31) 97555-0912</a></div>
    </div>
  </section>

  <!-- CONTATO -->
  <section id="contato" class="max-w-6xl mx-auto px-5 py-16 border-t border-[#1f1f1f]">
    <div class="card p-8 md:p-12 text-center">
      <span class="label">Contato</span>
      <h2 class="text-3xl md:text-4xl font-black text-white mt-2">Fale com a MEETHUB</h2>
      <p class="muted mt-3">Atendimento pelo WhatsApp</p>
      <a href="https://wa.me/5531975550912" target="_blank" rel="noopener" class="block text-4xl md:text-5xl font-black text-[#22c55e] mt-6 hover:underline">(31) 97555-0912</a>
      <a href="https://wa.me/5531975550912" target="_blank" rel="noopener" class="btn-accent mt-8">Solicite seu Horário</a>
    </div>
  </section>

  <!-- FOOTER -->
  <footer class="border-t border-[#1f1f1f] mt-8">
    <div class="max-w-6xl mx-auto px-5 py-8 text-center text-sm muted">
      © 2026 MEETHUB EDUCACAO LTDA · CNPJ 55.271.526/0001-06 · Belo Horizonte - MEETHUB
    </div>
  </footer>

</body>
</html>