From a67554f702174f61dfb4255e825e19c133ca888d Mon Sep 17 00:00:00 2001
From: Pete Hodgson <git@thepete.net>
Date: Thu, 20 Nov 2025 11:45:15 -0800
Subject: [PATCH] feat: add YouTube video embed to homepage

Added OpenFeature Fundamentals YouTube video to the homepage,
positioned between QuestionBlocks and FeaturesZigZag sections.
Extracted video embed as a reusable partial component.

Signed-off-by: Pete Hodgson <git@thepete.net>
---
 src/pages/index.tsx          |  4 ++++
 src/partials/video-embed.tsx | 24 ++++++++++++++++++++++++
 2 files changed, 28 insertions(+)
 create mode 100644 src/partials/video-embed.tsx

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 */}
           <HeroHome />
           <QuestionBlocks />
+          <VideoEmbed videoId={WHAT_IS_OPENFEATURE_VIDEO_ID} />
           <FeaturesZigZag />
         </main>
       </div>
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 (
+    <section>
+      <div className="max-w-6xl mx-auto px-4 sm:px-6">
+        <div className="py-12 md:py-20 border-t border-gray-800">
+          <div className="max-w-3xl mx-auto">
+            <LiteYouTubeEmbed id={videoId} title={title} poster="maxresdefault" webp />
+          </div>
+        </div>
+      </div>
+    </section>
+  );
+}
+
+export default VideoEmbed;