Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This web application serves as an AI-powered virtual interior design consultant, tailored for home improvement retailers and DIY enthusiasts seeking inspiration. It provides users with personalized interior design advice, leveraging AI technology to enhance the user experience while offering subscription-based services to home improvement stores.

## CORE FEATURES
1. **AI Design Consultation**: Users can input their preferences and receive tailored design suggestions, including color schemes, furniture arrangements, and decor ideas.
2. **Subscription Tiers**: A three-tier subscription model—Free, Anchor, and Premium—allowing users to choose a plan that fits their needs. Each tier offers distinct features, ensuring clear value differentiation.
3. **Design Inspiration Gallery**: A curated gallery showcasing different design styles and ideas to inspire users.
4. **Interactive Room Planner**: An intuitive tool enabling users to visualize their space with drag-and-drop functionality for furniture and decor items.
5. **User Account Management**: Users can create accounts to save their designs, preferences, and purchase history.
6. **Feedback and Ratings System**: Users can rate design suggestions and provide feedback, helping improve AI recommendations over time.

## 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 should feature a top navigation bar, a prominent hero section, followed by features in a grid format, a testimonials section, and a clear call-to-action at the bottom.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript.
- **Styling**: Tailwind CSS.
- **UI Components**: shadcn/ui.
- **State Management**: Redux or Context API for managing user state and preferences.

## IMPLEMENTATION STEPS
1. **Set Up the Project**: Initialize a new React project using Create React App with TypeScript support.
2. **Install Dependencies**: Add Tailwind CSS and shadcn/ui to the project for styling and UI components.
3. **Create the Layout**: Design the main layout structure, including the navigation bar, hero section, features grid, testimonials, and CTA.
4. **Develop Core Features**:
   - Implement the AI consultation feature using an API for AI-driven recommendations.
   - Set up the subscription model with clear distinctions among Free, Anchor, and Premium tiers.
   - Develop the interactive room planner using a drag-and-drop library.
5. **User Account Management**: Implement user authentication and account management features.
6. **Test and Deploy**: Conduct thorough testing of all features for user experience and responsiveness, then deploy the application.

## USER EXPERIENCE
Users will navigate through a simple and intuitive interface, starting with the hero section where they can learn about the AI consultation service. They can easily access the inspiration gallery, explore subscription tiers, and try out the room planner. The design will facilitate smooth transitions between features, ensuring users can quickly find the information they need and engage with the application effectively. The feedback system will allow users to feel involved in the improvement process, enhancing their overall experience.