chore: update docs

Author: adithyaakrishna

apps/docs/content/docs/de/introduction/index.mdx

@@ -33,6 +33,10 @@ Verwandeln Sie Rohdaten in umsetzbare Erkenntnisse. Extrahieren Sie Informatione
 **API-Integrations-Workflows**  
 Orchestieren Sie komplexe Interaktionen zwischen mehreren Diensten. Erstellen Sie einheitliche API-Endpunkte, implementieren Sie anspruchsvolle Geschäftslogik und bauen Sie ereignisgesteuerte Automatisierungssysteme.
 
+<div className="mx-auto w-full overflow-hidden rounded-lg my-6">
+  <Video src="introduction/chat-workflow.mp4" width={700} height={450} />
+</div>
+
 ## Wie es funktioniert
 
 **Visueller Workflow-Editor**  

apps/docs/content/docs/en/introduction/index.mdx

@@ -34,6 +34,10 @@ Transform raw data into actionable insights. Extract information from documents,
 **API Integration Workflows**  
 Orchestrate complex multi-service interactions. Create unified API endpoints, implement sophisticated business logic, and build event-driven automation systems.
 
+<div className="mx-auto w-full overflow-hidden rounded-lg my-6">
+  <Video src="introduction/chat-workflow.mp4" width={700} height={450} />
+</div>
+
 ## How It Works
 
 **Visual Workflow Editor**  

apps/docs/content/docs/es/introduction/index.mdx

@@ -33,6 +33,10 @@ Transforma datos brutos en información procesable. Extrae información de docum
 **Flujos de trabajo de integración de API**  
 Orquesta interacciones complejas entre múltiples servicios. Crea puntos de conexión API unificados, implementa lógica empresarial sofisticada y construye sistemas de automatización basados en eventos.
 
+<div className="mx-auto w-full overflow-hidden rounded-lg my-6">
+  <Video src="introduction/chat-workflow.mp4" width={700} height={450} />
+</div>
+
 ## Cómo funciona
 
 **Editor visual de flujos de trabajo**  

apps/docs/content/docs/fr/introduction/index.mdx

@@ -33,6 +33,10 @@ Transformez les données brutes en informations exploitables. Extrayez des infor
 **Flux de travail d'intégration API**  
 Orchestrez des interactions complexes entre plusieurs services. Créez des points de terminaison API unifiés, implémentez une logique métier sophistiquée et construisez des systèmes d'automatisation pilotés par événements.
 
+<div className="mx-auto w-full overflow-hidden rounded-lg my-6">
+  <Video src="introduction/chat-workflow.mp4" width={700} height={450} />
+</div>
+
 ## Comment ça fonctionne
 
 **Éditeur visuel de flux de travail**  

apps/docs/content/docs/ja/introduction/index.mdx

@@ -33,6 +33,10 @@ Simはオープンソースのビジュアルワークフロービルダーで
 **API統合ワークフロー**  
 複雑なマルチサービス間の相互作用をオーケストレーションします。統一されたAPIエンドポイントを作成し、高度なビジネスロジックを実装し、イベント駆動型の自動化システムを構築します。
 
+<div className="mx-auto w-full overflow-hidden rounded-lg my-6">
+  <Video src="introduction/chat-workflow.mp4" width={700} height={450} />
+</div>
+
 ## 仕組み
 
 **ビジュアルワークフローエディタ**  

apps/docs/content/docs/zh/introduction/index.mdx

@@ -33,6 +33,10 @@ Sim 是一个开源的可视化工作流构建器，用于构建和部署 AI 代
 **API 集成工作流**  
 协调复杂的多服务交互。创建统一的 API 端点，实施复杂的业务逻辑，并构建事件驱动的自动化系统。
 
+<div className="mx-auto w-full overflow-hidden rounded-lg my-6">
+  <Video src="introduction/chat-workflow.mp4" width={700} height={450} />
+</div>
+
 ## 工作原理
 
 **可视化工作流编辑器**