docs: added videos

docs/features/bring-your-own-llm.mdx

@@ -5,6 +5,12 @@ description: "Connect your own AI models to BrowserOS"
 
 BrowserOS includes a default AI model you can use right away, but it has strict rate limits. For the best experience, bring your own API keys or run models locally.
 
+<video
+  controls
+  className="w-full aspect-video rounded-xl"
+  src="https://pub-80f8a01e6e8b4239ae53a7652ef85877.r2.dev/resources/feature-videos/1-bring-your-own-LLM.mov"
+></video>
+
 ## Which Model Should I Use?
 
 | Mode | What works | Recommendation |

docs/features/connect-mcps.mdx

@@ -5,6 +5,12 @@ description: "Link your apps to BrowserOS so the assistant can read data and tak
 
 Connect your favorite apps to BrowserOS so the assistant can read your emails, check your calendar, post to Slack, update Notion, and more — all through natural conversation.
 
+<video
+  controls
+  className="w-full aspect-video rounded-xl"
+  src="https://pub-80f8a01e6e8b4239ae53a7652ef85877.r2.dev/resources/feature-videos/4-MCP.mp4"
+></video>
+
 ## What is MCP?
 
 BrowserOS Connected Apps use the [Model Context Protocol (MCP)](https://modelcontextprotocol.io/), an open standard for connecting AI assistants to external systems. Think of it as a single, consistent way to plug your apps into the assistant.

docs/features/cowork.mdx

@@ -5,6 +5,12 @@ description: "Give the assistant controlled access to local files and commands"
 
 Filesystem Access lets you describe complex tasks and let the agent handle them end-to-end. Combine browser automation with local file operations — research on the web, then save reports directly to your folder.
 
+<video
+  controls
+  className="w-full aspect-video rounded-xl"
+  src="https://pub-80f8a01e6e8b4239ae53a7652ef85877.r2.dev/resources/feature-videos/3-filesystem-access.mp4"
+></video>
+
 ## Why Filesystem Access?
 
 Without Filesystem Access, the agent can only interact with browser tabs. With Filesystem Access enabled, it gains full access to a folder on your machine:

docs/features/llm-chat-hub.mdx

@@ -5,6 +5,12 @@ description: "Access ChatGPT, Claude, and Gemini from any webpage with one click
 
 BrowserOS puts AI chat at your fingertips. Open a chat panel on any webpage to ask questions with full page context, or compare responses across multiple LLMs side-by-side.
 
+<video
+  controls
+  className="w-full aspect-video rounded-xl"
+  src="https://pub-80f8a01e6e8b4239ae53a7652ef85877.r2.dev/resources/feature-videos/2-llm-chat-hub.mp4"
+></video>
+
 ## LLM Chat
 
 Click the **Chat** button in the toolbar (or press `Option+K`) to open an AI chat panel on any webpage.

docs/features/scheduled-tasks.mdx

@@ -5,6 +5,12 @@ description: "Run the BrowserOS agent automatically on a schedule"
 
 Scheduled Tasks let you run the BrowserOS agent automatically—daily, every few hours, or every few minutes. You get the full power of the agent running on autopilot.
 
+<video
+  controls
+  className="w-full aspect-video rounded-xl"
+  src="https://pub-80f8a01e6e8b4239ae53a7652ef85877.r2.dev/resources/feature-videos/5-scheduled-tasks.mp4"
+></video>
+
 ## Creating a Scheduled Task
 
 1. Go to **Settings → Scheduled Tasks**

docs/features/workflows.mdx

@@ -5,6 +5,12 @@ description: "Build reliable, repeatable browser automations with a visual graph
 
 Workflows let you turn complex browser tasks into reliable, reusable automations. Instead of hoping the agent figures out the right steps each time, you define the exact sequence—and run it whenever you need.
 
+<video
+  controls
+  className="w-full aspect-video rounded-xl"
+  src="https://pub-80f8a01e6e8b4239ae53a7652ef85877.r2.dev/resources/feature-videos/6-workflows.mp4"
+></video>
+
 ## When to Use Workflows
 
 Use workflows when: