Rascunho

Como ter leads B2B todos os dias (sem postar diariamente)

Construa um fluxo constante de leads B2B qualificados com um sistema simples que não depende de postagens diárias.

Como ajuda

Ajuda o lead a entender a propria situacao com mais nitidez, enxergar o proximo passo com menos atrito e perceber por que vale a pena consumir esse material agora.

Pagina

Ver pagina

Abra a landing com o estado atual do rascunho para revisar a versao final.

Abrir agora →

Rascunho editavel

Ajuste o que quiser direto na tela

TituloFormato

Promessa da landing

Para quemDor centralO que resolveComo ajudaEntregaCTALink do CTATitulo dos passosTexto abaixo do botaoPasso 1Passo 2Passo 3

Texto completo

Copia pronta para copiar

Este texto junta todos os campos do rascunho em uma versao linear e facil de reaproveitar.

Como ter leads B2B todos os dias (sem postar diariamente)

Formato: Simple system breakdown

PROMESSA
Construa um fluxo constante de leads B2B qualificados com um sistema simples que não depende de postagens diárias.

PARA QUEM E
Empresario B2B que ainda concentra o comercial nas costas, desconfia de marketing bonito e quer um ativo que gere clareza pratica.

DOR CENTRAL
Ele sente que o crescimento depende demais da agenda do fundador, de indicacoes e de esforcos pouco previsiveis.

O QUE ESTE LEAD MAGNET AJUDA A RESOLVER
Mostra de forma especifica o problema que esse material ajuda a resolver, o momento em que ele se torna valioso e o ganho pratico que ele entrega.

COMO ISSO AJUDA NA PRATICA
Ajuda o lead a entender a propria situacao com mais nitidez, enxergar o proximo passo com menos atrito e perceber por que vale a pena consumir esse material agora.

O QUE A PESSOA RECEBE
Um material pronto para consumir, com orientacao suficiente para a pessoa abrir e aplicar sem depender de explicacao extra.

COMO ACESSAR ESTE MATERIAL
1. Abra o material e entenda qual problema especifico ele foi desenhado para resolver.
2. Percorra o conteúdo seguindo a sequência proposta, sem tentar pular a etapa de diagnostico ou contexto.
3. Transforme os aprendizados em ação imediata no seu negocio, equipe ou oferta.

PROXIMO PASSO
CTA: Acessar o material
Link: https://alavancax.com
Abrir o material e aplicar o que fizer sentido.

HTML exportavel

Pagina pronta para Elementor

Aqui esta o codigo final da pagina do lead magnet. Ele ja nasce com a linguagem visual da AlavancaX e um CTA com placeholder de link para voce trocar antes de publicar.

<!DOCTYPE html>
<html lang="pt-BR">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>Como ter leads B2B todos os dias (sem postar diariamente)</title>
  <style>
    :root {
      --bg-primary: #f8f6f1;
      --bg-panel: rgba(255,255,255,0.72);
      --bg-grid: rgba(38,50,75,0.06);
      --accent-primary: #ed6c2b;
      --accent-secondary: #f4a06d;
      --text-primary: #25314b;
      --text-secondary: #627087;
      --text-muted: #9ba6b7;
      --border-soft: rgba(38,50,75,0.09);
      --shadow-soft: 0 20px 40px rgba(35,48,73,0.08);
      --radius-xl: 32px;
      --radius-lg: 24px;
      --radius-pill: 999px;
      --font-sans: 'Inter', 'Helvetica Neue', Arial, sans-serif;
      --font-display: 'Playfair Display', Georgia, serif;
    }

    * {
      box-sizing: border-box;
      margin: 0;
      padding: 0;
    }

    html {
      scroll-behavior: smooth;
    }

    body {
      font-family: var(--font-sans);
      color: var(--text-primary);
      background:
        linear-gradient(var(--bg-grid) 1px, transparent 1px),
        linear-gradient(90deg, var(--bg-grid) 1px, transparent 1px),
        radial-gradient(circle at top, rgba(237, 108, 43, 0.14), transparent 35%),
        var(--bg-primary);
      background-size: 46px 46px, 46px 46px, auto, auto;
      overflow-x: hidden;
      min-height: 100vh;
    }

    .page {
      width: 100%;
      max-width: 1080px;
      margin: 0 auto;
      padding: 22px 16px 72px;
      position: relative;
    }

    .glow {
      position: fixed;
      width: 560px;
      height: 560px;
      border-radius: 50%;
      background: radial-gradient(circle, rgba(237,108,43,0.16), transparent 70%);
      filter: blur(70px);
      pointer-events: none;
      z-index: 0;
    }

    .glow.left {
      top: 60px;
      left: -180px;
    }

    .glow.right {
      top: 180px;
      right: -220px;
    }

    .topbar {
      position: relative;
      z-index: 1;
      padding: 0 6px;
      display: flex;
      justify-content: flex-start;
      align-items: center;
    }

    .brand {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      gap: 8px;
    }

    .brand-logo {
      width: 156px;
      max-width: 100%;
      height: auto;
      display: block;
    }

    .author {
      display: flex;
      align-items: center;
      gap: 10px;
      justify-content: flex-start;
      margin-top: 8px;
    }

    .author-photo {
      width: 44px;
      height: 44px;
      border-radius: 999px;
      object-fit: cover;
      border: 2px solid rgba(237,108,43,0.35);
      box-shadow: 0 10px 24px rgba(35,48,73,0.08);
      flex-shrink: 0;
    }

    .author-meta {
      display: flex;
      align-items: center;
      gap: 10px;
      flex-wrap: wrap;
    }

    .author-label {
      font-size: 14px;
      color: var(--text-secondary);
    }

    .author-name {
      font-size: 16px;
      font-weight: 700;
      color: var(--text-primary);
    }

    .author-badge {
      width: 17px;
      height: 17px;
      object-fit: contain;
      flex-shrink: 0;
    }

    .eyebrow {
      color: var(--accent-secondary);
      font-size: 15px;
      letter-spacing: 0.24em;
      text-transform: uppercase;
    }

    .hero {
      position: relative;
      z-index: 1;
      margin-top: 14px;
      padding: 10px 8px 4px;
      text-align: left;
    }

    .hero h1 {
      font-family: var(--font-display);
      font-size: clamp(28px, 4vw, 48px);
      line-height: 0.94;
      letter-spacing: -0.05em;
      max-width: 920px;
      margin: 0;
    }

    .hero .accent {
      color: var(--accent-primary);
      font-style: italic;
    }

    .hero p {
      max-width: 760px;
      margin: 12px 0 0;
      font-size: clamp(18px, 1.7vw, 22px);
      line-height: 1.55;
      color: var(--text-secondary);
    }

    .steps {
      position: relative;
      z-index: 1;
      max-width: 860px;
      margin: 18px 0 0;
      display: flex;
      flex-direction: column;
      gap: 10px;
      text-align: left;
      border-radius: var(--radius-lg);
      border: 1px solid var(--border-soft);
      background: rgba(255,255,255,0.88);
      box-shadow: 0 18px 36px rgba(35,48,73,0.06);
      padding: 18px 18px 16px;
    }

    .step-item {
      display: flex;
      align-items: flex-start;
      gap: 12px;
    }

    .step-badge {
      width: 28px;
      height: 28px;
      border-radius: 999px;
      background: rgba(237,108,43,0.12);
      color: var(--accent-primary);
      display: inline-flex;
      align-items: center;
      justify-content: center;
      font-size: 13px;
      font-weight: 700;
      flex-shrink: 0;
    }

    .step-copy {
      padding-top: 2px;
    }

    .step-copy h2 {
      font-family: var(--font-sans);
      font-size: 20px;
      font-weight: 700;
      line-height: 1.25;
      letter-spacing: -0.01em;
    }

    .step-copy p {
      margin-top: 2px;
      color: var(--text-secondary);
      line-height: 1.5;
      font-size: 17px;
    }

    .fold-cta {
      position: relative;
      z-index: 1;
      margin: 14px 0 0;
      max-width: 860px;
      text-align: left;
    }

    .fold-cta p {
      margin-top: 10px;
      color: var(--text-muted);
      line-height: 1.5;
      font-size: 12px;
      letter-spacing: 0.12em;
      text-transform: uppercase;
    }

    .cta {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 10px;
      margin-top: 0;
      padding: 18px 28px;
      border-radius: 18px;
      background: linear-gradient(180deg, #f07834, #de5d1e);
      color: white;
      text-decoration: none;
      font-weight: 700;
      font-size: 17px;
      box-shadow: 0 18px 42px rgba(237,108,43,0.24);
    }

    .grid {
      position: relative;
      z-index: 1;
      margin-top: 22px;
      display: grid;
      gap: 18px;
      grid-template-columns: 1fr;
    }

    .card {
      border-radius: var(--radius-lg);
      border: 1px solid var(--border-soft);
      background: rgba(255,255,255,0.66);
      padding: 24px;
    }

    .card h2 {
      font-family: var(--font-display);
      font-size: 28px;
      line-height: 0.98;
      letter-spacing: -0.04em;
      margin-top: 10px;
    }

    .card p {
      margin-top: 14px;
      color: var(--text-secondary);
      line-height: 1.8;
      font-size: 15px;
    }

    .footer-note {
      margin-top: 18px;
      text-align: center;
      color: var(--text-muted);
      font-size: 13px;
      line-height: 1.8;
    }

    @media (max-width: 860px) {
      .page {
        padding: 18px 12px 56px;
      }

      .brand-logo {
        width: 132px;
      }

      .author {
        gap: 8px;
        margin-top: 6px;
      }

      .author-photo {
        width: 38px;
        height: 38px;
      }

      .author-label {
        font-size: 12px;
      }

      .author-name {
        font-size: 14px;
      }

      .author-badge {
        width: 15px;
        height: 15px;
      }

      .hero {
        margin-top: 10px;
        padding: 12px 2px 6px;
        text-align: left;
      }

      .steps {
        gap: 10px;
        max-width: 340px;
        margin: 14px 0 0;
        padding: 14px;
      }

      .grid {
        grid-template-columns: 1fr;
      }

      .hero h1 {
        font-size: 26px;
        max-width: 340px;
      }

      .hero p {
        margin-top: 10px;
        max-width: 340px;
        font-size: 17px;
        line-height: 1.45;
      }

      .topbar {
        justify-content: flex-start;
      }

      .brand {
        align-items: flex-start;
      }

      .author {
        justify-content: flex-start;
      }

      .step-badge {
        width: 26px;
        height: 26px;
        font-size: 12px;
      }

      .step-copy h2 {
        font-size: 18px;
      }

      .step-copy p {
        font-size: 16px;
      }

      .cta {
        width: 100%;
        padding: 16px 20px;
        font-size: 16px;
      }

      .fold-cta {
        max-width: 340px;
        margin: 12px 0 0;
      }
    }
  </style>
</head>
<body>
  <div class="glow left"></div>
  <div class="glow right"></div>

  <div class="page">
    <section class="topbar">
      <div class="brand">
        <img class="brand-logo" src="/brand/logo.png" alt="AlavancaX" />
        <div class="author">
          <img class="author-photo" src="/brand/raphael.png" alt="Raphael Massagardi" />
          <div class="author-meta">
            <span class="author-label">Por</span>
            <strong class="author-name">Raphael Massagardi</strong>
            <img class="author-badge" src="/brand/badge.png" alt="Badge verificado" />
          </div>
        </div>
      </div>
    </section>

    <section class="hero">
      <h1>Como ter leads B2B todos os dias (sem postar diariamente)</h1>
      <p>Construa um fluxo constante de leads B2B qualificados com um sistema simples que não depende de postagens diárias.</p>
    </section>

    <section class="steps">
      <p class="eyebrow">Como acessar este material</p>
      <div class="step-item">
        <span class="step-badge">1</span>
        <div class="step-copy">
          <p>Abra o material e entenda qual problema especifico ele foi desenhado para resolver.</p>
        </div>
      </div>

      <div class="step-item">
        <span class="step-badge">2</span>
        <div class="step-copy">
          <p>Percorra o conteúdo seguindo a sequência proposta, sem tentar pular a etapa de diagnostico ou contexto.</p>
        </div>
      </div>

      <div class="step-item">
        <span class="step-badge">3</span>
        <div class="step-copy">
          <p>Transforme os aprendizados em ação imediata no seu negocio, equipe ou oferta.</p>
        </div>
      </div>
    </section>

    <section class="fold-cta">
      <a class="cta" href="https://alavancax.com" target="_blank" rel="noopener noreferrer">Acessar o material</a>
      <p class="cta-note">Abrir o material e aplicar o que fizer sentido.</p>
    </section>

    <section class="grid">
      <article class="card">
        <span class="eyebrow">O proximo passo</span>
        <h2>O que voce vai receber</h2>
        <p>Um material pronto para consumir, com orientacao suficiente para a pessoa abrir e aplicar sem depender de explicacao extra.</p>
      </article>
    </section>

    <p class="footer-note">
      Codigo gerado pela Central de Lead Magnets da AlavancaX. Pronto para colar no widget HTML do Elementor.
    </p>
  </div>
</body>
</html>