Desafio Técnico Frontend Júnior

Objetivo

O objetivo deste desafio é desenvolver uma Landing Page para uma farmácia de manipulação fictícia. Você receberá um layout como referência e deverá implementá-lo utilizando tecnologias modernas de frontend.

Este teste busca avaliar sua capacidade de transformar um design em código funcional, suas decisões técnicas e a organização do projeto.

Requisitos Técnicos

• Core: React
• Bundler/Framework: Vite ou Next
• Estilização: Preferencialmente Tailwind CSS. Outras abordagens (CSS Modules, Sass, Styled Components) também são aceitas.
• Bibliotecas de Componentes: Livre escolha
• Backend: Não será avaliado. Funcionalidades como envio de orçamento devem ser mockadas.

Design

O layout base está disponível no Figma.

IMPORTANTE: O layout no Figma é apenas uma referência visual. Você NÃO precisa segui-lo à risca. Encorajamos que você aplique sua própria identidade visual, melhore a experiência do usuário (UX) e proponha um design moderno e atraente.

-> Link para o Figma

Pontos de atenção:

• A página deve ser responsiva (Mobile & Desktop).
• As imagens e ícones podem ser exportados diretamente do Figma ou substituídos por similares.

O que será avaliado?

• UI/UX: Avaliaremos sua capacidade de criar interfaces bonitas e funcionais.
• Código: Organização do projeto, estrutura de pastas e boas práticas.
• Responsividade: A aplicação deve funcionar bem em diferentes tamanhos de tela.

Diferenciais

• Internacionalização (i18n): Suporte para Português (PT-BR) e Espanhol (ES).
• Implementação de micro-interações ou animações suaves.

Como Entregar

1. Crie um repositório público no seu GitHub.
2. Adicione um README explicativo do projeto.
3. Envie o link do repositório para avaliação para o e-mail: tarcisio@singularpharma.com.br