Lovable Prompt Creator - AI Prompt Generator

# Lovable Prompt for Web Application

## APPLICATION OVERVIEW
The project is an interactive Progressive Web App (PWA) designed to facilitate exploration of complex social systems influenced by various historical, cultural, psychological, institutional, economic, and geopolitical factors. Users can engage with a visually immersive experience that encourages critical thinking and exploration of relationships among concepts without offering definitive answers.

## CORE FEATURES
1. **Interactive Iceberg Model**: Users can freely navigate around a 3D iceberg that represents different levels of social factors, engaging with animations and responding to user interactions like rotation and zooming.
2. **Dynamic Ocean Currents**: The ocean surrounding the iceberg visually represents external pressures (e.g., geopolitics, technology) through animated currents that affect the iceberg's movement, enhancing the immersive experience.
3. **Concept Cards**: Each concept within the iceberg contains interactive cards that provide titles, descriptions, evidence levels, relationships, and multimedia resources, allowing users to delve deeper into each topic.
4. **AI Assistant (ANALISTA)**: A permanent AI assistant that responds to user inquiries, distinguishing between facts, interpretations, and hypotheses, and providing context for complex ideas.
5. **Search Functionality**: Similar to Perplexity AI, users can search for concepts and view automatically generated relationship trees that illustrate connections between topics.
6. **Simulation Mode**: Users can modify variables to see how changes in societal factors might affect relationships, with visual updates that clearly indicate a conceptual simulation rather than real-world predictions.

## 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 layout should feature a central interactive iceberg, surrounded by a dynamic ocean. Key interactions will be emphasized through a minimal interface with no traditional menus, focusing instead on immersive exploration.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: React Context API or Zustand for managing state across the application

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install Tailwind CSS and shadcn/ui for UI components.
2. **Create 3D Iceberg Model**: Develop a 3D representation of the iceberg using a library like Three.js, ensuring smooth animations and user interactions.
3. **Implement Ocean Currents**: Create dynamic animations for the ocean currents that react to user interactions with the iceberg.
4. **Develop Concept Cards**: Design and implement the interactive cards for each concept, ensuring they display relevant information and multimedia resources.
5. **Integrate AI Assistant**: Implement the AI assistant (ANALISTA) that can process user queries and provide contextual responses based on the defined parameters.
6. **Build Search Functionality**: Develop the search feature that allows users to input terms and generate relationship trees dynamically.
7. **Implement Simulation Mode**: Create the functionality that allows users to modify societal variables and visualize the effects on the iceberg's connections.

## USER EXPERIENCE
Users will begin their journey in a dark ocean environment with ambient sounds and floating particles. Upon entering, they will be greeted by a large crystal iceberg, inviting them to explore. The experience will be fluid and engaging, encouraging users to navigate freely and discover connections between concepts. Each interaction will be responsive, with real-time animations that enhance the user's sense of immersion and exploration. The design will prioritize simplicity and depth, ensuring that users feel like they are engaging with a living archive rather than a traditional web page.