Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This web application is designed as a speed maker tool that connects with Gemini to generate expert-level scripts for social media. It allows users to upload various content sources, such as text files, PDFs, and YouTube links, which Gemini will then transform into animated whiteboard-style illustrations. Users can control animation speed and make adjustments on a timeline, while also generating audio in both English and Spanish and exporting the final product as an MP4.

## CORE FEATURES
1. **Content Upload**: Users can upload text files, PDFs, and YouTube links to serve as the source material for script generation.
2. **Script Generation**: Integration with Gemini to automatically create scripts based on the uploaded content.
3. **Animation Tools**: Users can generate premium whiteboard illustrations and animate slides, with adjustable hand-drawing speed.
4. **Timeline Editing**: A user-friendly timeline interface allows for easy corrections and adjustments to the animation sequence.
5. **Audio Generation**: Capability to generate audio narration in both English and Spanish to accompany the animations.
6. **Export Options**: Users can export the final animated project as an MP4 file for easy sharing and distribution.

## DESIGN SPECIFICATIONS
- **Visual Style**: Minimalist - A clean and simple design that emphasizes functionality with ample white space.
- **Color Mode**: Light theme with dark text on light backgrounds to ensure readability and focus.
- **Layout**: A single-page application layout with a top navigation bar, a main content area for uploading files and viewing the timeline, and a footer for additional resources and contact information.
- **Typography**: Use of sans-serif fonts for a modern look, with a clear hierarchy (larger headings for sections, medium for feature titles, and smaller for body text).

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript for robust type safety and component-based architecture.
- **Styling**: Tailwind CSS to facilitate rapid UI development with responsive design capabilities.
- **UI Components**: Utilize shadcn/ui for consistent and polished user interface elements.
- **State Management**: Redux or Context API for managing application state efficiently, especially for handling user uploads and animation settings.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install Tailwind CSS.
2. **Create Components**: Develop key components such as UploadForm, ScriptDisplay, AnimationTimeline, and AudioGenerator.
3. **Integrate Gemini API**: Implement API calls to Gemini for script generation based on user uploads.
4. **Animation Functionality**: Develop the animation logic to create whiteboard illustrations and manage hand-drawing speed settings.
5. **Audio Generation**: Integrate audio synthesis capabilities to generate voiceovers in English and Spanish.
6. **Export Functionality**: Implement the logic for exporting the final animation as an MP4 file.
7. **User Interface**: Style each component using Tailwind CSS to maintain a minimalist aesthetic.
8. **Testing**: Perform thorough testing to ensure all features function as expected and provide a smooth user experience.

## USER EXPERIENCE
Users will begin by uploading their content through a simple drag-and-drop interface. Once the content is uploaded, they will see the generated script and can use the timeline to adjust animation sequences. The application will provide real-time feedback, allowing users to preview their animations and audio. After final adjustments, they can easily export their projects as MP4 files, making the entire process seamless and intuitive.