Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a web application designed as an interactive platform for sales professionals. It will feature a database of common and uncommon questions that sales professionals may encounter, along with questions they can pose to potential clients. Users will be able to click on a question to reveal potential answers in a dropdown format, guiding conversations and enhancing engagement.

## CORE FEATURES
1. **Question Database**: A comprehensive collection of categorized questions relevant to various industries, easily searchable by sales professionals.
2. **Interactive Q&A Dropdown**: When a question is clicked, a dropdown displays potential answers, showcasing different conversation paths based on user selections.
3. **User Profiles**: Allow users to create and manage profiles, which can help in personalizing the experience and saving favorite questions.
4. **Feedback System**: Users can rate the usefulness of questions and answers, enabling continuous improvement of the content.
5. **Analytics Dashboard**: A simple dashboard to track which questions are most accessed and which answers are most helpful, providing insights to improve the platform.
6. **Responsive Design**: Ensure the application is fully functional on various devices, enhancing usability for sales professionals on the go.

## 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 top navigation bar, a central content area for displaying questions, and a sidebar for user profile and analytics access.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript.
- **Styling**: Tailwind CSS.
- **UI Components**: shadcn/ui.
- **State Management**: React Context API for global state management.

## IMPLEMENTATION STEPS
1. **Set up the project**: Initialize a new React application using Create React App with TypeScript.
2. **Install Dependencies**: Install Tailwind CSS, shadcn/ui, and any other necessary libraries.
3. **Create the Question Database**: Set up a mock database or API to serve the questions and answers.
4. **Build UI Components**: Create components for the navigation bar, question list, dropdown menus, user profile, and analytics dashboard.
5. **Implement State Management**: Use Context API to manage user sessions and store favorite questions.
6. **Design Responsive Layout**: Ensure all components are responsive for mobile and desktop views, applying Tailwind CSS utilities.
7. **Integrate Analytics Dashboard**: Create a simple dashboard to display question usage statistics based on user interactions.
8. **Testing and QA**: Perform thorough testing to ensure functionality and user experience are optimal.

## USER EXPERIENCE
Users will navigate to the platform and see a clean, minimalist interface. They can quickly search for questions, click to reveal answers, and engage with the content. The user profiles will allow them to save and personalize their experience. The feedback system will enable users to contribute to the platform's growth, while the analytics dashboard will provide insights into the most useful questions, enhancing user engagement and satisfaction.