Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a web application that serves as an AI-powered virtual interior design consultant. It aims to assist home improvement retailers and DIY individuals by providing personalized interior design advice. Users can upload photos of their current interiors and receive tailored recommendations, allowing them to visualize and edit various design options.

## CORE FEATURES
1. **Photo Upload**: Users can upload images of their interiors for analysis and redesign suggestions.
2. **AI Design Recommendations**: The application uses AI to generate personalized interior design ideas based on user inputs and preferences.
3. **Design Editor**: Users can interactively edit and reimagine design options, allowing for customization and adjustments.
4. **Subscription Tiers**: Three tiers (Free, Anchor, Premium) with distinguishable features, ensuring users can experience value while encouraging upgrades.
5. **Inspiration Gallery**: A curated gallery of design inspirations that users can explore for ideas.
6. **User Profile Management**: Users can create accounts to save their designs, preferences, and access subscription features.

## 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 structure includes a top navigation bar with logo and links, a hero section for user engagement, a grid or card layout for features, a dedicated section for subscription tiers, an inspiration gallery, and a footer with contact information.

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

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project using Create React App with TypeScript template.
2. **Install Dependencies**: Add Tailwind CSS and shadcn/ui for styling and UI components.
3. **Create Component Structure**:
   - Develop components for the navigation bar, hero section, feature cards, subscription tiers, design editor, and gallery.
4. **Implement Routing**: Set up routing for user authentication and main application views using React Router.
5. **Integrate AI Functionality**: Connect the app with an AI service for generating design recommendations.
6. **Develop Subscription Management**: Implement backend functionality for subscription tiers, allowing users to sign up and manage their accounts.
7. **Test Responsiveness**: Ensure the application is responsive across various devices and screen sizes.
8. **Deploy**: Prepare the application for deployment on a service like Vercel or Netlify.

## USER EXPERIENCE
Users will begin on the landing page where they can easily navigate through the features, view the subscription tiers, and explore design inspirations. After signing up, they can upload photos, receive AI-generated design recommendations, and interact with the design editor to personalize their space. The user interface will be intuitive, with a focus on minimizing clutter and maximizing usability, ensuring a smooth experience throughout the application.