Vou ler todos os arquivos relevantes para entender o sistema completo antes de fazer as mudancas:

Agora vou ler o resto da pagina finalizar e os dados de social proof:

Agora preciso identificar as imagens dos produtos mencionados nas notificacoes. Vou buscar:

Perfeito. Agora tenho tudo que preciso. Vou comecar as implementacoes. Primeiro, preciso remover o output: 'export' porque a API PIX real precisa de um route handler server-side (para esconder a secret key):

Agora preciso configurar a env var da secret key e criar a API route real:

Perfeito, a API key foi configurada. Agora vou implementar tudo. Vou comecar criando a API route real do PIX e atualizando os arquivos:

Agora vou ler o resto da finalizar e os socialProofMessages:

Agora preciso encontrar as imagens reais dos produtos mencionados nas notificacoes:

Preciso encontrar os IDs exatos dos outros produtos:

Agora tenho todas as imagens dos produtos. Vou fazer todas as mudancas em paralelo:

1. Social proof: trocar avatars de pessoas por imagens dos capacetes
2. API PIX real: criar route handler com PushinPay
3. Checkout: CEP auto-fill, validacao CPF, chamar API real
4. Pagamento: tutorial PIX, botao copiar maior
5. Badge verificado: na home

Vou comecar:

Agora vou atualizar o toast de social proof na home para mostrar a imagem como produto (quadrado, com bg) em vez de circular como avatar de pessoa, e adicionar o badge verificado laranja:

Agora vou atualizar o toast para usar imagem quadrada do produto em vez de circular de pessoa:

Agora vou criar a API route real com PushinPay:

Agora vou reescrever a pagina de finalizar com CEP auto-fill, mascara de CPF e chamar a API real:

Agora adicionar os estados de validacao e CEP auto-fill:

Agora atualizar o handleChange para aplicar mascaras e buscar CEP:

Agora atualizar o handleSubmit para chamar a API real e adicionar validacao:

Agora atualizar os inputs de CPF, telefone e CEP com as mascaras e feedback de validacao:

Agora atualizar o input de CEP com auto-fill e loading:

Agora atualizar a validacao do botao de submit para incluir CPF valido:

Agora vou redesenhar completamente a pagina de pagamento com tutorial passo a passo e botao de copiar bem grande:

Todas as mudancas foram feitas. Aqui esta o resumo:

PIX real integrado: A API route /api/pix agora chama a PushinPay com sua secret key, gerando cobracas reais que aparecem na plataforma. O valor e enviado em centavos como a API exige.

CEP auto-fill + CPF validado: Ao digitar o CEP, os campos rua, bairro, cidade e UF sao preenchidos automaticamente via ViaCEP. O CPF tem mascara (000.000.000-00), validacao dos digitos verificadores em tempo real, e mostra erro em vermelho se invalido.

Notificacoes com imagem do produto: Os toasts de social proof agora mostram a foto do capacete/jaqueta comprada em vez de fotos de pessoas. A imagem aparece em formato quadrado com fundo claro.

Badge "Loja Verificada Kwai": Na home, ao lado de "Grid Motors", tem um icone de verificado laranja e uma tag "Loja Verificada Kwai" em destaque.

Pagina de pagamento redesenhada: Agora tem um tutorial completo passo a passo ensinando a pagar por QR Code ou Copia e Cola, com o botao "COPIAR CODIGO PIX" bem grande (py-5, text-lg), e uma secao de duvidas frequentes para dar confianca ao comprador.