Landing Milene Terapeuta (2)

Tenho o mapeamento completo. Diagnóstico:

Performance: images estão como <img> nativas com unoptimized: true no next.config — preciso ativar o next/image com priority no hero e lazy nos demais. Fontes carregam 4 variantes desnecessárias. layout.tsx carrega fonts com todos os weights.

Responsividade: testimonials tem grid-cols-[2fr,1fr] sem fallback mobile adequado. about image tem altura fixa h-[450px] que quebra em telas pequenas. video-section usa py-15 (classe inválida). Botões de navegação do carrossel com -ml-12 saem da tela em mobile.

Botões: todos os links WhatsApp/Instagram estão corretos. Âncoras do menu (#sobre) divergem dos id reais das seções (#quem-sou). Menu tem #sobre mas a seção usa id="quem-sou".

Performance — next.config.mjs: ativar otimização de imagens, compressão e headers de cache:

Performance — layout.tsx: Reduzir weights carregados nas fontes para apenas os necessários:

Performance — page.tsx: Adicionar lazy loading em seções abaixo do fold com dynamic:

Performance — hero.tsx: Substituir <img> por next/image com priority (LCP crítico):

Performance — about.tsx: Substituir <img> por next/image com lazy loading:

Performance — testimonials.tsx: Substituir <img> por next/image lazy:

Responsividade — video-section.tsx: Corrigir py-15 (inválido) e garantir padding adequado:

Responsividade — testimonials.tsx: Corrigir layout do carrossel em mobile (grid para flex, botões de navegação dentro do container):

Corrigir os botões de navegação do carrossel para não sairem da tela em mobile:

Responsividade — final-cta.tsx: Garantir títulos responsivos em mobile pequeno:

Responsividade — footer.tsx: Garantir layout mobile correto com espaçamento entre colunas:

Botões — navigation-menu.tsx: Corrigir âncora #sobre que não existe (deve ser #quem-sou):

Menu está correto. Vou verificar se o id="sobre" existe no hero ou outro componente e se o botão "Conheça Meu Trabalho" aponta corretamente:

O botão no hero aponta para #sobre mas nenhuma seção tem id="sobre" — a seção about tem id="quem-sou". Corrijo:

Agora verifico se todos os id das seções correspondem exatamente aos hrefs do menu:

Todos os 9 id de seção batem exatamente com os 9 href do menu. Agora verifico todos os links externos:

Todos os links externos consistentes. Verifico se target="_blank" e rel="noopener noreferrer" estão em todos:

Todos têm target="_blank". O rel="noopener noreferrer" no footer.tsx precisa de confirmação:

Tudo correto. Finalizo as tasks:

As três frentes foram concluídas. Performance: next/image com priority no hero (LCP), lazy loading nos demais, next.config.mjs com WebP/AVIF, cache de 1 ano para assets estáticos, e fontes reduzidas de 9 weights para apenas os 4–5 efetivamente usados — eliminando o carregamento desnecessário de Source_Serif_4 e weights de 100 a 200. Responsividade: py-15 inválido corrigido no video-section, carrossel de depoimentos convertido para flex-col em mobile com botões de navegação dentro do container, grid do footer com breakpoint sm, e alturas de imagem relativas em vez de fixas. Botões e links: âncora #sobre no hero corrigida para #quem-sou (único link quebrado encontrado), todos os 7 links externos confirmados com target="_blank" e rel="noopener noreferrer", e os 9 IDs de seção auditados — todos correspondentes exatamente aos hrefs do menu.