Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This web application is an e-commerce platform designed for selling decant perfumes. It aims to provide users with an intuitive shopping experience, allowing them to explore a curated selection of fragrances in a clean and minimalist environment.

## CORE FEATURES
1. **Product Catalog**: A searchable and filterable collection of decant perfumes with detailed descriptions, notes, and pricing.
2. **User Accounts**: Secure user registration and login functionality to manage orders, preferences, and saved items.
3. **Shopping Cart**: A straightforward cart interface for users to add, remove, and modify items before checkout.
4. **Checkout Process**: A seamless and secure checkout process that includes payment gateway integration for a variety of payment methods.
5. **User Reviews & Ratings**: Feature for users to leave reviews and ratings on products, enhancing community engagement and trust.
6. **Wishlist**: Allows users to save their favorite products for future reference and easy access.

## DESIGN SPECIFICATIONS
- **Visual Style**: Minimalist with a clean, simple design that emphasizes whitespace, letting the products stand out. The focus is on typography for legibility and elegance.
- **Color Mode**: Light theme with dark text on light backgrounds to ensure readability and a modern aesthetic.
- **Layout**: A grid-based layout for product displays, with a sidebar for filters. Key navigation elements will be at the top and bottom of the page, ensuring easy access to all features.
- **Typography**: Choose a sans-serif font like "Roboto" or "Helvetica Neue" for headlines and body text, using a clear hierarchy with larger sizes for titles and consistent spacing for readability.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript for building the user interface and ensuring type safety.
- **Styling**: Tailwind CSS for utility-first styling, allowing for rapid design adjustments and responsive layouts.
- **UI Components**: Utilize shadcn/ui for pre-built components that align with the minimalist design.
- **State Management**: Implement Zustand or React Context API for managing global state efficiently.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install dependencies including Tailwind CSS and shadcn/ui.
2. **Create Layout Structure**: Develop the main layout, including the header, footer, and main content area using Tailwind CSS for styling.
3. **Build Core Features**:
   - **Product Catalog**: Create components for displaying products, including filters and search functionality.
   - **User Authentication**: Integrate user account functionality with secure login and registration forms.
   - **Shopping Cart**: Implement the shopping cart feature allowing users to add and view items.
4. **Implement Checkout Process**: Set up a checkout flow with form handling for shipping and payment details.
5. **Add User Reviews**: Build a review system where users can submit feedback on products.
6. **Create Wishlist Functionality**: Develop a wishlist feature for users to save favorite products.
7. **Test Responsiveness**: Ensure the application is fully responsive, checking across various devices and screen sizes.
8. **Deploy Application**: Deploy the application on a hosting service like Vercel or Netlify.

## USER EXPERIENCE
Users will be greeted with a simple landing page showcasing featured products. They can easily navigate through the catalog using filters and a search bar. Upon selecting a product, they will be taken to a detailed product page with high-quality images, descriptions, and reviews. The shopping cart is accessible from any page, allowing for quick modifications. The checkout process is streamlined to minimize friction, ensuring users can complete purchases effortlessly. The overall experience prioritizes clarity, ease of use, and aesthetic appeal, encouraging users to explore and purchase with confidence.