Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project aims to create a minimalist web application designed to showcase a cinematic drama scene set in a café. The application serves as an interactive storytelling platform, allowing users to explore the emotional nuances and visual storytelling of the scene between Meera and Arjun. The focus will be on delivering a clean, engaging user experience that highlights the dramatic narrative through visual elements and typography.

## CORE FEATURES
1. **Scene Presentation**: A dedicated section to display the cinematic scene with high-quality visuals and accompanying text dialogue for an immersive experience.
2. **Character Profiles**: Brief descriptions of the main characters, Meera and Arjun, exploring their backgrounds and emotional states in relation to the scene.
3. **User Interaction**: Options for users to engage with the scene, such as commenting or sharing their interpretations and emotional responses.
4. **Responsive Design**: An adaptable layout that provides an optimal viewing experience across various devices, ensuring accessibility and ease of use.
5. **Visual and Audio Enhancements**: Background soundscapes and subtle animations that enhance the storytelling without overshadowing the dialogue or visuals.

## 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 feature a hero section at the top showcasing the café scene, followed by sections for character profiles, user interactions, and visual/auditory enhancements. Each section will be clearly defined to facilitate easy navigation.

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

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and configure Tailwind CSS for styling.
2. **Create Layout Components**: Build the main layout structure with reusable components (Header, Footer, Section) to ensure consistency across the application.
3. **Design Hero Section**: Develop the hero section to present the café scene, incorporating high-quality imagery and the dialogue text with appropriate styling.
4. **Implement Character Profiles**: Create a dedicated section for character profiles, ensuring the design aligns with the overall minimalist aesthetic.
5. **Add User Interaction Features**: Integrate comment functionality or response forms to encourage user engagement with the scene.
6. **Enhance Visuals and Audio**: Incorporate suitable background music and visual enhancements that align with the emotional tone of the scene, ensuring they are subtle and enhance the storytelling.
7. **Test Responsiveness**: Ensure the application maintains a high-quality user experience across different devices and screen sizes.
8. **Deploy Application**: Prepare the application for deployment using platforms like Vercel or Netlify.

## USER EXPERIENCE
Users will enter the application and be greeted by a visually striking hero section that sets the mood for the café scene. The dialogue will be presented clearly, allowing users to immerse themselves in the emotional tension between Meera and Arjun. As users scroll, they will encounter character profiles that provide context and deepen their understanding of the characters’ motivations. Interaction options will encourage users to share their thoughts and feelings about the scene, fostering a community of engagement and discussion. The overall experience will be intuitive, ensuring users can navigate effortlessly while appreciating the story being told.