Added the new quickstart video to the docs

docs/introduction.mdx

@@ -17,6 +17,10 @@ We're [open source](https://github.com/triggerdotdev/trigger.dev) and you can ch
 
 ## Getting started
 
+<div className="w-full h-full aspect-video mb-3">
+  <iframe width="100%" height="100%" src="https://www.youtube.com/embed/YH_4c0K7fGM?si=5JzZmZseuqI5aciM" title="Trigger.dev walkthrough" frameborder="0" allow="accelerometer; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen/>
+</div>
+
 <CardGroup>
   <Card title="Quick start guide" icon="person-running-fast" href="/quick-start">
     Go from zero to running your first task in 3 minutes.
@@ -24,7 +28,7 @@ We're [open source](https://github.com/triggerdotdev/trigger.dev) and you can ch
   <Card title="Writing tasks" icon="wand-magic-sparkles" href="/tasks/overview">
     Tasks are the core of Trigger.dev. Learn what they are and how to write them.
   </Card>
-  <Card title="Walk-through guides" icon="book" href="/guides/introduction">
+  <Card title="Walkthrough guides" icon="book" href="/guides/introduction">
     Detailed guides for setting up Trigger.dev with popular frameworks and services, including
     Next.js, Remix, Supabase and more.
   </Card>

docs/mint.json

@@ -119,7 +119,14 @@
   "navigation": [
     {
       "group": "Getting Started",
-      "pages": ["introduction", "quick-start", "how-it-works", "upgrading-beta", "limits"]
+      "pages": [
+        "introduction",
+        "quick-start",
+        "video-walkthrough",
+        "how-it-works",
+        "upgrading-beta",
+        "limits"
+      ]
     },
     {
       "group": "Fundamentals",

docs/video-walkthrough.mdx

@@ -0,0 +1,16 @@
+---
+title: "Video walkthrough"
+description: "Go from zero to a working task in your Next.js app in 10 minutes."
+---
+
+<div className="w-full h-full aspect-video">
+  <iframe width="100%" height="100%" src="https://www.youtube.com/embed/YH_4c0K7fGM?si=5JzZmZseuqI5aciM" title="Trigger.dev walkthrough" frameborder="0" allow="accelerometer; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen/>
+</div>
+
+### In this video we cover the following topics:
+
+- [0:00](https://youtu.be/YH_4c0K7fGM?si=J8svVzotZtyTXDap&t=0) – [Install Trigger.dev](/quick-start) in an existing Next.js project
+- [1:44](https://youtu.be/YH_4c0K7fGM?si=J8svVzotZtyTXDap&t=104) – [Run and test](/run-tests) the "Hello, world!" example project
+- [2:09](https://youtu.be/YH_4c0K7fGM?si=FMTP8ep_cDBCU0_x&t=128) – Create and run an AI image generation task that uses [Fal.ai](https://fal.ai)
+- [6:25](https://youtu.be/YH_4c0K7fGM?si=pPc8iLI2Y9FGD3yo&t=385) – Create and run a [Trigger.dev Realtime](/realtime/overview) example using [Trigger.dev React hooks](/frontend/react-hooks)
+- [11:10](https://youtu.be/YH_4c0K7fGM?si=Mjd0EvvNsNlVouvY&t=670) – [Deploy your task](/cli-deploy) to the Trigger.dev Cloud