Lovable Prompt Creator - AI Prompt Generator

# APPLICATION OVERVIEW
InkFlow is a premium web application designed for intelligent tattoo studio pricing and quote generation. It features a sleek, modern interface that utilizes glassmorphism to deliver a high-quality user experience, focusing on accurate pricing calculations based on various contextual factors. The app prioritizes simplicity and responsiveness, making it easy for artists to generate quotes quickly.

# CORE FEATURES
1. **Smart Tattoo Price Generator**: An intelligent pricing engine that uses contextual logic and dynamic multipliers to calculate tattoo costs based on multiple customizable factors such as size, complexity, and body placement.

2. **Pain & Difficulty Zones**: An interactive body map that visually represents pain and difficulty zones, influencing pricing and time estimates based on tattoo placements.

3. **Visual Complexity Selector**: A user-friendly interface that replaces traditional dropdowns with visual sliders and interactive selectors, allowing for a more tactile experience when selecting tattoo styles and complexity.

4. **Quick Pricing Mode**: A simplified mode featuring large visual preset cards for common tattoo types, enabling artists to generate fast estimates in just seconds.

5. **Professional Detailed Mode**: Advanced controls for professional artists that reveal detailed sliders and pricing modifiers, allowing for precise adjustments and customizations.

6. **Live Quote Preview**: A dynamic panel that updates in real-time to display estimated pricing, duration, session count, and pricing explanations, enhancing user engagement.

# 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 consists of a minimal floating sidebar for navigation (New Quote, Saved Quotes, Settings) alongside a visual calculator, live pricing feedback, and a beautiful quote preview with large interactive controls.

# TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Context API or Redux (as needed for managing state across components)

# IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install Tailwind CSS.
2. **Design Components**: Create core UI components such as the sidebar navigation, visual calculator, pricing display, and interactive selectors using Tailwind CSS for styling.
3. **Implement Smart Pricing Logic**: Develop the intelligent pricing engine, integrating contextual logic and dynamic multipliers based on user input.
4. **Create Interactive Body Map**: Develop the pain and difficulty zones feature with an interactive body map that updates pricing and time estimates dynamically.
5. **Develop Quick and Detailed Modes**: Implement the quick pricing mode with preset cards and the professional mode with detailed sliders and controls.
6. **Integrate Live Quote Preview**: Build the live quote preview panel that updates in real-time as users interact with the pricing engine.

# USER EXPERIENCE
Users will interact with the InkFlow application through a highly visual and intuitive interface. The floating sidebar allows easy navigation, while the main screen focuses on the pricing calculator and live quote preview. Users can quickly switch between quick pricing and detailed modes, with all interactions designed to feel premium, responsive, and engaging. Smooth animations and subtle microinteractions enhance the overall user experience, ensuring that even first-time users can navigate the app without confusion.