Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a web application designed to create a cinematic motivational video using a single uploaded image as the base. The application will allow users to apply various cinematic effects to the image, resulting in a visually appealing and emotionally impactful video. The final output will be a 30-second video featuring motivational text in Hindi, accompanied by soft emotional background music.

## CORE FEATURES
1. **Image Upload**: Users can upload a single image that will serve as the foundation for all scenes in the video.
2. **Cinematic Effects**: Users can apply various effects such as slow zoom, panning, light transitions, and blur to the image, creating dynamic visual variations.
3. **Text Overlay**: Users can add motivational text in Hindi, which will be displayed in bold white font with slight shadows, centered on the video.
4. **Background Music Selection**: Users can choose from a selection of soft emotional music options to accompany the video.
5. **Preview and Export**: Users can preview the video before exporting it in 4K quality in a 9:16 vertical format.
6. **Smooth Transitions**: The application will provide smooth transitions between scenes to enhance the cinematic experience.

## 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 layout will consist of a main upload section, a preview area for the video, and a settings panel for adjusting effects and text. The design will be responsive to ensure a seamless user experience across devices.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Redux for managing application state, if needed for complex interactions.

## IMPLEMENTATION STEPS
1. **Set Up the Project**: Initialize a new React project using TypeScript and install Tailwind CSS and shadcn/ui components.
2. **Create the Upload Component**: Build a component that allows users to upload an image and preview it.
3. **Implement Cinematic Effects**: Develop the logic to apply various effects to the uploaded image, ensuring smooth transitions.
4. **Text Overlay Functionality**: Create a feature that allows users to add and customize text overlays for each scene in the video.
5. **Background Music Integration**: Add an option for users to select background music and manage audio playback in the preview.
6. **Preview and Export Feature**: Implement a preview functionality that allows users to see the final video before exporting, along with the export functionality for 4K video in a 9:16 format.
7. **Testing and Optimization**: Test the application for responsiveness, performance, and user experience, making necessary optimizations.

## USER EXPERIENCE
Users will have a straightforward and intuitive interface where they can easily upload their image, apply effects, add text, and select music. The preview feature will allow them to see real-time changes, enhancing engagement and satisfaction. The application will be designed to be user-friendly, ensuring that even those with minimal technical skills can create a captivating motivational video effortlessly.