Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a web application designed for selling premium accounts for various services, similar to the functionality seen on platforms like Itemku. The main purpose of the application is to provide users with a simple and efficient way to purchase premium accounts, with a focus on user experience, security, and ease of navigation.

## CORE FEATURES
1. **Product Listings**: Showcase a list of available premium accounts with detailed descriptions, pricing, and purchase options.
2. **Search Functionality**: Allow users to quickly search for specific premium accounts using keywords.
3. **User Authentication**: Enable users to create accounts, log in, and manage their profiles securely.
4. **Shopping Cart**: Provide a shopping cart feature where users can review selected items before purchasing.
5. **Payment Integration**: Integrate secure payment gateways for processing transactions smoothly.
6. **Order History**: Allow users to view their past purchases and transaction details.

## 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 consist of a header with navigation links, a hero section displaying featured products, a product grid for listings, and a footer with contact information and links to policies.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Redux or Context API for managing user authentication and cart state.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install Tailwind CSS for styling.
2. **Create Components**: Develop reusable components such as Header, Footer, ProductCard, and Cart.
3. **Set Up Routing**: Use React Router for navigation between the product listings and user account pages.
4. **Implement User Authentication**: Integrate user authentication features using a service like Firebase or Auth0.
5. **Build Product Listing Page**: Fetch and display product listings from a mock API or database.
6. **Integrate Payment Gateway**: Set up a payment processing system using Stripe or PayPal.
7. **Test and Optimize**: Conduct thorough testing for user flows, performance, and responsiveness across devices.

## USER EXPERIENCE
Key interactions include a seamless product browsing experience, straightforward search capabilities, intuitive navigation through user accounts, and a smooth checkout process. Users will be able to easily add items to their cart, view their order history, and manage their profiles with minimal friction. The design will prioritize readability and accessibility, ensuring a pleasant shopping experience.