Vou criar esse sistema de consulta de pedidos para pizzaria! Primeiro, deixa eu gerar uma inspiração de design e verificar a estrutura atual do projeto.

Agora vou criar o sistema de pedidos de pizzaria com todas as funcionalidades solicitadas. Vou atualizar o tema com cores quentes de pizzaria e criar os componentes necessários.

Agora vou criar os componentes do sistema. Primeiro, vou gerar as imagens das pizzas e criar os componentes:

Agora vou criar os componentes do sistema de pedidos:

Agora vou criar a página principal e atualizar o layout:

Pronto! Criei o sistema completo de consulta de pedidos para a pizzaria. Aqui está o que foi implementado:

Funcionalidades:

1. Manipulação do DOM:

   • Botão "Adicionar" em cada pizza cria dinamicamente o formulário de pedido
   • Lista de pedidos é atualizada em tempo real
   • Botão "Remover" para excluir pedidos
   • Botão "Avançar" para atualizar status (pendente → preparando → entregando → entregue)

2. Consumo de API (ViaCEP):

   • Busca de endereço pelo CEP
   • Exibe rua, bairro, cidade e UF
   • Formatação automática do CEP (00000-000)

3. Persistência (LocalStorage):

   • Pedidos são salvos e permanecem após recarregar a página
   • Último endereço pesquisado também é salvo
   • Hook customizado useLocalStorage para gerenciar os dados

4. Otimização:

   • Lazy loading nas imagens das pizzas (loading="lazy")
   • Imagens geradas em formato otimizado
   • Componentes divididos para melhor manutenção

O design usa cores quentes (vermelho/terracota como primária, tons dourados como accent) que remetem ao ambiente acolhedor de uma pizzaria artesanal italiana.