Individual
Para quem vai participar sozinho
O que está incluído
- Acesso a todos os painéis
- Material digital
- Certificado de participação
- Coffee break
A abertura da landing. É a única família em que a escolha muda o propósito da página inteira: uma arte pronta, uma captação ou um anúncio. Nenhuma delas leva trilha de navegação — landing page não tem para onde subir.
Variações
Conteúdo de exemplo: textos, números, fotos e links são campos editáveis. Nada aqui é dado da CDL/BH.
Hero · Variação 1 de 4
Quando usar: A campanha já tem as artes prontas: uma ou várias peças passam de fora a fora, sem texto do site por cima.
Campos editáveis: por arte: imagem, texto alternativo, link (opcional) · altura (tela ou faixa) · intervalo do avanço automático
hero/carrosselHero · Variação 2 de 4
Quando usar: A landing existe para captar: o visitante precisa deixar os dados antes de qualquer rolagem.
Campos editáveis: rótulo · título · subtítulo · atributos com check · campos do formulário · texto do aceite · botão · mensagem de sucesso
hero/formularioInscrições abertas
Quatro encontros práticos sobre vitrine, estoque, equipe e caixa, com quem vive o varejo de Belo Horizonte todos os dias.
Hero · Variação 3 de 4
Quando usar: A landing anuncia algo — um evento, um produto, uma data — e o título precisa ser a primeira coisa lida.
Campos editáveis: imagem de fundo · rótulo · título · subtítulo · botão principal · botão secundário · alinhamento (esquerda ou centro) · altura (tela ou faixa)
hero/sobreposto
12 de novembro · Centro de Convenções
Um dia de painéis, dados e conversas sobre o que muda no consumo, no crédito e na loja física.
Hero · Variação 4 de 4
Quando usar: O lugar é o produto: um espaço para locação, uma unidade, uma sede. Texto, até três números e os botões de um lado; até três fotos em mosaico do outro — nítidas mesmo quando a foto original é pequena.
Campos editáveis: rótulo (opcional) · título · texto · até três números: valor e rótulo · uma a três fotos · botão principal e secundário (opcionais) · nota abaixo dos botões (opcional)
hero/mosaicoEspaços para locação
Auditório e três salões a poucos passos da Praça da Liberdade, no coração de BH. Um espaço moderno e tecnológico para coquetéis, eventos corporativos, palestras, formaturas e seminários.
Aberto a associados e não associados.



Cards ou tabela para o visitante comparar opções — planos, modalidades, níveis de participação. O preço é um campo como outro qualquer: aparece quando é preenchido e some quando não é.
Conteúdo de exemplo: textos, números, fotos e links são campos editáveis. Nada aqui é dado da CDL/BH.
Comparativo · Variação 1 de 3
Quando usar: Há planos com valor e o preço é o argumento. É o mesmo card de plano da página Associe-se.
Campos editáveis: título · ressalva (opcional) · por plano: nome, descrição, preço, período, selo de recomendado, benefícios, botão
comparativo/precosValores de exemplo. Cada card aceita até quatro benefícios visíveis; os demais abrem em um painel.
Para quem vai participar sozinho
Mais escolhido
Para levar até cinco pessoas da mesma empresa
Para empresas associadas à CDL/BH
Comparativo · Variação 2 de 3
Quando usar: As opções se diferenciam pelo que incluem, não pelo valor — modalidades, turmas, formatos.
Campos editáveis: título · subtítulo · por opção: nome, descrição, selo de recomendado, atributos (incluído ou não), botão
comparativo/sem-precoTrês modalidades do mesmo programa. O conteúdo é o mesmo; muda como você participa.
Encontros semanais por videochamada, com gravação disponível.
Encontros na sede da CDL/BH, com visita técnica ao final.
O programa presencial mais duas sessões individuais com um consultor.
Comparativo · Variação 3 de 3
Quando usar: A lista de atributos é longa e o leitor precisa comparar linha a linha. Preço e botão são opcionais por coluna.
Campos editáveis: título · subtítulo · rótulo da primeira coluna · por coluna: nome, preço (opcional), período, selo, botão (opcional) · por linha: atributo e um valor por coluna (sim, não ou texto)
comparativo/tabelaA coluna com selo ganha fundo próprio. Valores de exemplo.
| O que está incluído | BásicoR$ 49por mês | Mais escolhido CompletoR$ 99por mês | Sob medida |
|---|---|---|---|
| Consultas mensais | 50 | 500 | Ilimitadas |
| Usuários | 1 | 5 | Sem limite |
| Relatórios em PDF | Incluído | Incluído | Incluído |
| Integração por API | Não incluído | Incluído | Incluído |
| Atendimento prioritário | Não incluído | Incluído | Incluído |
| Gerente de conta | Não incluído | Não incluído | Incluído |
| Assinar | Assinar | Falar com a equipe |
A prova social. A fala vem primeiro, em corpo maior, e a assinatura depois — é o que separa um depoimento de mais uma grade de cards. Retrato é opcional: sem foto, entra a inicial do nome.
Conteúdo de exemplo: textos, números, fotos e links são campos editáveis. Nada aqui é dado da CDL/BH.
Depoimentos · Variação 1 de 3
Quando usar: Há três falas de peso parecido e a landing quer mostrá-las de uma vez.
Campos editáveis: título · subtítulo · por depoimento: fala, nome, cargo ou empresa, tempo (opcional)
depoimentos/gradeDepoimentos de exemplo, com nomes fictícios.
Saí do primeiro encontro com uma lista de coisas para mudar na loja na semana seguinte. Não era teoria: era o que a gente vive no balcão.
Mariana Costa
Loja de calçados, Savassi
A visita técnica valeu o programa inteiro. Ver como outra loja organiza estoque e equipe muda a forma como você olha para a sua.
Rafael Nogueira
Papelaria, Centro
Eu achava que o problema era vender pouco. Era o caixa. Refiz o fluxo em dois meses e fechei o ano sem o aperto de sempre.
Lúcia Andrade
Confeitaria, Barreiro
Depoimentos · Variação 2 de 3
Quando usar: Uma fala é forte o bastante para carregar a faixa sozinha — a mais citada, a do cliente mais conhecido.
Campos editáveis: fala · nome · cargo ou empresa · retrato (opcional) · fundo
depoimentos/destaqueFoi a primeira vez que um curso falou a língua de quem tem loja de rua. Em três meses, o ticket médio subiu e a equipe parou de girar.
Depoimentos · Variação 3 de 3
Quando usar: São mais de três falas e empilhá-las viraria parede. O visitante rola de lado; as setas ajudam no desktop.
Campos editáveis: título · subtítulo · por depoimento: fala, nome, cargo, empresa (opcional)
depoimentos/carrosselArraste para o lado, ou use as setas.
A parte de vitrine parecia detalhe. Mudei a disposição dos produtos e o movimento da porta aumentou na mesma semana.
Carlos Menezes
Sócio · Loja de roupas masculinas
Chegamos com uma dúvida sobre crédito e saímos com um plano de caixa para os seis meses seguintes.
Fernanda Ribeiro
Gerente · Ótica de bairro
Ter gente de outras lojas na mesma sala foi o que mais valeu. Os problemas são os mesmos e as soluções circulam.
Paulo Henrique Dias
Proprietário · Pet shop
Os encontros são práticos. Cada semana termina com uma tarefa para aplicar na loja e trazer o resultado na seguinte.
Juliana Martins
Sócia · Cafeteria
Recomendei para dois vizinhos de rua antes mesmo de terminar o programa.
André Souza
Proprietário · Loja de materiais de construção
O bloco que pede o clique. Fecha a landing ou separa dois argumentos no meio dela. Botão sem destino não aparece — é a regra do portal inteiro, e vale aqui.
Conteúdo de exemplo: textos, números, fotos e links são campos editáveis. Nada aqui é dado da CDL/BH.
Chamada para ação · Variação 1 de 3
Quando usar: A chamada seca: título, uma frase e os botões, centrados sobre o azul.
Campos editáveis: rótulo (opcional) · título · frase · botões · fundo
cta/faixaÚltimas vagas
Garanta a sua e receba o material de preparação ainda esta semana.
Chamada para ação · Variação 2 de 3
Quando usar: Texto à esquerda e foto à direita — a chamada que já existe nas páginas internas do portal.
Campos editáveis: título · frase · foto · botões · fundo
cta/imagemFale com a equipe de relacionamento e receba a agenda completa antes da abertura pública das inscrições.

Chamada para ação · Variação 3 de 3
Quando usar: A ação é deixar o e-mail, não ir para outra página — baixar um material, entrar numa lista.
Campos editáveis: título · frase · campos do formulário · botão · nota abaixo do botão · mensagem de sucesso · fundo
cta/formularioUm PDF com o checklist de vitrine, estoque e equipe que usamos nos encontros.
O bloco cujo assunto é o formulário: contato, inscrição, pedido de proposta. Os campos são configuráveis — quem monta a página decide o que perguntar — e a validação, o aceite de privacidade e a mensagem de sucesso já vêm prontos. O destino do envio é definido no WordPress.
Conteúdo de exemplo: textos, números, fotos e links são campos editáveis. Nada aqui é dado da CDL/BH.
Formulário · Variação 1 de 3
Quando usar: A landing pede uma conversa: nome, empresa, contato, assunto e mensagem, em painel centrado.
Campos editáveis: título · subtítulo · campos do formulário · texto do aceite · botão · mensagem de sucesso · fundo
formulario/contatoResponda em até um dia útil. Os campos com asterisco são obrigatórios.
Formulário · Variação 2 de 3
Quando usar: Além do formulário, a landing oferece os outros jeitos de falar: WhatsApp, e-mail, telefone, endereço.
Campos editáveis: título · subtítulo · canais (ícone, rótulo, valor, link) · campos do formulário · botão · mensagem de sucesso · fundo
formulario/canaisUse o canal que for mais fácil para você. O formulário chega na mesma equipe.
Formulário · Variação 3 de 3
Quando usar: Só o essencial, numa fileira sobre o azul — nome e e-mail, e o botão. Para quem quer converter sem sair da rolagem.
Campos editáveis: título · subtítulo · campos do formulário · botão · nota abaixo do botão · mensagem de sucesso · fundo
formulario/compactoNome e e-mail bastam. A agenda completa chega na sua caixa de entrada.
A grade que sustenta a landing entre a abertura e a chamada final: o que a campanha entrega, quem participa, os números que provam. Três ritmos, e a escolha depende do que cada card carrega — um ícone, uma foto ou um número.
Variações
Conteúdo de exemplo: textos, números, fotos e links são campos editáveis. Nada aqui é dado da CDL/BH.
Cards · Variação 1 de 3
Quando usar: Atributos e benefícios — o que o visitante ganha. É a grade mais usada do portal.
Campos editáveis: título · subtítulo · por card: ícone, título, corpo · colunas · botão da faixa (opcional) · alinhamento
cards/iconesQuatro frentes, uma por encontro.
Como a disposição dos produtos muda a entrada de gente e o tempo que ela fica.
Quanto comprar, quando repor e o que fazer com o que não gira.
Escala, meta e comissão em um mês em que tudo acontece ao mesmo tempo.
Fluxo de caixa para dezembro e o que sobra para janeiro.
Cards · Variação 2 de 3
Quando usar: Programas, turmas, produtos — o que tem cara. Foto no topo, título, corpo e link.
Campos editáveis: título · subtítulo · por card: foto, rótulo (opcional), título, corpo, link (opcional) · colunas · alinhamento
cards/imagemUm por semana, sempre às terças. Fotos de exemplo.
Encontro 1 · 4 de novembro
Vitrine, iluminação e circulação: o que o cliente decide antes de falar com alguém.
Ver a programaçãoEncontro 2 · 11 de novembro
Curva ABC na prática e o que fazer com o que sobrou do ano passado.
Ver a programaçãoEncontro 3 · 18 de novembro
Escala, treinamento relâmpago e meta que a equipe entende.
Ver a programaçãoCards · Variação 3 de 3
Quando usar: A prova de escala: o número é o card. Quatro no máximo, com rótulo curto.
Campos editáveis: título (opcional) · subtítulo · por card: valor, rótulo · colunas · fundo
cards/numerosValores de exemplo, para mostrar o bloco preenchido.
Fotos como argumento: o evento que aconteceu, o espaço que se visita, a prova visual ao lado do texto. Toda foto pede texto alternativo; legenda é opcional.
Variações
Conteúdo de exemplo: textos, números, fotos e links são campos editáveis. Nada aqui é dado da CDL/BH.
Imagens · Variação 1 de 3
Quando usar: Várias fotos de uma vez, em grade ou mosaico. A primeira do mosaico ganha o dobro de espaço.
Campos editáveis: título (opcional) · subtítulo · por foto: imagem, texto alternativo, legenda (opcional) · colunas · formato (grade ou mosaico)
imagens/galeriaMosaico de exemplo com cinco fotos: a primeira ocupa o dobro de largura e de altura, e as quatro seguintes fecham as duas fileiras.





Imagens · Variação 2 de 3
Quando usar: Um argumento com prova visual: foto de um lado, texto do outro. É a seção de duas colunas do portal.
Campos editáveis: foto · título · parágrafos · atributos com check (opcional) · botões (opcional) · lado da foto · fundo
imagens/textoO Espaço Varejo Inteligente, na sede da CDL/BH, reproduz uma loja completa: vitrine, gôndola, caixa e estoque. É lá que cada encontro termina — aplicando na prática o que foi discutido.
Nada de slide sobre vitrine: você monta uma, e o grupo avalia.

Imagens · Variação 3 de 3
Quando usar: Muitas fotos, uma por vez, com miniaturas para navegar. Quando a galeria viraria parede.
Campos editáveis: título (opcional) · subtítulo · por foto: imagem, texto alternativo, legenda (opcional) · fundo
imagens/carrosselUse as setas ou clique nas miniaturas.

Para apresentar um lugar com vários ambientes — auditório, salões, salas, rooftop. O visitante diz quantas pessoas vão ao evento e vê quais ambientes comportam.
Variações
Conteúdo de exemplo: textos, números, fotos e links são campos editáveis. Nada aqui é dado da CDL/BH.
Espaços · Variação 1 de 1
Quando usar: O espaço tem ambientes de tamanhos diferentes e a pergunta do visitante é "cabe o meu evento?".
Campos editáveis: título, texto e nota (opcionais) · filtro de lotação — aparece com mais de um ambiente com lotação: pergunta, aviso de nenhum comporta ({maior} vira a maior lotação), público inicial · por ambiente: nome, lotação, rótulo da lotação, área, resumo, recursos, fotos · fundo
espacos/ambientesAlugue o auditório ou só um dos salões. Diga quantas pessoas você espera e veja quais ambientes comportam o evento.
4 de 4 espaços comportam 120 pessoas
Capacidade considerando o salão sem mobiliário, que não está incluído na locação. Agende uma visita técnica para planejar a montagem.
Reservar Auditório
Plateia com poltronas fixas e palco para palestras, convenções, formaturas e grandes apresentações.
Ver o vídeo do auditórioAs faixas aprovadas das páginas internas, oferecidas à landing como são: os passos na faixa azul, a ficha prática de um lugar e as perguntas frequentes com o card de apoio.
Conteúdo de exemplo: textos, números, fotos e links são campos editáveis. Nada aqui é dado da CDL/BH.
Faixas do portal · Variação 1 de 3
Quando usar: O visitante precisa entender o caminho até contratar: três ou quatro passos e um botão.
Campos editáveis: título · texto (opcional) · por passo: título e texto · botão (opcional)
portal/passosFaixas do portal · Variação 2 de 3
Quando usar: Endereço, acesso, telefone e os botões de visita e rota, juntos e escaneáveis.
Campos editáveis: título · por campo: ícone, rótulo e valor · por botão: texto, destino, ícone · fundo
portal/fichaFaixas do portal · Variação 3 de 3
Quando usar: As dúvidas que travam a decisão, respondidas antes do formulário.
Campos editáveis: título · por pergunta: pergunta e resposta · card de apoio: título, texto, botão · fundo
portal/perguntasAinda tem dúvidas?
Fale com a equipe de eventos da CDL/BH.
Uma landing page é uma lista ordenada de blocos. Cada item diz a família, a variação e o conteúdo. O front percorre a lista de cima para baixo e renderiza cada bloco com o componente desta biblioteca.
[
{
"type": "hero",
"variant": "sobreposto",
"props": {
"title": "Título da campanha",
"body": "Uma frase sobre o que a página oferece.",
"image": {
"src": "/images/campanha.jpg",
"alt": "Descrição da imagem para leitores de tela"
},
"primaryCta": { "label": "Quero participar", "href": "#inscricao" }
}
},
{
"type": "cards",
"variant": "icones",
"props": {
"title": "O que você recebe",
"items": [
{ "icon": "RocketLaunchLight", "title": "Benefício 1", "body": "…" },
{ "icon": "ChartLineUpLight", "title": "Benefício 2", "body": "…" }
]
}
},
{
"type": "cta",
"variant": "faixa",
"props": {
"title": "Garanta sua vaga",
"body": "As inscrições fecham em breve.",
"actions": [{ "label": "Inscrever-se", "href": "#inscricao" }]
}
}
]