Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This web application, titled "Extensivo 1.0," is designed for secure access management through time-limited keys. Users will require a unique key to log in, which can only be generated by the admin. The application emphasizes real-time functionality and an engaging, animated user experience, focusing on a minimalist and futuristic design aesthetic.

## CORE FEATURES
1. **User Authentication**: A secure login screen that requires a unique key for access. Only the admin can generate these keys.
2. **Key Management**: Admin functionality to create time-limited keys (1 day, 7 days, 30 days) for customers, which activates upon first use.
3. **Real-Time Options**: Users can activate various features upon logging in, with real-time updates reflecting changes in key status and available options.
4. **Activation Button**: A prominent "Inject" button that initiates the session, akin to launching an experience (e.g., "open Free Fire"), which starts the key expiration timer.
5. **Subscription Prompt**: Users will be notified when their key is about to expire, prompting them to purchase a new key to continue using the app.
6. **Animations & Effects**: Engaging animations and effects throughout the application to enhance user experience and maintain interest.

## 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 feature a centered login form, a dashboard view for the logged-in users with options displayed in a grid format, and a sidebar for navigation.

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

## IMPLEMENTATION STEPS
1. **Setup the Project**: Initialize a new React project with TypeScript and install Tailwind CSS and shadcn/ui.
2. **Create Authentication Logic**: Develop the authentication component that validates keys against a secure backend.
3. **Build Key Management**: Implement the admin interface to generate keys with varying expiration times and manage their statuses.
4. **Design User Interface**: Create the login form, dashboard layout, and inject button with animations using Tailwind CSS.
5. **Integrate Real-Time Functionality**: Use APIs to ensure that user status and key expiration updates are reflected in real time.
6. **Add Subscription Management**: Implement notifications for users when their keys are nearing expiration and provide a purchasing flow for new keys.

## USER EXPERIENCE
Users will first encounter a sleek login screen where they input their unique key. Upon successful login, they will be greeted by an animated dashboard displaying their options. The "Inject" button will be prominently featured, providing immediate access to the functionalities. Users will experience dynamic updates on their key status, and any necessary prompts for renewing their access will be clear and visually engaging.

This structure ensures a fully functional minimalist application that aligns with your vision for "Extensivo 1.0."