diff --git a/src/.vitepress/theme/index.ts b/src/.vitepress/theme/index.ts
index 15fc921..f7fafef 100644
--- a/src/.vitepress/theme/index.ts
+++ b/src/.vitepress/theme/index.ts
@@ -3,14 +3,14 @@ import { h } from 'vue'
 import type { Theme } from 'vitepress'
 import DefaultTheme from 'vitepress/theme-without-fonts'  // WITHOUT fonts
 import './style.css'
-import HeroVideo from "./HeroVideo.vue";
+import IntroVideo from "../../components/IntroVideo.vue";
 
 export default {
   extends: DefaultTheme,
   Layout: () => {
     return h(DefaultTheme.Layout, null, {
       // https://vitepress.dev/guide/extending-default-theme#layout-slots
-      'home-hero-info-after': () => h(HeroVideo),
+      'home-hero-actions-after': () => h(IntroVideo),
     })
   },
   enhanceApp({ app, router, siteData }) {
diff --git a/src/.vitepress/theme/HeroVideo.vue b/src/components/IntroVideo.vue
similarity index 100%
rename from src/.vitepress/theme/HeroVideo.vue
rename to src/components/IntroVideo.vue
diff --git a/src/introduction.md b/src/introduction.md
index e1dec53..4159aa0 100644
--- a/src/introduction.md
+++ b/src/introduction.md
@@ -1,6 +1,9 @@
+<script setup>
+import IntroVideo from "./components/IntroVideo.vue"
+</script>
 # What is Dexorder?
 
-<iframe width="560" height="315" src="https://www.youtube.com/embed/hY0zFFLjsUI?si=1ws5B_JiAtt0d5I9" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
+<IntroVideo/>
 
 Dexorder is an on-chain system providing advanced order management for DeFi traders. Dexorder is noncustodial and runs on the [Arbitrum One](https://arbitrum.io/) network (more L2's coming soon).