Todos Componentes do Storyblok tema escuro

1) Componente Busca Inteligente Semântica

Faça sua pergunta escrevendo a sua duvida no campo de busca abaixo.

0 de 150

Sua resposta aparecerá aqui

Rodapé busca inteligente

1.1) Componente Busca Inteligente Generativa

Faça sua pergunta escrevendo a sua duvida no campo de busca abaixo.

0 de 150

Sua resposta aparecerá aqui

Rodapé busca inteligente

2) Componente Acordeon

Subtítulo Accordion

Rodapé Acordeon

5) Componente Card - Layout Default

Subtítulo Card

Highlight Card

Título Card Full 01

Subtítulo Card

[FULL] lorem ipsum dolor sit.
  • texto negrito meio
  • inicio texto negrito fim
  • meio texto negrito
  • Tópico 01

  • Tópico 02

Prefixo R$8,99

R$9,99

Sufixo

Highlight Card

Título Card Full 02

Subtítulo Card

[FULL] lorem ipsum dolor sit.
  • inicio meio texto negrito;
  • inicio texto negrito fim;
  • texto negrito meio fim.
  • Tópico 01

  • Tópico 02

R$ 129,99

R$99,99

Sufixo

Highlight Card

Título Card Full 03

Subtítulo Card

[FULL] lorem ipsum dolor sit.
  1. meio fim;
  2. inicio fim;
  3. inicio meio
  • Tópico 01

  • Tópico 02

Prefixo

R$999,99

Sufixo

Highlight Card

Título Card Full 04

Subtítulo Card

[FULL] lorem ipsum dolor sit.
  • inicio meio
  • inicio  fim;
  • meio fim.
  • Tópico 01

  • Tópico 02

Dê R$ 10.999,99

R$9.999,99

Sufixo

Highlight Card

Título Card Full 05

Subtítulo Card

[FULL] lorem ipsum dolor sit.
  1. meio texto negrito;
  2. inicio  e texto negrito fim;
  3. texto negrito meio
  • Tópico 01

  • Tópico 02

Prefixo

R$99.999,99

Sufixo

Highlight Card

Título Card Full 06

Subtítulo Card

[FULL] lorem ipsum dolor sit.
  • texto negrito meio
  • inicio texto negrito e  e fim;
  •  meio texto negrito.
  • Tópico 01

  • Tópico 02

Prefixo R$8,99

R$9,99

Sufixo

Highlight Card

Título Card Full 07

Subtítulo Card

[FULL] lorem ipsum dolor sit.
  • início meio
  • início fim;
  • meio fim.
  • Tópico 01

  • Tópico 02

R$ 129,99

R$99,99

Sufixo

Modal ClickToCall PRI

Highlight Card

Título Card Full 08

Subtítulo Card

[FULL] lorem ipsum dolor sit amet consectetur adipiscing elit luctus faucibus vehicula litora
  • Tópico 01

  • Tópico 02

Prefixo

R$999,99

Sufixo

Highlight Card

Título Card Full 09

Subtítulo Card

[FULL] lorem ipsum dolor sit amet consectetur adipiscing elit luctus faucibus vehicula litora
  • Tópico 01

  • Tópico 02

Dê R$ 10.999,99

R$9.999,99

Sufixo

Rodapé

5.1) Componente Card - Layout inverso

Subtítulo Card

Título Card 46

lorem ipsum dolor sit amet consectetur adipiscing elit luctus faucibus vehicula litora taciti sem ante morbi tristique viverra diam

Título Card 47

lorem ipsum dolor sit amet consectetur adipiscing elit luctus faucibus vehicula litora taciti sem ante morbi tristique viverra diam

Título Card 49

lorem ipsum dolor sit amet consectetur adipiscing elit luctus faucibus vehicula litora taciti sem ante morbi tristique viverra diam

Título Card 50

lorem ipsum dolor sit amet consectetur adipiscing elit luctus faucibus vehicula litora taciti sem ante morbi tristique viverra diam

Título Card 51

lorem ipsum dolor sit amet consectetur adipiscing elit luctus faucibus vehicula litora taciti sem ante morbi tristique viverra diam

Título Card 52

lorem ipsum dolor sit amet consectetur adipiscing elit luctus faucibus vehicula litora taciti sem ante morbi tristique viverra diam

Título Card 53

lorem ipsum dolor sit amet consectetur adipiscing elit luctus faucibus vehicula litora taciti sem ante morbi tristique viverra diam

Título Card 54

lorem ipsum dolor sit amet consectetur adipiscing elit luctus faucibus vehicula litora taciti sem ante morbi tristique viverra diam

Título Card 48

lorem ipsum dolor sit amet consectetur adipiscing elit luctus faucibus vehicula litora taciti sem ante morbi tristique viverra diam

Rodapé

5.2) Componente Card - Layout Default - Card com vídeo

Subtítulo Card

card video teste 2024

Highlight Card

Título Card Full

Subtítulo Card

[FULL] lorem ipsum dolor sit.
  • texto negrito meio
  • inicio texto negrito fim
  • meio texto negrito
  • Tópico 01

  • Tópico 02

R$ 129,99

R$99,99

Sufixo

capa video

Claro e beOn no South summit brazil 2024

A Claro é patrocinadora do South Summit Brazil 2024, que ocorrerá em Porto Alegre de 20 a 22 de março, com expectativa de mais de 24 mil participantes. O evento contará com 600 palestrantes, 1.000 investidores e uma competição entre 2.000 startups.
Claro flex com Netflix

Card com vídeo sem capa

Claro brazil 2024

A Claro é patrocinadora das startups.

Rodapé

5.3) Componente Card com Link Modal Drawer

Entendimento

Highlight Card

Título Card Full 1

Subtítulo Card

[FULL] lorem ipsum dolor sit.
  • texto negrito meio
  • inicio texto negrito fim
  • meio texto negrito
  • Tópico 01

  • Tópico 02

Prefixo R$8,99

R$9,99

Sufixo

Entendimento

Highlight Card

Título Card Full 2

Subtítulo Card

[FULL] lorem ipsum dolor sit.
  • texto negrito meio
  • inicio texto negrito fim
  • meio texto negrito
  • Tópico 01

  • Tópico 02

Prefixo R$8,99

R$9,99

Sufixo

Entendimento

Highlight Card

Título Card Full 3

Subtítulo Card

[FULL] lorem ipsum dolor sit.
  • texto negrito meio
  • inicio texto negrito fim
  • meio texto negrito
  • Tópico 01

  • Tópico 02

Prefixo R$8,99

R$9,99

Sufixo

Entendimento

Highlight Card

Título Card Full 4

Subtítulo Card

[FULL] lorem ipsum dolor sit.
  • texto negrito meio
  • inicio texto negrito fim
  • meio texto negrito
  • Tópico 01

  • Tópico 02

Prefixo R$8,99

R$9,99

Sufixo

Entendimento

Highlight Card

Título Card Full 5

Subtítulo Card

[FULL] lorem ipsum dolor sit.
  • texto negrito meio
  • inicio texto negrito fim
  • meio texto negrito
  • Tópico 01

  • Tópico 02

R$ 129,99

R$99,99

Sufixo

6) Componente Card de vendas - Layout Default - Testes dos brands

Subtítulo Card de vendas

Destaque Card Vendas

Logo Squad Dom

Título Card Vendas 1

Descrição Fidelidade

  • R$ 12,34
    R$ 12,34/Período

    Sufixo

  • Prefixo com fidelidade
    R$ 123,45/Período

    Sufixo

Destaque Card Vendas

Logo Squad Dom

Título Card Vendas 2

Descrição Fidelidade

  • Sufixo

  • Sufixo

Link Int PRI

Destaque Card Vendas

Logo Squad Dom

Título Card Vendas 3

Descrição Fidelidade

  • Prefixo com fidelidade
    R$ 12,34/Período

    Sufixo

  • Prefixo com fidelidade
    R$ 123,45/Período

    Sufixo

Link Ext PRI

Destaque Card Vendas

Logo Squad Dom

Título Card Vendas 4

Descrição Fidelidade

  • Sufixo

  • Sufixo

Link Int PRI

Destaque Card Vendas

Logo Squad Dom

Título Card Vendas 5

Descrição Fidelidade

  • Prefixo com fidelidade
    R$ 12,34/Período

    Sufixo

  • Prefixo com fidelidade
    R$ 123,45/Período

    Sufixo

Link Ext PRI

Destaque Card Vendas

Logo Squad Dom

Título Card Vendas 6

Descrição Fidelidade

  • Prefixo com fidelidade
    R$ 12,34/Período

    Sufixo

  • Prefixo com fidelidade
    R$ 123,45/Período

    Sufixo

Link Ext PRI

Rodapé

6.1) Componente Card de vendas catalogo Mind - Internet Banda Larga

Subtítulo Card de vendas catalogo Mind

 

  

 
 

  

 
 

  

 
 

  

 
 

  

 

Rodapé

7) Componente Card 360 via catalogo do mind - Internet Banda Larga - Contador no bloco

Subtítulo Card 360 via catalogo do Mind

Rodapé

7.1) Componente Card 360 via catalogo do mind - Internet Banda Larga

Subtítulo Card 360 via catalogo do Mind

Rodapé

7.2) Componente Card 360 via catalogo do mind

Subtítulo Card 360

Rodapé Card 360

7.3) Componente Card 360 com Link Modal Drawer Price

Subtítulo Card 360

Rodapé

7.4) Componente Card 360 com catalogo e flag Multi

Subtítulo

Rodapé

7.5) Componente Card 360 - RGC - Etiqueta padrão | Card 360 com catálogo mind

Única cidade disponível para teste: Formiga - MG | CEP:

rodapé

7.6) Componente Card 360 - RGC - Etiqueta padrão | Card 360 com catálogo mind

Cidades testadas: GM - São Paulo SP &cep=02273000&number=456 e MD - Serra Negra SP &cep=13930000&number=456

rodapé ! PRODUTOS id => internetId=1287,1288 | internetId=1438,1439 | celularId=4024,3923 | foneId=214,205

7.7) Componente Card 360 sem catalogo do Mind com Rich Snippets Product

Subtítulo Card 360

Rodapé Card 360

7.8) Componente Card 360 - Preço | Mercados em Desenvolvimento

Cidades utilizadas: MD Ariquemes-RO &cep=76875804&number=2050 | MD Caçador-SC &cep=89500001&number=100 | MD Guapiaçu-SP &cep=15110000&number=421

rodapé #BLOCO-02

7.9) Componente Card 360 Preço | Grandes Mercados

Cidades utilizadas: GM Maceio-Al &cep=57020690&number=100 | GM Vitoria-ES &cep=29042510&number=30 | GM Niteroi-RJ &cep=24240770&number=26

rodapé #BLOCO-03

7.9.1) Componente Card 360 - Preço por segmento| Produto Combo | Grandes Mercados e Mercados em Desenvolvimento

GM Maceio-Al &cep=57020690&number=100 | GM Vitoria-ES &cep=29042510&number=30 | GM Niteroi-RJ &cep=24240770&number=26 MD Ariquemes-RO &cep=76875804&number=2050 | MD Caçador-SC &cep=89500001&number=100 | MD Guapiaçu-SP &cep=15110000&number=421

rodapé: #BLOCO-04
GM Maceio-Al &cep=57020690&number=100 | GM Vitoria-ES &cep=29042510&number=30 | GM Niteroi-RJ &cep=24240770&number=26
MD Ariquemes-RO &cep=76875804&number=2050 | MD Caçador-SC &cep=89500001&number=100 | MD Guapiaçu-SP &cep=15110000&number=421

7.9.2) Componente Card 360 via Catalogo Etiqueta Padrão Multi PF

Subtítulo Componente Card 360 via Catalogo

7.9.3) Componente Card 360 via Catalogo Etiqueta Padrão Multi PJ

Subtítulo Componente Card 360 via Catalogo

7.9.4) Componente Card 360 Item via Catalogo

CMS-19153 [Card 360][Mind] Erro na variável Por XX meses e CMS-19154 [MIND][TV] Disponibilidade cabo e satélite

8) Componente Card Horizontal - Layout Default - Com imagem a direita

Subtítulo Card Horizontal

Imagem Card Horizontal Texto Alternativo

Highlight

Card Horizontal 1

Subtítulo - Layout padrão - imagem a DIREITA

[FULL] Para quem gosta de falar e navegar à vontade  sem se preocupar com recargas
  • Tópico 01

  • Tópico 02

Prefixo R$8,99

R$9,99

Sufixo

Rodapé Card horizontal

8.1) Componente Card Horizontal - Layout Inverse - Sem imagem - Texto à Esquerda

Subtítulo Card Horizontal

Highlight

Card Horizontal 8

Subtítulo - Layout inverso - SEM imagem a ESQUERDA

[FULL] Para quem gosta de falar e navegar à vontade sem se preocupar com recargas texto negrito.
  • Tópico 05

  • Tópico 6

Prefixo R$8,99

R$9,99

Sufixo

Rodapé

8.2) Componente Card Horizontal - Layout Secondary - Sem imagem - Texto ao Centro

Subtítulo Card Horizontal

Highlight

Card Horizontal 10

Subtítulo - Layout secondary - SEM imagem a CENTRO

[FULL] Para quem gosta de falar e navegar à vontade sem se preocupar com recargas texto negrito.
  • Tópico 03

  • Tópico 04

Prefixo R$8,99

R$9,99

Sufixo

Rodapé

8.3) Componente Card Horizontal - Layout Default - Com vídeo Youtube a esquerda

Subtítulo "Saiba como instalar a sua Box Claro tv+:"

assista-ao-tutorial-card-horizontal-clarotvmaisbox

É fácil, rápido e não precisa de um técnico Claro

Quando receber a sua Box em casa, siga 3 passos e pronto! Já pode curtir a programação e personalizá-la com o que quiser.



Assista ao vídeo e siga as instruções.


8.4) Componente Card Horizontal - Layout Default - Com vídeo Youtube

Subtítulo Card Horizontal

capa video

Highlight

Card Horizontal 12

Subtítulo - Layout secondary - SEM imagem a ESQUERDA

[FULL] Para quem gosta de falar e navegar TEXTO EM NEGRITO à vontade sem se preocupar com recargas.

  1.  a ultravelocidade de 1 GIGA da Claro!
  • Aproveite a ultravelocidade de 1 GIGA da !
  • Tópico 05

  • Tópico 6

Prefixo R$8,99

R$9,99

Sufixo

Rodapé

8.5) Componente Card Horizontal com modal da Porteira de CEP

Subtítulo

Imagem Card Horizontal Texto Alternativo

Tudo em um só lugar!

Agora você pode gerenciar todos os produtos e serviços da Claro em um só lugar. Baixe o app Minha Claro, faça seu autoatendimento e aproveite as ofertas e benefícios exclusivos do app.

Rodapé

9) Componente Tab select com abas

O Componente Tab Select aceita Lista de Cards, Card de vendas, Iframe, e Shortcut dentro da lista do "Tab Select".

    Rodapé

    10) Componente Texto

    Subtítulo Texto

    Texto 1 [FULL] Mussum Ipsum, cacilds vidis litro abertis. Manduma pindureta quium dia nois paga.Leite de capivaris, leite de mula manquis sem cabeça.Sapien in monti palavris qui num significa  nadis i pareci latim.Delegadis gente finis, TEXTO NEGRITO bibendum egestas augue arcu ut est.
    Texto 2 [FULL] Mussum Ipsum, cacilds vidis litro abertis.  Manduma pindureta quium dia nois paga.Leite de capivaris, leite de mula manquis  sem cabeça.Sapien in monti palavris qui num significa  nadis i pareci latim.Delegadis gente finis, TEXTO NEGRITO bibendum egestas augue arcu ut est.

    Rodapé

    11) Componente Shortcut Icon - Backgroud: Secondary - Destaque primeiro item: Border

    Subtítulo Novo Shortcut

    Rodapé

    11.1) Componente Shortcut Icon - Layout Default - Teste de todos os tipos de links

    Subtítulo Shortcut

    Rodapé

    12) Componente Mosaico - Com sombreamento

    Subtítulo Mosaico

    Rodapé

    13) Componente Institucional - Com sombreamento

    Subtítulo Institucional

    Rodapé

    14) Componente Double Card

    Subtítulo Double Card

    Double Card Texto Alternativo

    Double Card 03

    Planos com muitos serviços e conteúdo digital para assistir, jogar ou ouvir quando e onde quiser.
    Double Card Texto Alternativo

    Double Card 04

    Planos com muitos serviços e conteúdo digital para assistir, jogar ou ouvir quando e onde quiser.

    Rodapé

    15) Componente Documento

    Subtítulo Documento

    Rodapé

    16) Componente HTML

    Subtítulo HTML

    Soluções de dispositivos Wi-Fi

    Conheça no comparativo, mais detalhes sobre os roteadores e escolha aquele que melhor atende o que você precisa.

    Tabela comparativa de roteadores
    Funcionalidades M5 M4
    Wi-fi Velocidade 2.4GHz Sim Sim
    Wi-fi Velocidade 5GHz Não Não
    QoS Sim Sim
    Bluetooth Sim Não
    Controle led Sim Sim
    App Mobile Sim Sim
    Assistente de posicionamento Sim Não
    Teste de velocidade Sim Sim
    Parental Control Sim Sim
    Troca de senha Sim Sim
    Controle de consumo Sim Sim
    Antivírus Sim Não
    Firewall Sim Não

    Rodapé

    17) Componente Tópico Vertical - Layout Default

    Subtítulo Tópico Vertical

    Topico 01

    Mussum Ipsum, cacilds vidis litro abertis. Interessantiss quisso pudia ce receita de bolis, mais bolis eu num gostis. In elementis mé pra quem é amistosis quis leo. Quem manda na minha terra sou euzis! Delegadis gente finis, bibendum egestas augue arcu ut est.

    Topico 02

    Mussum Ipsum, cacilds vidis litro abertis. Interessantiss quisso pudia ce receita de bolis, mais bolis eu num gostis. In elementis mé pra quem é amistosis quis leo. Quem manda na minha terra sou euzis! Delegadis gente finis, bibendum egestas augue arcu ut est.

    Topico 03

    Mussum Ipsum, cacilds vidis litro abertis. Interessantiss quisso pudia ce receita de bolis, mais bolis eu num gostis. In elementis mé pra quem é amistosis quis leo. Quem manda na minha terra sou euzis! Delegadis gente finis, bibendum egestas augue arcu ut est.

    Rodapé

    17.1) Componente Tópico Vertical - Layout Inverse

    Subtítulo Tópico Vertical

    1

    Topico 04

    Mussum Ipsum, cacilds vidis litro abertis. Interessantiss quisso pudia ce receita de bolis, mais bolis eu num gostis. In elementis mé pra quem é amistosis quis leo. Quem manda na minha terra sou euzis! Delegadis gente finis, bibendum egestas augue arcu ut est.

    2

    Topico 05

    Mussum Ipsum, cacilds vidis litro abertis. Interessantiss quisso pudia ce receita de bolis, mais bolis eu num gostis. In elementis mé pra quem é amistosis quis leo. Quem manda na minha terra sou euzis! Delegadis gente finis, bibendum egestas augue arcu ut est.

    3

    Topico 06

    Mussum Ipsum, cacilds vidis litro abertis. Interessantiss quisso pudia ce receita de bolis, mais bolis eu num gostis. In elementis mé pra quem é amistosis quis leo. Quem manda na minha terra sou euzis! Delegadis gente finis, bibendum egestas augue arcu ut est.

    Rodapé

    17.2) Componente Tópico Vertical com Brands - Layout Default

    Subtítulo Tópico Vertical

    Tópico 25

    Tópico 25

    Brands - Mussum Ipsum, cacilds vidis litro abertis. Interessantiss quisso pudia ce receita de bolis, mais bolis eu num gostis. In elementis mé pra quem é amistosis quis leo.

    Tópico 26

    Tópico 26

    Brands - Mussum Ipsum, cacilds vidis litro abertis. Interessantiss quisso pudia ce receita de bolis, mais bolis eu num gostis. In elementis mé pra quem é amistosis quis leo.

    Tópico 27

    Tópico 27

    Brands - Mussum Ipsum, cacilds vidis litro abertis. Interessantiss quisso pudia ce receita de bolis, mais bolis eu num gostis. In elementis mé pra quem é amistosis quis leo.

    Tópico 28

    Tópico 28

    Brands - Mussum Ipsum, cacilds vidis litro abertis. Interessantiss quisso pudia ce receita de bolis, mais bolis eu num gostis. In elementis mé pra quem é amistosis quis leo.

    Tópico 29

    Tópico 29

    Brands - Mussum Ipsum, cacilds vidis litro abertis. Interessantiss quisso pudia ce receita de bolis, mais bolis eu num gostis. In elementis mé pra quem é amistosis quis leo.

    Rodapé

    18) Componente Video

    Subtítulo Video

    2) Título Dentro do vídeo YouTube

    Subtítulo Dentro do vídeo YouTube - sem capa

    video-claro-meetup

    Rodapé

    19) Componente Claro direto

    Subtítulo Insira no espaço abaixo o código do nosso consultor que está disponível no crachá. Você conseguirá validar os dados para realizar suas compras com tranquilidade e segurança.

    Código inválido.

    Rodapé

    23) Componente Iframe

    Subtítulo Iframe

    Rodapé

    24) Componente Enquete - Quem sai do BBB? Default | 5 ou + cards

    Vote e saiba quem sai do Big Brother Brasil. (5 cards)

    Qual time leva o Paulistão 2024?

    Queremos saber a sua opinião!

    25) Componente Roaming Internacional - Encontre seu próximo país de destino

    Subtítulo Roaming Internacional

    Rodapé

    26) Componente Tag

    Subtítulo Tag

    Rodapé

    29) Componente Artigo - H2, H3 e H4

    Subtítulo Artigo

    H2 Vocêsabe qual é o número do seu chip empresarial?

    Essa informação é crucial para diversas situações, como realizar ligações, receber mensagens e gerenciar sua conta. Pensando nisso, preparamos este guia completo para te auxiliar nessa tarefa.

    teste

    H3 - Por que é importante saber o seu número?

    Conhecer o número do seu chip é essencial para:

    • Realizar ligações: Com o número em mãos, você pode adicionar contatos e fazer ligações com mais facilidade.

    • Receber ligações e mensagens: Para que outras pessoas possam entrar em contato com você, é fundamental que tenham o número correto.

    • Gerenciar sua conta: Para consultar saldo, alterar planos ou solicitar serviços adicionais, você precisará informar o número da sua linha.


    H4 - Conheça os planos de celular para empresas da Claro!

    A Claro oferece uma variedade de planos empresariais com benefícios exclusivos para empresas de todos os portes. Ao conhecer nossos planos, você poderá encontrar a solução ideal para as necessidades da sua empresa, com serviços como internet móvel de alta velocidade, ligações ilimitadas e muito mais.

    Clique aqui e confira agora!

    Esperamos que este guia tenha te ajudado a descobrir o número do seu chip Claro empresarial. Caso tenha alguma dúvida, entre em contato com a nossa central de atendimento.

    rich_snippets_speakable
    Claro pagina componente vídeo

    Criando componente Artigo no Storyblok

    Criando componente Artigo no Storyblok

    Criando componente Hub de Artigos

    Criando componente Hub de Artigos

    Testando componente Artigo

    Rodapé

    30) Componente Mapa do site com accordion desabilitado

    Subtítulo Mapa do site com Categoria e Subcategoria ocultado

    Rodapé (site/internet/banda-larga/mt)

    30.1) Componente Mapa do site com accordion desabilitado

    Subtítulo Mapa do site com Categoria e Subcategoria

    Rodapé (site/internet/banda-larga/rn)

    30.2) Componente Mapa do site com accordion habilitado

    Subtítulo Mapa do site com Categoria e Subcategoria ocultado

    Rodapé (site/internet/banda-larga/mg)

    30.3) Componente Mapa do site com accordion habilitado

    Subtítulo Mapa do site com Categoria e Subcategoria

    Rodapé (site/internet/banda-larga/mt)