docs: update docs to add details and demo

README.md

@@ -32,6 +32,12 @@ Stop worrying about logistics and start exploring! The Backpacking Assistant han
 
 📅 **Complete Itineraries**: Delivers a beautifully formatted, day-by-day plan for your entire trip.
 
+For future updates of this application, visit [https://backpacking.life/](https://backpacking.life/) and subscribe
+
+
+## DEMO VIDEO
+
+![Demo Video](./docs/assets/backpacking_assistant_demo.mp4)
 
 ## Architecture
 

src/app/main.py

@@ -144,8 +144,52 @@ with gr.Blocks(title="Backpacking Assistant") as demo:
 
         with gr.TabItem("Docs", id="docs_tab"):
             gr.Markdown(
-                """
-                        
+                """           
+                For future updates of this application, visit [https://backpacking.life/](https://backpacking.life/) and subscribe
+
+
+                ## DEMO VIDEO
+
+                ![Demo Video](https://huggingface.co/spaces/MCP-1st-Birthday/backpacking-assistant/resolve/main/docs/assets/backpacking_assistant_demo.mp4)
+
+                ## Architecture
+
+                ![Architecture Overview](https://huggingface.co/spaces/MCP-1st-Birthday/backpacking-assistant/resolve/main/docs/assets/architecture_lite.svg)
+            
+                ## FOR DETAILS CHECK [README.md](https://huggingface.co/spaces/MCP-1st-Birthday/backpacking-assistant/blob/main/README.md)
+                
+                ## Tech Stack
+
+                | Layer | Technology |
+                |-------|------------|
+                | UI and MCP Server | Gradio 6.0+ (hosted on Huggingface) |
+                | Agent Framework | OpenAI Agents (`openai-agents` 0.6.1) |
+                | AI Platform | Blaxel (LLM access + external MCP tools + agent deployment) |
+                | LLM | OpenAI gpt-4o |
+                | Package Manager | uv |
+
+                ## The Three-Agent Pipeline
+
+                The system runs three specialized AI agents **in sequence**:
+
+                ```
+                User Request > PlannerAgent > ItineraryAgent > UXAgent > Final Response
+                ```
+
+
+                ## OpenAI ChatGPT App Integration
+
+                This MCP server is fully compatible with the **OpenAI ChatGPT**. You can connect the MCP server to ChatGPT and use the Flixbus tools directly within conversations.
+
+                ### Rich UI Widgets
+
+                When used through the ChatGPT app, tools render **interactive visual widgets** instead of raw JSON:
+
+                | Tool | Widget |
+                |------|--------|
+                | `get_city_info_tool` | City card with name, country, coordinates, and Flixbus UUID |
+                | `search_cities_in_radius_tool` | Grid of city cards showing nearby destinations |
+                | `get_tripe_options_list_tool` | Trip options with prices, times, and booking links |
                 """
             )