chore: reorganize examples into assistant- and workflow-based sections

Author: goosewin

fern/examples/docs-agent.mdx renamed to fern/assistants/examples/docs-agent.mdx

@@ -33,10 +33,10 @@ We will be creating a customer support agent for VapiBank, a bank that wants to
 <Steps>
   <Step title="Download the spreadsheets">
     <div className="flex gap-2">
-      <Download src="../static/spreadsheets/inbound-support/accounts.csv">
+      <Download src="../../static/spreadsheets/inbound-support/accounts.csv">
         <Button intent="primary">Download accounts.csv</Button>
       </Download>
-      <Download src="../static/spreadsheets/inbound-support/transactions.csv">
+      <Download src="../../static/spreadsheets/inbound-support/transactions.csv">
         <Button intent="primary">Download transactions.csv</Button>
       </Download>
     </div>
@@ -48,7 +48,7 @@ We will be creating a customer support agent for VapiBank, a bank that wants to
         2. Click **Choose file** and upload both `accounts.csv` and `transactions.csv`
         3. Note the file IDs for use in creating tools
 
-        <video autoPlay loop muted src="../static/videos/upload-files.mp4" type="video/mp4" style={{ aspectRatio: '16 / 9', width: '100%' }} />
+        <video autoPlay loop muted src="../../static/videos/upload-files.mp4" type="video/mp4" style={{ aspectRatio: '16 / 9', width: '100%' }} />
       </Tab>
       <Tab title="TypeScript (Server SDK)">
         ```typescript
@@ -132,7 +132,7 @@ We will be creating a customer support agent for VapiBank, a bank that wants to
         - Select `Blank Template` as your starting point.
         - Change assistant name to `Tom`.
 
-        <video autoPlay loop muted src="../static/videos/inbound-support/create-assistant.mp4" type="video/mp4" style={{ aspectRatio: '16 / 9', width: '100%' }} />
+        <video autoPlay loop muted src="../../static/videos/inbound-support/create-assistant.mp4" type="video/mp4" style={{ aspectRatio: '16 / 9', width: '100%' }} />
       </Step>
     </Steps>
   </Tab>
@@ -527,7 +527,7 @@ You have access to CSV files with account and transaction data:
       <Tab title="Dashboard">
         Click `Talk to Assistant` to test it out.
 
-        <video autoPlay loop muted src="../static/videos/inbound-support/configure-assistant.mp4" type="video/mp4" style={{ aspectRatio: '16 / 9', width: '100%' }} />
+        <video autoPlay loop muted src="../../static/videos/inbound-support/configure-assistant.mp4" type="video/mp4" style={{ aspectRatio: '16 / 9', width: '100%' }} />
       </Tab>
       <Tab title="TypeScript (Server SDK)">
         ```typescript
@@ -662,7 +662,7 @@ You have access to CSV files with account and transaction data:
         - In the expanded accordion, add `get_balance` and `get_recent_transactions` tools.
         - Click `Publish` to save your changes.
 
-        <video autoPlay loop muted src="../static/videos/inbound-support/assistant-tools.mp4" type="video/mp4" style={{ aspectRatio: '16 / 9', width: '100%' }} />
+        <video autoPlay loop muted src="../../static/videos/inbound-support/assistant-tools.mp4" type="video/mp4" style={{ aspectRatio: '16 / 9', width: '100%' }} />
       </Step>
     </Steps>
   </Tab>
@@ -915,7 +915,7 @@ You have access to CSV files with account and transaction data:
         - Under `Inbound Settings` find `Assistant` dropdown and select `Tom` from the list.
         - Changes are saved automatically.
 
-        <video autoPlay loop muted src="../static/videos/inbound-support/assign-phone-number.mp4" type="video/mp4" style={{ aspectRatio: '16 / 9', width: '100%' }} />
+        <video autoPlay loop muted src="../../static/videos/inbound-support/assign-phone-number.mp4" type="video/mp4" style={{ aspectRatio: '16 / 9', width: '100%' }} />
       </Step>
     </Steps>
   </Tab>
@@ -998,7 +998,7 @@ You have access to CSV files with account and transaction data:
         - Accept the generated test case.
         - Click `Run Test Suite` to execute the tests.
 
-        <video autoPlay loop muted src="../static/videos/inbound-support/create-test-suite.mp4" type="video/mp4" style={{ aspectRatio: '16 / 9', width: '100%' }} />
+        <video autoPlay loop muted src="../../static/videos/inbound-support/create-test-suite.mp4" type="video/mp4" style={{ aspectRatio: '16 / 9', width: '100%' }} />
       </Step>
       <Step title="Run the test suite">
         Click `Run Tests` to execute the tests.

fern/examples/inbound-support.mdx renamed to fern/assistants/examples/inbound-support.mdx

@@ -113,19 +113,9 @@ navigation:
               - page: Orchestration models
                 icon: fa-light fa-network-wired
                 path: how-vapi-works.mdx
-          - section: Examples
-            icon: fa-light fa-code
+          - page: Examples Library
+            icon: fa-light fa-book-open
             path: examples.mdx
-            contents:
-              - page: Inbound support
-                path: examples/inbound-support.mdx
-                icon: fa-light fa-phone-volume
-              - page: Voice widget
-                path: examples/voice-widget.mdx
-                icon: fa-light fa-window-maximize
-              - page: Documentation agent
-                path: examples/docs-agent.mdx
-                icon: fa-light fa-microphone
 
       - section: Assistants
         contents:
@@ -215,6 +205,19 @@ navigation:
                 path: customization/custom-llm/using-your-server.mdx
               - page: Tool calling integration
                 path: customization/custom-llm/tool-calling-integration.mdx
+          - section: Examples
+            icon: fa-light fa-code
+            path: examples.mdx
+            contents:
+              - page: Inbound support
+                path: assistants/examples/inbound-support.mdx
+                icon: fa-light fa-phone-volume
+              - page: Voice widget
+                path: assistants/examples/voice-widget.mdx
+                icon: fa-light fa-window-maximize
+              - page: Documentation agent
+                path: assistants/examples/docs-agent.mdx
+                icon: fa-light fa-microphone
 
       - section: Workflows
         contents:
@@ -821,3 +824,9 @@ redirects:
     destination: /workflows/quickstart
   - source: /web-integration
     destination: /web
+  - source: /examples/inbound-support
+    destination: /assistants/examples/inbound-support
+  - source: /examples/voice-widget
+    destination: /assistants/examples/voice-widget
+  - source: /examples/docs-agent
+    destination: /assistants/examples/docs-agent

fern/examples/voice-widget.mdx renamed to fern/assistants/examples/voice-widget.mdx

@@ -5,23 +5,23 @@ slug: examples
 ---
 
 <CardGroup cols={2}>
-  <Card title="Docs Agent" icon="book-open" href="/examples/docs-agent">
+  <Card title="Docs Agent" icon="book-open" href="/assistants/examples/docs-agent">
     <div className='absolute top-4 right-4'>
       <Icon icon="arrow-up-right-from-square" />
     </div>
     <div class="vapi-badge vapi-badge-assistant">Built with Assistants</div>
     <br />
     Build a docs agent that can answer questions about your documentation
   </Card>
-  <Card title="Inbound Support" icon="headset" href="/examples/inbound-support">
+  <Card title="Inbound Support" icon="headset" href="/assistants/examples/inbound-support">
     <div className='absolute top-4 right-4'>
       <Icon icon="arrow-up-right-from-square" />
     </div>
     <div class="vapi-badge vapi-badge-assistant">Built with Assistants</div>
     <br />
     Build a technical support assistant that remembers where you left off between calls
   </Card>
-  <Card title="Voice Widget" icon="microphone" href="/examples/voice-widget">
+  <Card title="Voice Widget" icon="microphone" href="/assistants/examples/voice-widget">
     <div className='absolute top-4 right-4'>
       <Icon icon="arrow-up-right-from-square" />
     </div>

fern/docs.yml

@@ -58,7 +58,7 @@ Explore end-to-end examples for some common voice workflows:
     icon="phone"
     iconType="solid"
     color="#f5ac4c"
-    href="/examples/inbound-support"
+    href="/assistants/examples/inbound-support"
   >
     We'll build a customer support agent that can process inbound phone calls and assist with common banking issues.
   </Card>

fern/examples.mdx

@@ -121,7 +121,7 @@ Vapi offers two main primitives for building voice agents, each designed for dif
     title="Customer Support" 
     icon="headset" 
     iconType="solid"
-    href="/examples/inbound-support"
+    href="/assistants/examples/inbound-support"
   >
     <div className='absolute top-4 right-4'>
       <Icon icon="arrow-up-right-from-square" />