Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The application is a web platform for "EM dizajn," a business specializing in the manufacturing, selling, and installation of shutters, windows, blinds, custom shutters, mosquito screens, and garage doors. The primary purpose of the website is to showcase products, facilitate customer inquiries, and streamline the purchasing process through a user-friendly e-commerce interface.

## CORE FEATURES
1. **Product Catalog**: A visually appealing display of all products, including shutters, windows, blinds, and custom options, with detailed descriptions and pricing.
2. **Custom Order Form**: An interactive form that allows customers to specify dimensions and features for custom-made shutters and screens.
3. **Installation Services Booking**: A scheduling system that enables users to book installation services directly through the site.
4. **User Account Management**: A secure area where users can create accounts, track orders, and manage their profiles.
5. **Contact and Support**: A dedicated section for customer inquiries, including a contact form and live chat option.
6. **Responsive Design**: A mobile-friendly layout ensuring optimal usability across all devices.

## DESIGN SPECIFICATIONS
- **Visual Style**: Minimalist design emphasizing a clean, simple aesthetic with abundant white space, ensuring that products are the focal point.
- **Color Mode**: Light theme featuring a minimal color palette with dark text on light backgrounds to enhance readability.
- **Layout**: A grid layout for product listings with a top navigation bar containing links to different sections (Home, Products, Custom Orders, Services, Contact). The footer should include essential links and social media icons.
- **Typography**: Use a sans-serif font like 'Montserrat' for headings (bold, larger size) and 'Open Sans' for body text (regular weight, standard size) to maintain clarity and hierarchy.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript for robust type-checking and component management.
- **Styling**: Tailwind CSS for efficient utility-first styling, ensuring consistency in design.
- **UI Components**: Utilize shadcn/ui for pre-built components that align with the minimalist theme.
- **State Management**: Use React Context API or Redux for managing application state, particularly for the user account and product cart functionalities.

## IMPLEMENTATION STEPS
1. **Setup Project Environment**: Initialize a new React project with TypeScript and install Tailwind CSS and shadcn/ui.
2. **Create Component Structure**: Design the main components including Header, Footer, ProductList, ProductDetail, CustomOrderForm, and UserAccount.
3. **Implement Routing**: Use React Router to navigate between different sections of the site.
4. **Develop Product Catalog**: Create a dynamic product catalog that fetches data from a backend API or a static JSON file.
5. **Build Custom Order Form**: Implement a form with input validation that allows users to submit custom orders.
6. **Integrate Booking System**: Set up a calendar component for users to select installation dates and times.
7. **User Account Management**: Create login, registration, and profile management components.
8. **Implement Contact Form and Live Chat**: Add a contact form and integrate a live chat API for customer support.
9. **Focus on Responsiveness**: Ensure all components are responsive and function seamlessly on mobile devices.
10. **Testing and Optimization**: Conduct thorough testing to identify bugs and optimize performance before deployment.

## USER EXPERIENCE
Users will have a seamless interaction flow starting from landing on the homepage where they can easily navigate the product catalog. They can click on items to view more details, fill out the custom order form, or book an installation service. Account management will allow users to track their orders and manage personal information. The contact section provides quick access to support, enhancing overall user satisfaction. The minimalist design will ensure users remain focused on the products, facilitating a smooth and engaging shopping experience.