Oferta de lançamento: Plus de ~~R$ 59,90~~ por R$ 39,90/mês até 31/10

Entrar Ver planos

GrátisSeçãoDemo

Rodapé Monumental

Marca gigante ocupando toda a largura

Copiar e integrar

Demonstração interativa

Sobre

Rodapé com colunas de links, assinatura de newsletter e a marca em escala monumental, recortada na base da página. Usa next/link nos links internos.

#footer #rodapé #marca #tipografia

Detalhes

Categoria: Rodapés
Tipo: Seção
Framework: React
Tecnologias: Next.js, React, Tailwind CSS
Publicado em: 14 de agosto de 2026

Dependências e requisitos

react>=18
Biblioteca de interface.
next>=14
Usa next/link para navegação.
tailwindcss>=3.4 · dev
Classes utilitárias de estilo.

Projeto Next.js 14+.
Tailwind CSS 3.4 ou 4 configurado.

Arquivos incluídos

components/integra/rodape-monumental.tsxtsx

Como usar

import RodapeMonumental from "@/components/integra/rodape-monumental";

<RodapeMonumental />

Copiar e integrar

Recurso gratuito. Copie no formato da ferramenta que você usa.

Código
Todos os arquivos, com o caminho de cada um.
Claude Code
Tarefa em passos para o agente executar no terminal.
Cursor
Instruções para o modo Agent do Cursor.
Codex
Especificação de tarefa com critérios de aceite.
Lovable
Prompt para o chat do Lovable (Vite + React).
Este recurso usa APIs do Next.js (next/link). Projetos Lovable usam Vite + React, sem Next.js.

Recursos semelhantes

Grátis
Hero Editorial
Hero Sections · React · Tailwind CSS
Seção
Premium
Hero Aurora
Hero Sections · React · Tailwind CSS · CSS
Seção
Premium
Preços com Alternância
Preços · React · Tailwind CSS
Seção