Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a web application designed to facilitate language translation services across multiple languages. Users will have access to a simple and intuitive interface that allows them to input text and select their desired languages for translation. The application aims to provide a seamless user experience with a focus on efficiency and clarity.

## CORE FEATURES
1. **Language Selection**: Users can choose from a wide array of languages for both input and output.
2. **Text Input Area**: A clean and spacious text area for users to enter the text they wish to translate.
3. **Translation Button**: A prominent button that triggers the translation process.
4. **Results Display**: A section that clearly presents the translated text, maintaining readability.
5. **Copy to Clipboard**: An option for users to easily copy the translated text for use elsewhere.
6. **Responsive Design**: The interface adjusts seamlessly for different screen sizes, ensuring accessibility on both desktop and mobile devices.

## 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**: The main layout will consist of a header with the application title, a central area for the text input and language selection, followed by the translation button, and a results area below it. A footer may include contact information or additional links.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: React's built-in state management (useState, useEffect) or Context API for larger state management if necessary.

## IMPLEMENTATION STEPS
1. **Set Up the React Project**: Initialize a new React project using Create React App with TypeScript template.
2. **Install Dependencies**: Add Tailwind CSS and shadcn/ui components to the project.
3. **Create Components**: 
   - Build a Header component for the application title.
   - Create a LanguageSelector component for choosing input and output languages.
   - Develop a TextInput component for text entry.
   - Implement a TranslationButton component that triggers the translation process.
   - Design a ResultsDisplay component for showing the translated text.
4. **Styling the Components**: Apply Tailwind CSS classes to ensure a minimalist design, utilize the primary color for buttons and highlights.
5. **Implement Translation Logic**: Integrate an API for translation services or develop a simple translation algorithm.
6. **Add Copy Functionality**: Implement the copy-to-clipboard feature for user convenience.
7. **Test Responsiveness**: Use CSS media queries to ensure the application is mobile-friendly and responsive.

## USER EXPERIENCE
Users will land on a clean interface where they can effortlessly select their languages and input text. Upon clicking the translation button, they will receive the translated text displayed clearly beneath the input area. The copy feature will allow users to easily utilize the translation in their desired applications. The overall experience will prioritize user-friendliness and quick access to translation functions.