Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This web application is an e-commerce platform designed to sell a curated selection of Brazilian products sourced from popular marketplaces like Shopee, AliExpress, and Mercado Livre. The goal is to provide a sophisticated yet minimalist shopping experience, allowing users to easily browse and purchase local products.

## CORE FEATURES
- **Product Catalog**: A clean and organized display of available products with images, descriptions, and pricing.
- **Search and Filter Options**: Users can search for products and apply filters based on categories, prices, and popularity.
- **Product Details Page**: Each product has a dedicated page showcasing detailed information, customer reviews, and related products.
- **Shopping Cart**: Users can add products to their cart, view their selections, and proceed to checkout seamlessly.
- **Secure Checkout Process**: A straightforward checkout experience with multiple payment options and secure transaction processing.
- **User Account Management**: Allow users to create accounts to track their orders, manage personal information, and save favorite products.

## DESIGN SPECIFICATIONS
- **Visual Style**: Minimalist - A clean, simple design with ample white space to enhance readability and focus on products.
- **Color Mode**: Light theme featuring dark text on light backgrounds for optimal visibility and comfort.
- **Layout**: A grid-based layout for the product catalog, with a fixed navigation bar at the top for easy access to different sections of the site. The homepage will feature a prominent hero section showcasing the latest products or promotions.
- **Typography**: Use modern, sans-serif fonts for clarity. Headings (H1, H2) should have a larger size for emphasis, while body text remains legible and straightforward.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript for robust and type-safe development.
- **Styling**: Tailwind CSS for rapid and responsive design implementation.
- **UI Components**: Utilize shadcn/ui for pre-designed components that fit the minimalist aesthetic.
- **State Management**: Consider using React Context or Zustand for managing global state, especially for the shopping cart and user sessions.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install Tailwind CSS and shadcn/ui.
2. **Create Layout Components**: Develop the main layout components including the navigation bar, footer, and grid layout for the product catalog.
3. **Implement Routing**: Use React Router for navigating between the homepage, product details, and user account pages.
4. **Develop Features**: 
   - Build the product listing and filtering functionality.
   - Create individual product detail pages that pull data dynamically.
   - Implement the shopping cart functionality with state management.
5. **Design the Checkout Process**: Develop a secure and user-friendly checkout process, integrating payment gateways as needed.
6. **Test and Optimize**: Conduct thorough testing for usability, performance, and responsiveness on various devices.

## USER EXPERIENCE
The user experience focuses on simplicity and ease of navigation. Users will land on a well-organized homepage featuring highlighted products. They can quickly search for items or browse through categories. The product pages will provide all necessary information, and the checkout process will be intuitive, ensuring a smooth transition from product selection to purchase. Minimalist design elements will guide users' attention to the products without unnecessary distractions.