Rodapé.

Componente estrutural para fechar páginas com mensagem institucional, navegação complementar e assinatura.

Classes

Classes públicas disponíveis em `@carvalhorafael/proenem-css/patterns`.

ClasseTipoUso
pen-site-footerComponente

Rodapé institucional com marca, mensagem de apoio e navegação complementar.

pen-site-footer__contentElemento

Área editorial do rodapé, com chamada principal, apoio textual e marcador opcional.

pen-site-footer__titleElemento

Título principal do rodapé, com suporte a trechos fortes ou atenuados.

pen-site-footer__bodyElemento

Texto de apoio curto abaixo do título.

pen-site-footer__linksElemento

Grade de colunas para navegação complementar.

pen-site-footer__columnElemento

Grupo nomeado de links relacionados.

pen-site-footer__column-titleElemento

Título da coluna de links.

pen-site-footer__bottomElemento

Barra inferior para copyright, assinatura ou informação institucional curta.

pen-site-footer__copyrightElemento

Link institucional da barra inferior.

pen-site-footer__signatureElemento

Assinatura curta posicionada na barra inferior.

Rodapé institucional

Use no fechamento de páginas, apps e temas com navegação complementar.

renderSiteFooter({
  homeHref: "#",
  logoLabel: "ProEnem",
  eyebrow: "Manifesto Proenem",
  title: [
    { text: "Sua Aprovação " },
    { text: "não é", muted: true },
    { text: " sorte.", breakAfter: true },
    { text: "É método.", strong: true },
  ],
  body: "Construímos a infraestrutura que transforma esforço em resultado.",
  linkColumns: [
    {
      title: "Plataforma",
      links: [
        { href: "#metodo", label: "Método PRO" },
        { href: "#planos", label: "Planos" },
        { href: "#questoes", label: "Banco de questões" },
      ],
    },
    {
      title: "Suporte",
      links: [
        { href: "#ajuda", label: "Central de ajuda" },
        { href: "#contato", label: "Fale com a gente" },
        { href: "#faq", label: "FAQ" },
      ],
    },
  ],
  copyright: "@2026 ProEnem - Grupo Q Educação",
  signature: "Feito com ♥ para você",
});