Hero

Abertura com título principal, descrição, arte e chamadas para ação. O layout card organiza texto e mídia lado a lado; no celular, empilha as duas áreas.

Exemplo: Hero, Card

const Card = () => <Hero
    title="Participe da campanha e concorra a prêmios"
    description="Cadastre sua compra e acompanhe sua participação de forma simples e segura."
    primaryAction={{ label: 'Participar', href: '#cadastro' }}
    secondaryAction={{ label: 'Saiba mais', href: '#como-participar' }}
    disclaimer="*Imagem meramente ilustrativa" />;

O que adaptar

Use title, description, primaryAction e secondaryAction para a mensagem da campanha. Cada ação aceita label e href ou onClick. media recebe a arte; sem mídia, aparece o placeholder. disclaimer permite uma legenda como “Imagem meramente ilustrativa”.

O layout banner permite arte de fundo com backgroundImage. O título é um h1: use apenas uma abertura principal por página.