Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
Este projeto consiste em uma aplicação web que permitirá aos usuários traduzir texto em uma variedade de idiomas. O objetivo é fornecer uma interface simples e intuitiva, onde os visitantes possam inserir texto e escolher o idioma de destino para tradução. A aplicação seguirá um design minimalista que foca na usabilidade e eficiência.

## CORE FEATURES
1. **Campo de Texto para Tradução**: Um campo onde os usuários podem inserir o texto que desejam traduzir.
2. **Seleção de Idiomas**: Um menu dropdown que permitirá aos usuários escolher entre diferentes idiomas para tradução.
3. **Botão de Tradução**: Um botão que executa a tradução do texto inserido quando clicado.
4. **Exibição de Resultados**: Área que mostrará a tradução resultante de forma clara e legível.
5. **Acessibilidade**: A aplicação será projetada para ser acessível a todos os usuários, incluindo aqueles com necessidades especiais.
6. **Responsividade**: A interface será adaptativa, garantindo uma ótima experiência em dispositivos móveis e desktops.

## DESIGN SPECIFICATIONS
- **Visual Style**: minimalist - Clean, simple design with plenty of white space, minimal color palette, and focus on typography
- **Color Mode**: Light theme with dark text on light backgrounds
- **Primary Color**: #1978E5 (accent for buttons, links, highlights)
- **Typography**: Use Inter from Google Fonts for headings, Inter for body text and UI elements
- **Border Radius**: 8px (moderately rounded) for buttons, cards, and inputs
- **Layout**: A estrutura principal será uma coluna centralizada com o campo de texto no topo, seguido pela seleção de idiomas e pelo botão de tradução, e, por fim, a área de exibição de resultados.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: React Context API (ou outro se necessário)

## IMPLEMENTATION STEPS
1. **Configuração do Ambiente**: Inicie um novo projeto React com TypeScript e instale as dependências necessárias, incluindo Tailwind CSS e shadcn/ui.
2. **Criação da Estrutura de Componentes**: Desenvolva os componentes principais: `TextoInput`, `IdiomaSelector`, `BotaoTraduzir`, e `Resultado`.
3. **Estilização com Tailwind CSS**: Aplique as classes do Tailwind CSS para garantir que o design minimalista e responsivo seja implementado conforme as especificações.
4. **Implementação da Lógica de Tradução**: Utilize uma API de tradução (como Google Translate ou similar) para processar as entradas.
5. **Testes**: Realize testes de usabilidade para garantir que a aplicação funcione corretamente em diferentes dispositivos e navegadores.
6. **Implantação**: Utilize uma plataforma como Vercel ou Netlify para implantar a aplicação e torná-la acessível ao público.

## USER EXPERIENCE
Os usuários iniciarão a interação na página inicial, onde poderão ver um campo de texto limpo e um menu para selecionar o idioma desejado. Após inserir o texto e escolher o idioma, eles clicarão no botão de tradução. A tradução aparecerá imediatamente abaixo, permitindo que os usuários copiem ou utilizem a tradução conforme necessário. A interface será intuitiva e fácil de navegar, com foco em uma experiência de usuário fluida e agradável.