Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
ERR STORE is a web application designed for gamers to easily top up their game accounts. The application will provide a seamless and user-friendly experience, allowing users to browse available game credit options and make quick purchases. The minimalist design ensures that users can focus on the task at hand without distractions.

## CORE FEATURES
1. **User Authentication**: Users can create accounts and log in to manage their purchases and view transaction history.
2. **Game Credit Listings**: A dynamic list of available game credits for various popular games, complete with descriptions and prices.
3. **Shopping Cart**: Users can add multiple game credits to their cart and review their selections before proceeding to checkout.
4. **Secure Payment Processing**: Integration with payment gateways to ensure safe and secure transactions for users.
5. **Order History**: Users can view their past transactions and easily access receipts for their purchases.
6. **Customer Support**: A section for users to reach out for support, including FAQs and a contact form.

## 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**: A single-column layout with a prominent hero section at the top, followed by game credit listings, a shopping cart preview, and a customer support section. The footer will include contact information and links to social media.

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

## IMPLEMENTATION STEPS
1. **Set Up the Project**: Initialize a new React project with TypeScript and install necessary dependencies (React Router, Tailwind CSS, shadcn/ui, etc.).
2. **Create the Authentication Module**: Implement user registration, login, and logout functionalities.
3. **Build the Game Credit Listings Component**: Fetch and display game credits from a mock API or static data.
4. **Develop the Shopping Cart Functionality**: Allow users to add items to their cart and manage quantities.
5. **Integrate Payment Processing**: Set up a payment gateway and implement secure payment transactions.
6. **Create the Order History Page**: Display past orders and allow users to download receipts.
7. **Implement Customer Support Section**: Create a contact form for user inquiries and a FAQ list.

## USER EXPERIENCE
Users will start at the hero section, where they can see featured game credits and a prominent call-to-action button to view all credits. After browsing, they can add items to their cart and proceed to checkout. The application will provide feedback on their transactions and allow easy access to customer support for any issues. The minimalist design ensures that every interaction is straightforward, enhancing the overall user experience.