From 472840dbd850e4ee722584b0160b5f54d42787fd Mon Sep 17 00:00:00 2001
From: Dmitry Vinnik | Meta <77028195+dmitryvinn-fb@users.noreply.github.com>
Date: Fri, 11 Feb 2022 16:11:37 -0800
Subject: [PATCH] docs: add eli5 video to home page (#6659)

* Adding eli5 video the home page

* Update index.tsx

Co-authored-by: Joshua Chen <sidachen2003@gmail.com>
---
 website/src/pages/index.tsx | 25 +++++++++++++++++++++++++
 1 file changed, 25 insertions(+)

diff --git a/website/src/pages/index.tsx b/website/src/pages/index.tsx
index 3426bc5ff3..937fc24941 100644
--- a/website/src/pages/index.tsx
+++ b/website/src/pages/index.tsx
@@ -109,6 +109,24 @@ function TweetsSection() {
   );
 }
 
+function ELIVideo() {
+  return (
+    <div className="container">
+      <div className="margin-top--md">
+        <iframe
+          width="560"
+          height="315"
+          src="https://www.youtube.com/embed/_An9EsKPhp0"
+          title="Explain Like I'm 5: Docusaurus"
+          frameBorder="0"
+          allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
+          allowFullScreen
+        />
+      </div>
+    </div>
+  );
+}
+
 function Home(): JSX.Element {
   const {
     siteConfig: {customFields, tagline},
@@ -285,6 +303,13 @@ function Home(): JSX.Element {
               </div>
             </div>
           </div>
+          <div className="container text--center">
+            <div className="row">
+              <div className="col">
+                <ELIVideo />
+              </div>
+            </div>
+          </div>
         </div>
         <TweetsSection />
         <div className={clsx(styles.section)}>