Componentes do projeto

src/components/ui/button.tsx

Botão com variantes (default, outline, ghost, destructive), tamanhos (sm, lg, icon) e suporte a asChild.

src/components/ui/badge.tsx

Tag compacta com variantes (default, secondary, outline, destructive) para status e categorias.

src/components/ui/input.tsx

Campo de entrada com estilos consistentes, foco acessível e suporte a ícones.

src/components/ui/card.tsx

Container com header, content e footer — base para cards de conteúdo e features.

src/components/ui/separator.tsx

Divisor visual horizontal ou vertical baseado em Radix UI.

src/components/ui/tabs.tsx

Navegação por abas com Radix UI — List, Trigger e Content acessíveis.

src/components/animated-section.tsx

Wrapper com fade-in animado ao entrar no viewport via Framer Motion.

src/components/page-skeleton.tsx

Skeleton de carregamento com variantes (guide, implementation, tool) para loading states.

src/components/score-gauge.tsx

Indicador circular animado de pontuação com cores por faixa (vermelho, amarelo, verde).

src/components/copy-feedback.tsx

Botão de copiar com feedback visual de sucesso.

src/components/feature-card.tsx

Card para listagem de features com ícone, título, descrição, tags e link.

src/components/step-card.tsx

Card numerado para passo a passo com ícone, título e descrição.

src/components/code-block.tsx

Bloco de código com syntax highlighting, botão de copiar e scroll horizontal.

src/components/view-source.tsx

Link expandível para visualizar código-fonte do componente.