Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This application is a luxury e-commerce platform designed to showcase and sell affordable yet sophisticated jewelry pieces for men. The primary focus is on creating a seamless online shopping experience that emphasizes clean design and high-quality products, similar to renowned brands like Sava Amsterdam.

## CORE FEATURES
1. **Product Catalog**: A visually appealing display of necklaces, rings, and bracelets, featuring high-resolution images, detailed descriptions, and pricing information. Users can filter products by category, material, and price range.

2. **Shopping Cart**: An intuitive cart feature that allows users to add, remove, and adjust quantities of items. It will also display the total cost, including shipping and taxes, before proceeding to checkout.

3. **User Accounts**: Secure user registration and login functionality for customers to manage their profiles, view order history, and save favorite items.

4. **Checkout Process**: A streamlined checkout process that includes multiple payment options (credit card, PayPal, etc.) and prompts for shipping information, ensuring a quick and easy transaction.

5. **Responsive Design**: A mobile-friendly layout that adapts to various screen sizes, ensuring an optimal browsing experience across devices.

6. **Customer Support**: An integrated support feature, such as a chatbot or FAQ section, to assist users with inquiries and provide product information.

## DESIGN SPECIFICATIONS
- **Visual Style**: The application will follow a minimalist aesthetic with a focus on clean lines, ample white space, and a limited color palette that enhances the luxury feel.
- **Color Mode**: The light theme will incorporate dark text on light backgrounds, ensuring readability and a fresh look.
- **Layout**: The main layout will feature a top navigation bar for easy access to categories, a prominent hero image showcasing featured products, and a grid layout for the product listings to maintain organization and visual appeal.
- **Typography**: Use modern serif fonts for headings (e.g., "Playfair Display") to convey elegance, and sans-serif fonts for body text (e.g., "Roboto") for readability. Establish a clear hierarchy by using larger sizes for headings and consistent spacing.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS for responsive and utility-first design
- **UI Components**: Utilize shadcn/ui for pre-built, customizable components
- **State Management**: Implement Redux for managing global state if necessary, particularly for the shopping cart and user sessions.

## 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, Redux, and shadcn/ui to the project.
3. **Create the Layout**: Develop the main layout structure, including the navigation bar and footer.
4. **Build Core Features**: 
   - Implement the product catalog with filtering options and product details.
   - Develop the shopping cart functionality with add/remove item capabilities.
   - Create user authentication features for secure logins and profile management.
5. **Design the Checkout Process**: Set up the checkout component, integrating payment processing and user input forms for shipping details.
6. **Ensure Responsiveness**: Use Tailwind CSS classes to ensure all components are mobile-friendly and visually appealing on all device sizes.
7. **Test the Application**: Conduct thorough testing to ensure all features work as expected, focusing on user experience and potential bugs.

## USER EXPERIENCE
Key user interactions will include easy navigation through the product catalog, quick addition of items to the cart, a straightforward checkout process, and access to customer support. The application will prioritize a frictionless experience, minimizing the number of steps required to make a purchase while maintaining clarity and visual appeal throughout the user journey.