Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This web application is designed to enhance the user experience on Hinge by providing a feature that reminds users of hidden matches. The application will facilitate user engagement by bringing attention to potential connections that may have been overlooked, thus increasing interaction rates and overall satisfaction.

## CORE FEATURES
1. **Hidden Match Notifications**: Users receive reminders about matches they may have missed, encouraging them to revisit potential connections.
2. **Profile Insights**: Offers personalized insights on why certain matches were hidden based on user interactions and preferences.
3. **User Engagement Metrics**: Displays statistics on user interactions with hidden matches, such as views, likes, and messages sent.
4. **Customizable Reminders**: Users can set preferences for how often they want to be reminded about hidden matches—daily, weekly, or monthly.
5. **Interactive Match Gallery**: A clean, visual representation of hidden matches with options to like or message directly from the gallery.
6. **Feedback Mechanism**: Allows users to provide feedback on the hidden match feature for continuous improvement.

## DESIGN SPECIFICATIONS
- **Visual Style**: Minimalist - The design should feature a clean and simple aesthetic, with ample white space to enhance readability and focus on content.
- **Color Mode**: Light theme with dark text on light backgrounds, ensuring high contrast for readability.
- **Layout**: A single-column layout with a top navigation bar, a hero section showcasing the feature, followed by sections for core features and user testimonials, culminating in a strong call-to-action at the bottom.
- **Typography**: Use a sans-serif font such as Roboto or Open Sans for modern readability. Headings should be bold and larger to create a clear hierarchy, while body text remains at a comfortable size for reading.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS for utility-first styling
- **UI Components**: Utilize shadcn/ui for pre-designed components to enhance development speed and maintain consistency.
- **State Management**: Implement React's Context API or Zustand for managing state related to user interactions and notifications.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install necessary dependencies (React, Tailwind CSS, shadcn/ui).
2. **Create User Interface**: Build the main layout using Tailwind CSS, ensuring a responsive design that adapts to various screen sizes.
3. **Develop Core Features**: Implement the hidden match notifications and profile insights functionalities, integrating them with the Hinge API if available.
4. **Set Up State Management**: Use Context API or Zustand to manage user preferences for reminders and engagement metrics.
5. **Integrate Customizable Reminders**: Allow users to select their reminder preferences and implement notification logic.
6. **Test User Experience**: Conduct user testing to gather feedback on functionality and usability, making iterative improvements based on insights.

## USER EXPERIENCE
Users will interact with the application primarily through the main dashboard, where they will see notifications for hidden matches prominently displayed. The interactive gallery will allow easy access to these matches, with quick actions to like or message. Customization options for reminders will ensure that the feature aligns with individual user preferences, enhancing their overall experience on Hinge. Clear call-to-actions will guide users to engage with hidden matches, fostering a more active dating experience.