Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This web application will serve as a platform for translating English YouTube videos into Sinhala. It will provide users with a natural voice-over and synchronized subtitles, enhancing accessibility for Sinhala speakers. The application aims to streamline the translation process while ensuring an intuitive user experience.

## CORE FEATURES
1. **Video Upload & URL Input**: Users can upload videos directly or input YouTube links for translation.
2. **Automatic Translation**: The application uses AI to automatically translate spoken English into Sinhala.
3. **Natural Voice-Over**: Utilizes advanced text-to-speech technology to generate a natural-sounding Sinhala voice-over for the translated content.
4. **Subtitles Generation**: Automatically creates synchronized Sinhala subtitles that align with the voice-over.
5. **Preview Functionality**: Users can preview the translated video with voice-over and subtitles before finalizing.
6. **Download & Share Options**: Allows users to download the translated video or share it directly to social media platforms.

## DESIGN SPECIFICATIONS
- **Visual Style**: Minimalist - Clean and simple design with ample white space, focusing on user-friendly navigation and readability.
- **Color Mode**: Light theme with dark text on light backgrounds to enhance contrast and readability.
- **Layout**: A single-column layout with a prominent header, main content area for video upload and translation options, and a footer with contact information and links.
- **Typography**: Use sans-serif fonts like Arial or Helvetica for body text, with larger, bold headings to establish a clear hierarchy.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript for building a robust and maintainable application.
- **Styling**: Tailwind CSS for utility-first styling and responsive design.
- **UI Components**: Utilize shadcn/ui for pre-built components to enhance development speed and consistency.
- **State Management**: Use React Context API or Zustand for managing state throughout the application.

## IMPLEMENTATION STEPS
1. **Set Up the Project**: Initialize a new React project with TypeScript and install necessary dependencies including Tailwind CSS and shadcn/ui.
2. **Create the File Structure**: Organize the project into components, pages, and styles for better maintainability.
3. **Develop Core Components**:
   - Create a header component with navigation links.
   - Build a video upload component to handle file input and URL parsing.
   - Develop a translation display area for showing results and providing preview options.
4. **Integrate Translation API**: Connect with a translation API to handle the English to Sinhala translation and text-to-speech functionalities.
5. **Implement Preview Functionality**: Create a component to render the video with the translated audio and subtitles for user preview.
6. **Add Download & Share Features**: Implement functionality for users to download the translated video and share it on social media.
7. **Test the Application**: Conduct thorough testing to ensure all features work as intended and provide a seamless user experience.
8. **Deploy the Application**: Choose a hosting solution (e.g., Vercel or Netlify) for deployment and ensure the application is accessible to users.

## USER EXPERIENCE
Users will have a straightforward interaction flow starting from uploading or inputting a video link, followed by initiating the translation process. They will be able to preview the output with audio and subtitles before opting to download or share the final product. The minimalist design will ensure that users can navigate easily without distractions, focusing on the translation tasks at hand.