import streamlit as st

st.markdown("""## The evolution of AI""")

st.markdown("""

| Level | Description | Create & Model | Python 🐍 | HTML5 🕸️ | JavaScript 📜 |
|-------|-------------|----------------|-----------|-----------|--------------|
| Level 1 | 🗣️ Chatbots, AI with conversational language | Chatbots | `import chatbot` | `<script src="chatbot.js"></script>` | `const chatbot = new Chatbot();` |
| Level 2 | 🧠 Reasoners, human-level problem-solving | Reasoners | `import reasoner` | `<script src="reasoner.js"></script>` | `const reasoner = new Reasoner();` |
| Level 3 | 🤖 Agents, systems that can take actions | Agents | `import agent` | `<script src="agent.js"></script>` | `const agent = new Agent();` |
| Level 4 | 💡 Innovators, AI that can aid in invention | Innovators | `import innovator` | `<script src="innovator.js"></script>` | `const innovator = new Innovator();` |
| Level 5 | 🏢 Organizations, AI that can do the work of an organization | Organizations | `import organization` | `<script src="organization.js"></script>` | `const organization = new Organization();` |

| Level | Stage | Description | Creation/Model |
|-------|-------|-------------|----------------|
| 1 | 🗣️ Data Collection | Gather and preprocess datasets for language models | 💬 Chatbots |
| 2 | 🧠 Model Architecture | Design neural networks for basic reasoning tasks | 🧮 Problem Solvers |
| 3 | 🤖 Algorithm Implementation | Develop action-oriented systems using Python/TensorFlow | 🎮 Autonomous Agents |
| 4 | 💡 Creative AI | Build models capable of generating novel solutions (e.g. GPT, DALL-E) | 🎨 Inventive Systems |
| 5 | 🏢 Full-Stack AI Systems | Create end-to-end AI solutions with HTML5/JS frontends and distributed backends | 🏗️ Organizations |

""")