<!DOCTYPE html>
<html lang="pt-BR">

<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>Atacado New Joias 18k — Sua Oportunidade de Lucro Real</title>
  <meta name="description"
    content="Seja um parceiro New Joias 18k. Lucro acima de 100%, qualidade premium com 10 camadas de ouro e suporte total para o seu negócio." />
  <link
    href="https://fonts.googleapis.com/css2?family=Cinzel:wght@400;700;900&family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&family=Prata&display=swap"
    rel="stylesheet" />

  <!-- Meta Pixel Code (Reusing from main) -->
  <script>
  !function(f,b,e,v,n,t,s)
  {if(f.fbq)return;n=f.fbq=function(){n.callMethod?
  n.callMethod.apply(n,arguments):n.queue.push(arguments)};
	  
  if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
  n.queue=[];t=b.createElement(e);t.async=!0;
  t.src=v;s=b.getElementsByTagName(e)[0];
  s.parentNode.insertBefore(t,s)}(window, document,'script',
  'https://connect.facebook.net/en_US/fbevents.js');
  fbq('init', '1981741291925186');
  fbq('track', 'PageView');
  </script>
  <noscript><img height="1" width="1" style="display:none"
  src="https://www.facebook.com/tr?id=1981741291925186&ev=PageView&noscript=1"
  /></noscript>

  <style>
    *,
    *::before,
    *::after {
      box-sizing: border-box;
      margin: 0;
      padding: 0;
    }

    :root {
      --gold: #c9a84c;
      --gold-light: #e8c97a;
      --dark: #0e0e0e;
      --dark2: #1a1a1a;
      --dark3: #242424;
      --white: #f9f5ef;
      --gray: #888;
      --nj-green: #2bb673;
      --nj-green-dark: #23955d;
      --nj-navy: #1a2d42;
    }

    body {
      font-family: 'Cinzel', serif;
      background: var(--dark);
      color: var(--white);
      line-height: 1.6;
    }

    a {
      text-decoration: none;
      color: inherit;
    }

    section {
      padding: 100px 24px;
      max-width: 1200px;
      margin: 0 auto;
    }

    .section-label {
      color: var(--gold);
      font-size: 13px;
      font-weight: 700;
      letter-spacing: 3px;
      text-transform: uppercase;
      margin-bottom: 12px;
    }

    .section-title {
      font-family: 'Cinzel', serif;
      font-size: clamp(28px, 4vw, 42px);
      margin-bottom: 24px;
      text-transform: uppercase;
      line-height: 1.2;
    }

    .section-title span {
      color: var(--gold);
    }

    /* ── HEADER STRIP ── */
    .top-strip {
      background: var(--nj-navy);
      color: #fff;
      text-align: center;
      padding: 10px;
      font-size: 13px;
      font-weight: 700;
      letter-spacing: 1px;
    }

    /* ── HERO ── */
    .hero {
      position: relative;
      min-height: 80vh;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      text-align: center;
      padding: 80px 24px;
      background: radial-gradient(ellipse at top, #2a1e0a 0%, #0e0e0e 70%);
      overflow: hidden;
    }

    .hero::before {
      content: '';
      position: absolute;
      inset: 0;
      z-index: 0;
      background: url('https://www.youtube.com/watch?v=ZRtEZgg0AE8') center/cover no-repeat;
      opacity: 0.15;
      pointer-events: none;
    }

    .hero-content {
      position: relative;
      z-index: 1;
      max-width: 900px;
    }

    .hero h1 {
      font-size: clamp(36px, 6vw, 72px);
      font-weight: 900;
      margin-bottom: 24px;
      text-transform: uppercase;
    }

    .hero h1 span {
      color: var(--gold);
    }

    .hero p {
      font-size: clamp(16px, 2vw, 20px);
      color: #ccc;
      margin-bottom: 40px;
      font-family: 'Libre Baskerville', serif;
    }

    .btn-main {
      display: inline-block;
      background: var(--gold);
      color: #000;
      font-weight: 700;
      font-size: 16px;
      padding: 20px 48px;
      border-radius: 4px;
      text-transform: uppercase;
      letter-spacing: 1px;
      transition: all .3s;
      box-shadow: 0 10px 20px rgba(0,0,0,0.3);
    }

    .btn-main:hover {
      background: var(--gold-light);
      transform: translateY(-3px);
      box-shadow: 0 15px 30px rgba(201, 168, 76, 0.2);
    }

    /* ── FLOATING WHATSAPP ── */
    .whatsapp-float {
      position: fixed;
      bottom: 20px;
      right: 20px;
      background: #25d366;
      color: #fff;
      width: 60px;
      height: 60px;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      box-shadow: 0 4px 12px rgba(0,0,0,0.3);
      z-index: 1000;
      transition: transform 0.3s;
    }

    .whatsapp-float:hover {
      transform: scale(1.1);
    }

    /* ── ANIMATIONS ── */
    @keyframes fadeInUp {
      from { opacity: 0; transform: translateY(30px); }
      to { opacity: 1; transform: translateY(0); }
    }

    .animate-in {
      animation: fadeInUp 0.8s ease forwards;
    }

    /* ── SCARCITY BANNER ── */
    .scarcity-banner {
      background: #ff3b30;
      color: #fff;
      text-align: center;
      padding: 8px;
      font-size: 12px;
      font-weight: 900;
      text-transform: uppercase;
      letter-spacing: 1px;
    }

    /* ── STATS ── */
    .stats-row {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
      gap: 30px;
      margin-top: 60px;
      border-top: 1px solid #222;
      padding-top: 40px;
    }

    .stat-item h3 {
      font-size: 32px;
      color: var(--gold);
      margin-bottom: 5px;
    }

    .stat-item p {
      font-size: 14px;
      color: #888;
    }

    /* ── OPPORTUNITY ── */
    .opportunity {
      background: var(--dark2);
    }

    .opp-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
      gap: 40px;
      margin-top: 50px;
    }

    .opp-card {
      background: var(--dark3);
      padding: 40px;
      border-radius: 8px;
      border: 1px solid #333;
      transition: border-color .3s;
    }

    .opp-card:hover {
      border-color: var(--gold);
    }

    .opp-card h3 {
      font-size: 22px;
      color: var(--gold);
      margin-bottom: 15px;
    }

    .opp-card p {
      color: #aaa;
      font-size: 15px;
    }

    /* ── PROFIT TABLE ── */
    .profit-section {
      text-align: center;
    }

    .profit-table {
      width: 100%;
      max-width: 800px;
      margin: 40px auto;
      border-collapse: collapse;
      background: #111;
      border: 1px solid #222;
      border-radius: 12px;
      overflow: hidden;
      box-shadow: 0 20px 40px rgba(0,0,0,0.5);
    }

    .profit-table th, .profit-table td {
      padding: 20px;
      border: 1px solid #222;
      text-align: center;
    }

    .profit-table th {
      background: var(--nj-navy);
      color: var(--gold);
      text-transform: uppercase;
      font-size: 14px;
    }

    .profit-table .highlight {
      background: rgba(201, 168, 76, 0.1);
      font-weight: 700;
      color: var(--gold);
    }

    /* ── CTA SECTION ── */
    .cta-final {
      text-align: center;
      background: linear-gradient(rgba(0,0,0,0.8), rgba(0,0,0,0.8)), url('999,90 2.webp') center/cover;
      padding: 120px 24px;
    }

    .cta-final h2 {
      font-size: clamp(30px, 5vw, 56px);
      margin-bottom: 24px;
    }

    .whatsapp-btn {
      background: #25d366;
      color: #fff;
      padding: 20px 40px;
      font-size: 18px;
      border-radius: 50px;
      display: inline-flex;
      align-items: center;
      gap: 10px;
      font-weight: 700;
      box-shadow: 0 10px 20px rgba(37, 211, 102, 0.3);
    }

    footer {
      text-align: center;
      padding: 40px;
      font-size: 12px;
      color: #555;
      border-top: 1px solid #222;
    }

    @media (max-width: 768px) {
      section { padding: 60px 20px; }
      .hero { min-height: 60vh; }
    }
  </style>
</head>

<body>

  <div class="scarcity-banner">⚠️ RESTAM APENAS 3 VAGAS PARA NOVOS PARCEIROS NESTA SEMANA</div>
  <div class="top-strip">🚀 SEJA DONO DO SEU PRÓPRIO NEGÓCIO COM NEW JOIAS 18K</div>

  <section class="hero">
    <div class="hero-content">
      <div class="section-label">Oportunidade de Negócio</div>
      <h1 class="animate-in">Até quando você vai<br><span>dar desculpas?</span></h1>
      <p class="animate-in" style="animation-delay: 0.2s;">O medo de investir R$ 600,00 está te impedindo de faturar R$ 2.000,00. Pare de ver o sucesso dos outros e comece a construir o seu agora.</p>
      <a href="https://wa.me/5512982790956?text=Chega+de+desculpas+quero+sair+da+inércia+e+faturar" target="_blank" class="btn-main animate-in" style="animation-delay: 0.4s;">Sair da Inércia e Lucrar</a>
      
      <div class="stats-row">
        <div class="stat-item">
          <h3>+100%</h3>
          <p>Lucro em cada peça</p>
        </div>
        <div class="stat-item">
          <h3>10</h3>
          <p>Camadas de Ouro 18k</p>
        </div>
        <div class="stat-item">
          <h3>1 Ano</h3>
          <p>Garantia Total</p>
        </div>
        <div class="stat-item">
          <h3>Suporte</h3>
          <p>Mentoria de Vendas</p>
        </div>
      </div>
    </div>
  </section>

  <section class="video-section" style="background: #000; text-align: center; border-bottom: 1px solid #222;">
    <div style="max-width: 900px; margin: 0 auto;">
      <div class="section-label">Apresentação</div>
      <h2 class="section-title">Entenda como escalar<br><span>seu faturamento</span></h2>
      <div class="video-container" style="position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; border-radius: 12px; border: 2px solid #333; margin-top: 30px;">
        <iframe
          src="https://www.youtube.com/embed/ZRtEZgg0AE8"
          title="New Joias 18k — Apresentação"
          frameborder="0"
          allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
          allowfullscreen
          style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 10px;">
        </iframe>
      </div>
      <p style="margin-top: 20px; color: #888; font-size: 14px;">Assista ao vídeo e descubra por que somos a escolha número 1 de novos empreendedores.</p>
    </div>
  </section>

  <section class="opportunity">
    <div style="text-align:center; max-width: 800px; margin: 0 auto;">
      <div class="section-label">A Realidade do Mercado</div>
      <h2 class="section-title">O maior risco é<br><span>continuar onde você está.</span></h2>
      <p style="color:#888;">Enquanto você hesita, alguém com menos conhecimento que você já está lucrando. O mercado de joias masculinas explode e você ainda está esperando o "momento ideal"?</p>
    </div>

    <div class="opp-grid">
      <div class="opp-card">
        <h3>Qualidade Imbatível</h3>
        <p>Nossas peças recebem 10 milésimos de ouro 18k, o que garante durabilidade e o brilho intenso que o público masculino exige.</p>
      </div>
      <div class="opp-card">
        <h3>Marketing Gratuito</h3>
        <p>Acesso a fotos e vídeos profissionais para postar no seu Instagram e WhatsApp. Você não gasta tempo criando conteúdo.</p>
      </div>
      <div class="opp-card">
        <h3>Garantia de 1 Ano</h3>
        <p>Todas as nossas peças possuem certificado de garantia. Seu cliente compra com a segurança de um produto premium.</p>
      </div>
    </div>
  </section>

  <section class="profit-section">
    <div class="section-label">Lucratividade</div>
    <h2 class="section-title">Veja quanto você <span>pode ganhar</span></h2>
    
    <table class="profit-table">
      <thead>
        <tr>
          <th>Opção de Pedido</th>
          <th>Investimento</th>
          <th>Lucro Estimado</th>
        </tr>
      </thead>
      <tbody>
        <tr>
          <td>Combo Personalizado</td>
          <td>R$ 399,90 (Mínimo)</td>
          <td class="highlight">Saia do Zero</td>
        </tr>
        <tr>
          <td>Combo 10 Kits</td>
          <td>R$ 599,90</td>
          <td class="highlight">R$ 899,10</td>
        </tr>
        <tr>
          <td>Combo 30 Correntes</td>
          <td>R$ 999,90</td>
          <td class="highlight">R$ 2.000,00+</td>
        </tr>
      </tbody>
    </table>
    
    <p style="color:#666; font-size:14px;">*Os valores acima são estimativas baseadas em nossa margem sugerida de 100%.</p>
  </section>

  <section class="testimonials-section">
    <div class="section-label">Prova Real</div>
    <h2 class="section-title">Quem acreditou, <span>está lucrando.</span></h2>
    <div class="opp-grid" style="margin-top:40px;">
      <div class="opp-card" style="padding: 20px;">
        <video width="100%" controls style="border-radius:8px; margin-bottom:15px; background:#000;">
          <source src="feedback1.mp4" type="video/mp4">
          Seu navegador não suporta vídeos.
        </video>
        <p style="font-style:italic; font-size:14px; color:#ccc;">"Comecei com o combo de 599 e vendi tudo em uma semana. A qualidade das correntes é outro nível, o brilho não sai."</p>
        <p style="margin-top:10px; color:var(--gold); font-weight:700;">— Ricardo M., São Paulo</p>
      </div>
      <div class="opp-card" style="padding: 20px;">
        <video width="100%" controls style="border-radius:8px; margin-bottom:15px; background:#000;">
          <source src="feedback2.mp4" type="video/mp4">
          Seu navegador não suporta vídeos.
        </video>
        <p style="font-style:italic; font-size:14px; color:#ccc;">"O suporte e as fotos prontas facilitam demais. Posto no status e já vendo. Hoje meu faturamento já passou dos 3k por mês."</p>
        <p style="margin-top:10px; color:var(--gold); font-weight:700;">— Felipe Barbeiro, Jacarei</p>
      </div>
      <div class="opp-card" style="padding: 20px;">
        <video width="100%" controls style="border-radius:8px; margin-bottom:15px; background:#000;">
          <source src="feedback3.mp4" type="video/mp4">
          Seu navegador não suporta vídeos.
        </video>
        <p style="font-style:italic; font-size:14px; color:#ccc;">"Tinha medo de investir, mas as peças se vendem sozinhas. A garantia de 1 ano dá muita segurança para o cliente fechar na hora."</p>
        <p style="margin-top:10px; color:var(--gold); font-weight:700;">— André L., Curitiba</p>
      </div>
    </div>
  </section>

  <section class="cta-final">
    <div class="section-label" style="color:var(--gold);">Comece hoje mesmo</div>
    <h2>Vai continuar só olhando ou<br>vai tomar uma atitude?</h2>
    <p style="margin-bottom:40px; color:#ddd;">A oportunidade está na sua frente. O catálogo está pronto. O suporte é total. O que falta é a sua coragem de mudar de vida.</p>
    <a href="https://wa.me/5512982790956?text=Olá,+tenho+interesse+no+atacado" target="_blank" class="whatsapp-btn">
      <svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor"><path d="M.057 24l1.687-6.163c-1.041-1.804-1.588-3.849-1.587-5.946.003-6.556 5.338-11.891 11.893-11.891 3.181.001 6.167 1.24 8.413 3.488 2.246 2.248 3.484 5.232 3.484 8.412-.003 6.557-5.338 11.892-11.893 11.892-1.997-.001-3.951-.5-5.688-1.448l-6.309 1.656zm6.29-3.313c1.551.921 3.124 1.403 4.888 1.403 5.599 0 10.155-4.554 10.157-10.154 0-2.712-1.057-5.259-2.977-7.179-1.92-1.92-4.469-2.977-7.182-2.977-5.598 0-10.154 4.555-10.157 10.156-.001 1.832.502 3.61 1.453 5.148l-1.002 3.66 3.754-.984zm11.03-5.393c-.3-.149-1.772-.875-2.046-.975-.274-.1-.474-.149-.674.149-.2.3-.774.975-.949 1.174-.175.199-.349.224-.649.075-.3-.15-1.265-.467-2.41-1.487-.89-.793-1.49-1.773-1.665-2.072-.175-.3-.019-.461.13-.61.135-.133.3-.349.449-.523.15-.174.2-.3.3-.499.1-.2.05-.374-.025-.524-.075-.15-.674-1.622-.924-2.221-.244-.589-.491-.51-.674-.519-.175-.009-.375-.01-.575-.01-.2 0-.524.075-.798.374-.275.3-1.048 1.022-1.048 2.493 0 1.47 1.074 2.89 1.224 3.089.15.2 2.112 3.225 5.115 4.526.714.309 1.272.494 1.708.633.717.227 1.369.195 1.884.118.574-.085 1.772-.724 2.022-1.423.25-.699.25-1.298.175-1.423-.075-.125-.275-.199-.575-.349z"/></svg>
      Falar com Consultora no WhatsApp
    </a>
  </section>

  <footer>
    &copy; 2026 New Joias 18k — Todos os direitos reservados.
  </footer>

  <a href="https://wa.me/5512982790956?text=Quero+falar+com+um+consultor+sobre+o+atacado" class="whatsapp-float" target="_blank">
    <svg width="30" height="30" viewBox="0 0 24 24" fill="currentColor"><path d="M.057 24l1.687-6.163c-1.041-1.804-1.588-3.849-1.587-5.946.003-6.556 5.338-11.891 11.893-11.891 3.181.001 6.167 1.24 8.413 3.488 2.246 2.248 3.484 5.232 3.484 8.412-.003 6.557-5.338 11.892-11.893 11.892-1.997-.001-3.951-.5-5.688-1.448l-6.309 1.656zm6.29-3.313c1.551.921 3.124 1.403 4.888 1.403 5.599 0 10.155-4.554 10.157-10.154 0-2.712-1.057-5.259-2.977-7.179-1.92-1.92-4.469-2.977-7.182-2.977-5.598 0-10.154 4.555-10.157 10.156-.001 1.832.502 3.61 1.453 5.148l-1.002 3.66 3.754-.984zm11.03-5.393c-.3-.149-1.772-.875-2.046-.975-.274-.1-.474-.149-.674.149-.2.3-.774.975-.949 1.174-.175.199-.349.224-.649.075-.3-.15-1.265-.467-2.41-1.487-.89-.793-1.49-1.773-1.665-2.072-.175-.3-.019-.461.13-.61.135-.133.3-.349.449-.523.15-.174.2-.3.3-.499.1-.2.05-.374-.025-.524-.075-.15-.674-1.622-.924-2.221-.244-.589-.491-.51-.674-.519-.175-.009-.375-.01-.575-.01-.2 0-.524.075-.798.374-.275.3-1.048 1.022-1.048 2.493 0 1.47 1.074 2.89 1.224 3.089.15.2 2.112 3.225 5.115 4.526.714.309 1.272.494 1.708.633.717.227 1.369.195 1.884.118.574-.085 1.772-.724 2.022-1.423.25-.699.25-1.298.175-1.423-.075-.125-.275-.199-.575-.349z"/></svg>
  </a>

  <script>
    // Simple intersection observer for animations
    const observer = new IntersectionObserver((entries) => {
      entries.forEach(entry => {
        if (entry.isIntersecting) {
          entry.target.classList.add('animate-in');
        }
      });
    }, { threshold: 0.1 });

    document.querySelectorAll('section').forEach(section => {
      observer.observe(section);
    });
  </script>

</body>

</html>
