O cliente busca um desenvolvedor para criar um site completo de Saúde & Bem-Estar. O projeto deve ser construído utilizando React, Tailwind CSS e Shadcn/ui, com foco em uma experiência de usuário moderna e responsiva.
As funcionalidades essenciais incluem:
* Página Inicial (Home / Hero):
* Um título impactante: "Cuide do seu corpo e da sua mente 🌱".
* Um subtítulo descritivo: "Produtos e soluções naturais para mais energia, equilíbrio e bem-estar."
* Um botão de chamada para ação que direcione o usuário para a seção de produtos.
* Seção de Produtos / Catálogo:
* Exibição de um produto único, "MindCalm – Meditações", com descrição "Acesso 30 dias ao app de meditação – R$ 39,90".
* Cada produto deve ter um ícone, uma descrição detalhada e um botão "Adicionar ao carrinho".
* Carrinho de Compras:
* Implementação de um carrinho lateral que se abre ao clicar em um ícone dedicado.
* Listagem clara dos produtos adicionados, incluindo nome, preço, quantidade e subtotal individual.
* Funcionalidades para aumentar ou diminuir a quantidade de cada item e remover itens do carrinho.
* Exibição do subtotal total de todos os produtos no carrinho.
* Um botão "Finalizar compra" para prosseguir para o checkout.
* Checkout via PIX:
* Ao clicar em "Finalizar compra", o sistema deve exibir um QR Code para pagamento via PIX.
* A chave PIX correspondente também deve ser exibida em formato de texto para que o usuário possa copiar e realizar o pagamento.
* O processo de confirmação do pagamento será manual por parte do vendedor.
* Seção de Contato:
* Um formulário simples contendo campos para Nome, E-mail e Mensagem, com um botão de envio.
* Rodapé (Footer):
* Inclusão de uma declaração de direitos autorais: "© [Ano Atual] Vida Plena – Todos os direitos reservados."
Requisitos Adicionais:
* Animações: Implementar animações leves nos títulos utilizando Framer Motion para uma experiência mais dinâmica.
* Responsividade: O site deve ser totalmente responsivo, garantindo uma visualização otimizada em dispositivos móveis, tablets e desktops.
* Design: Utilizar uma paleta de cores baseada em tons de verde e cores suaves, alinhadas ao tema de saúde e bem-estar.
* Funcionalidade Offline: O carrinho de compras e o processo de checkout devem ser completamente funcionais no frontend, mesmo sem a necessidade de um backend para persistência de dados (simulando a lógica de um e-commerce).
Entrega Esperada:
* Código React completo e bem estruturado.
* Projeto configurado para ser executado com Vite ou
Next.js.
* Integração de Tailwind CSS e Shadcn/ui.
* Utilização de Framer Motion para as animações.
* Geração automática do QR Code PIX conforme especificado.
Prazo de Entrega: Não estabelecido