Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The project is to redesign an existing e-commerce website, focusing on modern aesthetics and optimized user experience. The goal is to create a minimalist web application that captures users' attention while providing essential e-commerce functionalities. 

## CORE FEATURES
1. **User Authentication**: Allow users to create accounts, log in, and manage their profiles for personalized shopping experiences.
2. **Product Catalog**: Display a clean and organized list of products with images, descriptions, and prices, enabling easy browsing.
3. **Shopping Cart**: Provide users with the ability to add products to a cart, view their selections, and proceed to checkout seamlessly.
4. **Checkout Process**: Implement a streamlined checkout experience that includes payment processing, shipping options, and order confirmation.
5. **Responsive Design**: Ensure the application is fully responsive, providing an optimal viewing experience across devices.
6. **Search and Filter Options**: Allow users to search for products and filter results based on categories, price range, and other attributes.

## 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 will feature a top navigation bar, a hero section showcasing key products or promotions, followed by product categories, featured products, and a footer with additional links and contact information.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Redux or Context API (if needed for managing global state)

## IMPLEMENTATION STEPS
1. **Set Up the Development Environment**: Initialize a new React project with TypeScript, install Tailwind CSS, and set up shadcn/ui components.
2. **Create the Main Layout**: Develop the main layout structure including the navigation bar, hero section, product categories, and footer.
3. **Implement User Authentication**: Set up user registration, login, and profile management features using authentication libraries.
4. **Develop Product Catalog and Shopping Cart**: Create components for displaying products, adding them to the cart, and managing cart items.
5. **Build the Checkout Process**: Integrate payment processing solutions and ensure a smooth checkout experience.
6. **Optimize for Responsiveness**: Test and adjust the layout for various screen sizes to ensure a consistent user experience.

## USER EXPERIENCE
Users will interact with the application by navigating through the product catalog, utilizing search and filter options to find desired items, and adding products to their cart. The checkout process will guide them through payment and order confirmation, ensuring a smooth and efficient shopping experience. The minimalist design will enhance usability, making it easy for users to focus on products and complete their purchases without distractions.