Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This is an e-commerce web application designed to facilitate the buying and selling of agricultural products. The platform allows farmers and sellers to create accounts, list their products, and manage orders while providing users with a seamless shopping experience.

## CORE FEATURES
1. **User Authentication**: Users can create accounts as sellers or farmers, enabling personalized access and features.
2. **Home Page**: Displays an overview of the website, showcasing available agricultural products and providing easy navigation to different sections.
3. **Product Details**: Offers comprehensive information about each product, including name, image, category, price, available quantity, and description, allowing users to make informed purchasing decisions.
4. **Cart Management**: Users can view selected products, adjust quantities, remove items, and see a total price before checkout.
5. **Order Placement**: Users can finalize their purchases, view order details including products, quantities, total amounts, delivery information, and manage order status with options to cancel or return orders.
6. **Responsive Design**: Ensures a seamless experience across various devices, including desktops, tablets, and mobile phones.

## 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 consists of a top navigation bar, a hero section on the home page, product listings in a grid format, and a footer with relevant links and contact information.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Redux (or Context API as alternative)

## IMPLEMENTATION STEPS
1. **Set Up the Project**: Initialize a new React project with TypeScript and install necessary dependencies including Tailwind CSS and Redux.
2. **Design the Layout**: Create a responsive layout with a navigation bar, footer, and main content area using Tailwind CSS for styling.
3. **Develop User Authentication**: Implement user login and registration functionality with appropriate form validations.
4. **Create Home Page**: Build the home page to display featured agricultural products and provide links to product details.
5. **Build Product Details Component**: Design a detailed product view that includes images, descriptions, and add-to-cart functionality.
6. **Implement Cart Functionality**: Create a cart component to manage selected products, allowing users to adjust quantities and remove items.
7. **Develop Order Section**: Implement the order placement functionality, including order summary and management options.
8. **Ensure Responsiveness**: Test and adjust the layout for various screen sizes to ensure a smooth user experience.

## USER EXPERIENCE
Users will begin on the home page, where they can easily navigate to product listings and view details. They can add products to their cart, adjust their selections, and proceed to checkout. The process is streamlined to minimize friction, with clear visual cues and a straightforward interface guiding users through registration, product selection, and order management.