Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
EcoPFR AI is a modern, professional web application designed to optimize low-energy Plug Flow Reactor (PFR) operations through AI technologies. The platform serves as an intelligent digital twin, leveraging machine learning and optimization techniques to achieve sustainable chemical processing with a focus on minimizing energy consumption and CO₂ emissions, making it ideal for environments such as IBM hackathons.

## CORE FEATURES
1. **Interactive PFR Digital Twin**: Users can simulate the performance of a PFR with adjustable parameters (temperature, pressure, residence time, and feed concentration) to see real-time conversion and energy consumption metrics.
  
2. **AI Optimization Engine**: Implementing XGBoost and Differential Evolution, this feature allows users to define operating parameters and run optimizations to find low-energy solutions while maintaining conversion rates above 90%.

3. **Energy Analysis Dashboard**: Comprehensive visualizations of energy consumption, including contributions from heating, reaction, and pumping energies, along with solar energy integration metrics.

4. **RTD Analysis Tool**: Users can upload experimental Residence Time Distribution data and visualize RTD curves, enabling validation of the PFR digital twin against real-world data.

5. **Carbon Impact Calculator**: This feature calculates CO₂ emissions based on grid energy use, comparing baseline and optimized operations to showcase sustainability improvements.

6. **AI Assistant (IBM Bob Integration)**: An interactive chat interface where users can ask questions about reactor performance and optimization, receiving technical explanations and simplified responses tailored to their knowledge level.

## 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 will feature a top navigation bar for easy access to different sections, a hero section on the landing page with clear calls to action, and a responsive grid structure to accommodate various content displays across devices.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript.
- **Styling**: Tailwind CSS for utility-first styling.
- **UI Components**: Use shadcn/ui for consistent and customizable UI elements.
- **State Management**: Utilize React's built-in state management or Context API as needed.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and Tailwind CSS, ensuring all necessary libraries are installed.
2. **Design Navigation Bar**: Create a top navigation bar with links to Home, Digital Twin, AI Optimizer, RTD Analysis, Energy & CO₂, Results, and About.
3. **Develop Landing Page**: Implement the hero section with title, subtitle, description, metrics, and buttons, followed by a process visualization flow.
4. **Create Interactive Components**: Build the PFR Digital Twin simulation dashboard with interactive sliders and input fields for parameters.
5. **Integrate AI Optimization**: Develop the AI Optimization Engine where users can set parameters and execute optimization processes.
6. **Build Analysis Pages**: Create dedicated pages for Energy Analysis, RTD Analysis, Carbon Impact, and the AI Assistant, ensuring all functionalities align with project requirements.
7. **Implement Data Upload and Visualization**: Allow users to upload RTD data and visualize results using charts and graphs.
8. **Finalize User Interface**: Apply consistent design principles throughout the application, ensuring responsiveness and accessibility.
9. **Testing and Validation**: Conduct thorough testing of all functionalities to validate the application’s performance and user experience.
10. **Deploy**: Prepare for deployment on a suitable platform, ensuring all backend connections are established for future integrations.

## USER EXPERIENCE
Users will begin their journey on the landing page, easily navigating to the PFR digital twin simulation. They can adjust parameters and view instant feedback on performance metrics. The AI optimization process is intuitive, guiding users through defining parameters and running simulations. The analysis tools provide valuable insights into energy consumption and environmental impact, while the AI assistant offers a supportive interface for queries, enhancing the overall user experience and accessibility of complex chemical engineering concepts.