COMANDO MODELOS MAQUININHA

 Aja como um Programador Front-End Sênior, Especialista em Elementor, WordPress, SEO Avançado, CRO, UX e Identidade Visual de Marca.

Crie o CÓDIGO COMPLETO (HTML5 + CSS3 + JavaScript) para uma Landing Page longa, robusta e de alta conversão, focada em SEO forte para Google, sobre o produto:

Maquininha de Cartão Ton – Modelo: [MODELO DA MAQUININHA AQUI]

Plano da Maquininha: [PLANO DA MAQUININHA AQUI]

Preço da Maquininha: [PREÇO DA MAQUININHA AQUI]

Taxas Atuais: [TAXAS ATUAIS AQUI]

Benefícios do Modelo: [AQUI OS BENEFÍCIOS DO MODELO]

Cupom de Desconto: [CUPOM DE DESCONTO AQUI]

URL oficial do modelo / checkout: [URL DA MAQUININHA AQUI]

🔒 REGRAS OBRIGATÓRIAS DE BLINDAGEM (ANTI-BUG)

Output Único

Todo o código deve ser entregue em UM ÚNICO BLOCO HTML, pronto para colar no Widget HTML do Elementor.

Reset Total do Elementor (OBRIGATÓRIO)

html, body { 

  margin: 0 !important; 

  padding: 0 !important; 

  width: 100% !important; 

  overflow-x: hidden !important; 

}

.elementor-section, 

.elementor-column, 

.elementor-widget-html { 

  width: 100% !important; 

  max-width: 100% !important; 

  padding: 0 !important; 

  margin: 0 !important; 

}

Blindagem Total de Estilo

Todas as regras CSS devem usar !important.

Imagens e Ícones

Imagens: Unsplash + imagem da maquininha

Ícones: FontAwesome via CDN

🔤 REGRA OBRIGATÓRIA – TIPOGRAFIA

Títulos (H1, H2, H3): Concert One (Google Fonts)

Uso exclusivo nos títulos

🎨 REGRA OBRIGATÓRIA – CORES OFICIAIS TON

Principal (CTAs): #00D700

#000000

#003C00

#006E00

#C8FFC8

❌ Nenhuma outra cor permitida

🚫 REGRAS ESTRUTURAIS

❌ Não criar menu

❌ Não criar header

❌ Não criar rodapé

Página começa no conteúdo

Página termina no CTA final

🔗 REGRA OBRIGATÓRIA – ÂNCORAS DE CONVERSÃO

Todos os botões devem usar âncora interna

Destino fixo: #checkout

Scroll suave obrigatório

🧠 ESTRUTURA SEO + CRO — BLOCO POR BLOCO (ATÉ O BLOCO 10)

🔹 BLOCO 1 – Hero Section (Impacto Imediato)

Imagem da maquininha logo no início

H1 com modelo

Menção ao plano

Destaque visual do CUPOM

CTA → #checkout

🔹 BLOCO 2 – Destaque Visual do Produto

Imagem grande

Texto curto de identificação

🔹 BLOCO 3 – Preço, Taxas e Cupom

Card com:

Imagem da maquininha

Preço

Taxas

Cupom de desconto em destaque

CTA → #checkout

🔹 BLOCO 4 – Benefícios do Modelo

Conteúdo gerado a partir de

👉 [AQUI OS BENEFÍCIOS DO MODELO]

Grid de cards

Ícones FontAwesome

🔹 BLOCO 5 – Comparação com Outras Maquininhas

Tabela comparativa

🔹 BLOCO 6 – Para Quem o Plano é Ideal

Públicos

Contextualização SEO

🔹 BLOCO 7 – Garantia, Segurança e Credibilidade

Selos

Fundo verde escuro

🔹 BLOCO 8 – Perguntas Frequentes (FAQ SEO)

Acordeão

🔹 BLOCO 9 – Prova Social

Depoimentos

🔹 BLOCO 10 – CHECKOUT VISUAL FINAL

ID fixo: checkout

Imagem da maquininha

Preço

Taxas

Cupom de desconto visível e destacado

Botão grande #00D700

Link direto → [URL DA MAQUININHA AQUI]