added dojo video

Author: johnprg

docs/overview.mdx

@@ -241,9 +241,30 @@ AG‑UI is the boundary layer where AI agents and users meet. It standardizes ho
   </div>
 </div>
 
+## AG-UI in action
+
+<div style={{textAlign: 'center', margin: '3rem 0 1rem 0'}}>
+  <video 
+    width="100%" 
+    height="auto" 
+    autoPlay 
+    muted 
+    loop 
+    controls 
+    style={{maxWidth: '800px', borderRadius: '12px', boxShadow: '0 8px 32px rgba(0, 0, 0, 0.12)'}}
+  >
+    <source src="/videos/Dojo-overview.mp4" type="video/mp4" />
+    Your browser does not support the video tag.
+  </video>
+</div>
+
+<Callout type="info" icon="lightbulb">
+You can see demo apps of the AG-UI features with the framework of your choice, with preview, code and walkthrough docs in the [AG-UI Dojo](dojo.ag-ui.com)
+</Callout>
+
 ---
 
-## Design patterns
+## AG-UI Design patterns
 
 <Steps>
   <Step title="Explore reusable interaction patterns">