Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a minimalist web application that showcases a serene video of rain falling in a forest, with a barely visible house in the background and a single light on. The main purpose is to create a calming experience for users, inviting them to immerse themselves in the soothing sounds and visuals of nature.

## CORE FEATURES
1. **Hero Section**: A full-screen video background of the rain falling in a forest, establishing the mood and theme of the application.
2. **Information Overlay**: A subtle overlay that provides descriptions or thoughts related to the video, enhancing user engagement without distracting from the visuals.
3. **Audio Control**: Users can control the volume of the rain sound, allowing for a customizable experience.
4. **Call to Action (CTA)**: A button inviting users to subscribe for more videos or related content, encouraging interaction and follow-up.
5. **Contact Form**: A section for users to provide feedback or inquiries, facilitating community engagement and communication.

## 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 feature a full-screen video in the hero section, followed by an information overlay and controls centered in the view. Below, the CTA and contact form will be neatly organized, maintaining a balanced and uncluttered appearance.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: React Context API (if needed for state sharing)

## IMPLEMENTATION STEPS
1. **Setup Project**: Initialize a new React project using Create React App with TypeScript template.
2. **Install Dependencies**: Install Tailwind CSS and shadcn/ui for styling and component management.
3. **Build Hero Section**: Create a full-screen video component that plays the rain video with an overlay for text.
4. **Audio Control Feature**: Implement an audio control slider to manage the volume of the background sound.
5. **Add CTA**: Design a prominent button using the primary color that leads to a subscription form or related content.
6. **Contact Form**: Create a simple form for user feedback, ensuring it aligns with the minimalist design.
7. **Responsive Design**: Ensure all components are responsive, adapting to various screen sizes while maintaining usability.
8. **Testing**: Conduct thorough testing for functionality, responsiveness, and overall user experience.

## USER EXPERIENCE
Users will land on a visually striking page where they are immediately greeted by the calming video of rain. The minimalist design allows for easy navigation, with intuitive controls for audio and a clear CTA that encourages further engagement. The contact form provides a straightforward way for users to express their thoughts or questions, fostering a sense of community around the content.