Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This application is a video presentation tool designed to showcase the features and functionalities of an app through a horizontal video format. It focuses on providing clear explanations and highlights of the app's interface, ensuring that viewers can easily understand its purpose and capabilities.

## CORE FEATURES
1. **Video Playback**: A fully functional video player that supports horizontal video formats, allowing users to watch the presentation seamlessly.
2. **Text Overlays**: Dynamic text overlays that provide contextual information and explanations while the video plays, ensuring clarity and engagement.
3. **Interactive Elements**: Clickable areas within the video that allow users to interact with specific features of the app being showcased.
4. **Download Option**: Users can download the video for offline viewing or sharing purposes.
5. **Feedback Mechanism**: An integrated feedback form that allows viewers to share their thoughts or ask questions about the app post-viewing.

## 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 top navigation bar, a central video display area, with text overlays appearing in a semi-transparent background at the bottom of the video. A feedback section will be positioned below the video player.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript.
- **Styling**: Tailwind CSS.
- **UI Components**: shadcn/ui.
- **State Management**: Use React's built-in state management for handling user interactions and video playback states.

## IMPLEMENTATION STEPS
1. **Setup Project**: Initialize a new React project with TypeScript and install dependencies including Tailwind CSS and shadcn/ui.
2. **Create Video Component**: Develop a video component to handle video uploads and playback functionalities.
3. **Implement Text Overlay**: Create a component for text overlays that can dynamically display content based on video progress.
4. **Add Interactive Elements**: Integrate interactive hotspots within the video that link to app features.
5. **Develop Feedback Form**: Create a form component to collect user feedback post-video viewing.
6. **Style Components**: Use Tailwind CSS to apply the minimalist design specifications, ensuring a cohesive look across all components.
7. **Test Functionality**: Conduct thorough testing on various devices to ensure responsiveness and functionality of all features.

## USER EXPERIENCE
Users will land on a clean, minimalist interface where they can easily navigate to the video player. As the video plays, text overlays will appear at strategic points to provide guidance and explanations, enhancing the user's understanding. The feedback form will be easily accessible at the end of the video, ensuring an engaging and interactive experience. Overall, the application will prioritize clarity, simplicity, and ease of use, aligning with the user's vision for a functional video presentation tool.