Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a minimalist web application designed to load and display a game pass UI using a simple and clean interface. The main purpose is to provide users with an intuitive experience while interacting with the game pass features via an embedded game UI component.

## CORE FEATURES
1. **Game Pass Display**: A clean interface presenting the game passes available for users to interact with, featuring essential information and visual elements.
2. **Interactive Buttons**: Buttons styled with the primary color that allow users to purchase or view details of each game pass.
3. **Responsive Design**: The layout adjusts seamlessly across various devices, ensuring usability on both desktop and mobile.
4. **User Feedback**: Visual indicators (like loading spinners or success messages) to enhance user interaction and feedback during actions like purchasing a game pass.
5. **Help Section**: A dedicated section to provide users with instructions or FAQs about using the game pass features.

## 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 fixed header, a main content area for the game pass display, and a footer for additional information and contacts.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: React Context API (if needed for managing game pass states)

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript using Create React App.
2. **Install Dependencies**: Install Tailwind CSS and shadcn/ui for styling and UI components.
3. **Create Components**:
   - Develop a `Header` component for branding and navigation.
   - Create a `GamePassList` component to fetch and display game pass data.
   - Implement a `Button` component styled with the primary color and border radius.
4. **Set Up Routing**: Use React Router if you plan to have multiple views or sections.
5. **API Integration**: Implement the `loadstring` functionality to fetch the game pass UI from the specified URL and integrate it into your app.
6. **Add User Feedback**: Implement loading states and success/error messages during interactions.
7. **Responsive Design**: Ensure the layout adapts to various screen sizes using Tailwind CSS utilities.
8. **Testing**: Test the application for bugs and ensure all features work as expected.

## USER EXPERIENCE
Users will land on a clean interface where they can quickly view available game passes. Interactive buttons will enable them to purchase passes or view more details. Loading indicators will provide real-time feedback as users interact with the application, enhancing the overall user experience. The design will be optimized for both desktop and mobile, allowing users to navigate seamlessly regardless of their device.