Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is an e-commerce web application designed for a modern and minimalist fashion brand specializing in Muslim women's clothing and hijabs. The primary goal is to create a user-friendly online shopping experience that appeals to Gen Z and Millennials, featuring a clean aesthetic and seamless navigation.

## CORE FEATURES
1. **Homepage**: A visually appealing landing page showcasing featured products, brand values, and promotional content to engage users immediately.
2. **Product Catalog**: A comprehensive listing of all available products, with filters for categories, sizes, and colors to enhance user searchability.
3. **Product Detail Page**: Detailed information about each product, including high-quality images, descriptions, pricing, and customer reviews to aid purchase decisions.
4. **Shopping Cart**: An integrated shopping cart feature allowing users to add, remove, and update quantities of products, along with a clear summary and total price.
5. **Local Payment Integration**: Support for popular local payment methods in Indonesia to facilitate smooth transactions.
6. **User Account Management**: Allows users to create accounts, manage their profiles, view order history, and save favorite items for future purchases.

## 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 homepage, grid-based product displays, and a responsive design that adapts well to mobile and desktop screens.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Redux (or Context API, based on project needs)

## IMPLEMENTATION STEPS
1. **Set Up Development Environment**: Initialize a new React project with TypeScript and install necessary dependencies (Tailwind CSS, Redux, etc.).
2. **Create Project Structure**: Set up folders for components, pages, assets, and styles.
3. **Design and Implement Layout**: Build the main layout with a responsive navigation bar and footer, and implement the homepage structure with a hero section.
4. **Develop Core Features**:
   - Implement the product catalog page with filtering options.
   - Create product detail pages with dynamic routing.
   - Develop the shopping cart functionality, ensuring state management for cart states.
5. **Integrate Payment Gateway**: Set up local payment options for seamless transactions.
6. **Enhance User Account Features**: Implement user authentication and profile management.
7. **Test and Optimize**: Conduct thorough testing for usability, performance, and responsiveness. Optimize for various devices and screen sizes.

## USER EXPERIENCE
The application provides a smooth user journey from landing on the homepage to making a purchase. Users can easily browse products, filter their search, view detailed information, and add items to their cart. The checkout process is straightforward, with clear instructions and options for local payment methods, ensuring a hassle-free shopping experience.