Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
GALÁPAGOS ONE™ is a progressive web application (PWA) designed to create a premium, gamified, and community-driven experience. The platform connects users to exclusive 3D physical products, such as keychains and sculptures, through unique QR codes, making each interaction feel personal and limited. The application aims to enhance user engagement by transforming physical objects into gateways to unique digital experiences.

## CORE FEATURES
1. **Exclusive Keychain Activation**: Users can scan their unique QR codes to activate their keychains, unlocking a personalized experience that highlights the connection between the physical and digital realms.
2. **Animal Identity Display**: After activation, users are presented with detailed information about the animal associated with their keychain, including species name, ID, and a message reinforcing exclusivity.
3. **Immersive Animal Experience**: Users can explore visually rich content related to the animal, including environmental sounds and narrative cards that enhance engagement and knowledge.
4. **Gamification Elements**: Users earn XP through various activities such as exploring animals, completing missions, and making purchases, allowing them to level up and gain new rewards.
5. **Membership Tiers**: Two membership levels—GUARDIÁN and GUARDIÁN PLUS—offer users varying degrees of access to missions, exclusive content, and physical rewards.
6. **Admin Dashboard**: An intuitive panel for administrators to manage missions, user data, XP tracking, and inventory of 3D products to ensure smooth operations.

## DESIGN SPECIFICATIONS
- **Visual Style**: Minimalist - A clean design with ample white space, minimal color palette, and focus on typography to convey a sense of exclusivity and elegance.
- **Color Mode**: Light theme featuring dark text on light backgrounds to maintain readability while evoking a premium feel.
- **Layout**: A structured layout that utilizes a grid system for organizing content to ensure clarity and easy navigation, with a prominent focus on key content areas such as activation screens and animal profiles.
- **Typography**: Use a modern sans-serif font for headings (e.g., Montserrat) to provide a strong visual presence and a clean serif font for body text (e.g., Lora) to enhance readability. Maintain a clear hierarchy with bold headings and regular weight for body text.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript for robust development and type safety.
- **Styling**: Tailwind CSS for utility-first styling that aligns with the minimalist design.
- **UI Components**: Utilize shadcn/ui for pre-designed components that fit the aesthetic and functionality of the application.
- **State Management**: Implement Context API or Redux for managing global state across the application.

## IMPLEMENTATION STEPS
1. **Setup the Project**: Initialize a new React project with TypeScript and install necessary dependencies (e.g., Tailwind CSS, shadcn/ui).
2. **Design Layout Structure**: Create the main layout components, including the navigation bar, footer, and main content areas.
3. **Develop Core Features**: 
   - Implement the QR code scanning functionality to trigger keychain activations.
   - Create components for displaying animal identity and immersive experiences.
   - Integrate gamification elements, ensuring XP tracking and user progression are accurately reflected.
4. **Build Membership Functionality**: Develop user account management and tiered membership logic, including subscription handling and benefits display.
5. **Admin Dashboard**: Create a secure admin interface to manage missions, products, and user data effectively.
6. **Testing and Optimization**: Conduct thorough testing of the user flows and components to ensure a smooth user experience, optimizing for performance and responsiveness.

## USER EXPERIENCE
Upon scanning the QR code on their keychain, users are greeted with a dark elegant background that creates an immediate sense of exclusivity. The activation screen features a dynamic central message stating, “Has activado una pieza única de Galápagos,” accompanied by an animated reveal of the associated animal. Users then navigate to the identity screen, showcasing the animal and keychain details, reinforcing the idea that this object is their personal access key to Galápagos. As they explore the immersive experience, they encounter engaging content that enhances their connection to the natural world, while gamification elements motivate them to continue their journey and collect more experiences. The overall experience is designed to feel unique and elevated, ensuring users recognize their keychain as a valuable digital key rather than a mere souvenir.