Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is an e-commerce web application designed for a modern and minimalist women’s streetwear fashion brand. The application aims to provide a clean, user-friendly shopping experience targeted towards Gen Z and Millennials, featuring essential e-commerce functionalities such as product catalogs, detailed product pages, and an integrated shopping cart with local payment options in Indonesia.

## CORE FEATURES
1. **Home Page**: A visually appealing landing page showcasing featured products, brand story, and promotions to engage users immediately.
2. **Product Catalog**: A comprehensive listing of all available products with filtering and sorting options to help users easily find what they are looking for.
3. **Product Detail Page**: Detailed information for each product, including images, descriptions, sizes, and customer reviews to assist in purchasing decisions.
4. **Shopping Cart**: An integrated shopping cart that allows users to manage selected items, adjust quantities, and proceed to checkout seamlessly.
5. **Local Payment Integration**: A secure checkout process that supports local payment methods popular in Indonesia for a smooth transaction experience.
6. **User Account Management**: Optional user registration and login functionality to save preferences and order history for returning customers.

## 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 on the home page, a grid layout for product listings, and a sidebar for filters. Each product detail page will include a prominent image section and product information alongside an easy-to-use "Add to Cart" button.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Redux Toolkit (for managing cart and user states)

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install necessary dependencies (React Router, Tailwind CSS, Redux Toolkit).
2. **Design Layout**: Create the main layout components including Header, Footer, and Main Content areas.
3. **Home Page Development**: Build the home page with a hero section and links to product categories.
4. **Catalog Page Development**: Create product catalog page with filtering options and product cards displaying images and prices.
5. **Product Detail Page Development**: Implement the product detail page with image gallery, descriptions, and an "Add to Cart" button.
6. **Shopping Cart Functionality**: Develop the shopping cart feature using Redux Toolkit to manage cart state and integrate with local payment methods.
7. **User Authentication**: Implement optional user registration and login functionality to enhance user experience and maintain order history.

## USER EXPERIENCE
Users will have an intuitive shopping experience with easy navigation through the site. They will be able to filter products in the catalog, view detailed product information, and seamlessly add items to their cart. The checkout process will be straightforward, with clear prompts for payment options tailored to the Indonesian market. The minimalist design will ensure a focus on the products without distractions, enhancing overall satisfaction and encouraging repeat visits.