diff --git a/src/pages/index.tsx b/src/pages/index.tsx
index 4851219ae..ee150b709 100644
--- a/src/pages/index.tsx
+++ b/src/pages/index.tsx
@@ -6,11 +6,14 @@ import QuestionBlocks from '../partials/question-blocks';
import FeaturesZigZag from '../partials/features-zigzag';
import HeroHome from '../partials/hero-home';
import PageIllustration from '../partials/page-illustration';
+import VideoEmbed from '../partials/video-embed';
import { useLocation } from '@docusaurus/router';
import 'aos/dist/aos.css';
import '../css/style.css';
+const WHAT_IS_OPENFEATURE_VIDEO_ID = 'heQ83k15ZE4';
+
export default function Home(): JSX.Element {
const location = useLocation();
const { siteConfig } = useDocusaurusContext();
@@ -42,6 +45,7 @@ export default function Home(): JSX.Element {
{/* Page sections */}
+
diff --git a/src/partials/video-embed.tsx b/src/partials/video-embed.tsx
new file mode 100644
index 000000000..59e65c0d8
--- /dev/null
+++ b/src/partials/video-embed.tsx
@@ -0,0 +1,24 @@
+import React from 'react';
+import LiteYouTubeEmbed from 'react-lite-youtube-embed';
+import 'react-lite-youtube-embed/dist/LiteYouTubeEmbed.css';
+
+interface VideoEmbedProps {
+ videoId: string;
+ title?: string;
+}
+
+function VideoEmbed({ videoId, title = "YouTube video player" }: VideoEmbedProps) {
+ return (
+
+ );
+}
+
+export default VideoEmbed;