Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The BuildingSpares 3D Bathroom Planner is a web application designed to help users effortlessly design their dream bathrooms. With a focus on intuitive planning and customisation, users can create floor plans, choose furnishings, and generate product lists, all while enjoying a clean and minimalist interface.

## CORE FEATURES
1. **Floor Plan Creation**: Users can start with a blank room or customise existing layouts to reflect their bathroom dimensions and preferences.
2. **3D Visualisation**: A real-time 3D rendering of the bathroom allows users to visualise their designs and make adjustments on the fly.
3. **Product Selection**: Access to a curated selection of high-quality bathroom products and accessories, enabling users to choose items that fit their design.
4. **PDF Product List Generation**: Users can download a comprehensive list of selected products in PDF format for easy reference and purchase.
5. **Inspiration Gallery**: A collection of design ideas and examples for large, medium, and guest bathrooms to help users get inspired.
6. **User-Friendly Interface**: A simple and clean interface that emphasizes usability, allowing users to focus on planning their bathrooms without distractions.

## 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**: A single-page layout that includes a hero section, features, inspiration gallery, product selection area, and a call to action (CTA) for starting the design process.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Redux or Context API (depending on complexity)

## IMPLEMENTATION STEPS
1. **Set Up Project Environment**:
   - Initialize a new React project with TypeScript.
   - Install Tailwind CSS and configure it for the project.
   - Set up shadcn/ui for UI components.
  
2. **Create Core Components**:
   - Develop the header and footer components for consistent navigation.
   - Build the hero section with a welcoming message and a CTA button.
   - Implement the floor plan creation tool using a canvas or 3D rendering library.

3. **Develop Features**:
   - Create the product selection component that pulls from a predefined list of bathroom products.
   - Implement PDF generation functionality using a library like jsPDF.
   - Set up the inspiration gallery with sample designs for various bathroom sizes.

4. **Styling**:
   - Apply Tailwind CSS styles according to the design specifications.
   - Ensure responsive design across different devices and screen sizes.

5. **Testing**:
   - Conduct usability testing to refine user flows and interactions.
   - Test the application for bugs and ensure all features function as intended.

6. **Deployment**:
   - Deploy the application using a platform like Vercel or Netlify for easy access.

## USER EXPERIENCE
The application will guide users through the bathroom planning process with clear prompts and visual feedback. Users can easily navigate between sections to create their designs, view product options, and download their selections. The minimalist design ensures that users can focus on their tasks without unnecessary distractions, making the bathroom planning process enjoyable and efficient.