From 0543584742ef00545acd208781b02905298b34e5 Mon Sep 17 00:00:00 2001
From: Dmitry Vinnik | Meta <77028195+dmitryvinn-fb@users.noreply.github.com>
Date: Sun, 13 Feb 2022 01:29:25 -0800
Subject: [PATCH] docs: add ELI5 video to home page (#12379)

---
 website/src/pages/index.js | 33 +++++++++++++++++++++++++++++++++
 1 file changed, 33 insertions(+)

diff --git a/website/src/pages/index.js b/website/src/pages/index.js
index 59ce56c02069..0ab8788f28fb 100755
--- a/website/src/pages/index.js
+++ b/website/src/pages/index.js
@@ -543,6 +543,39 @@ class Index extends React.Component {
               </div>
             </div>
           </Container>
+          <Container
+            padding={['bottom', 'top']}
+            className="section-container bottom-margin docs"
+          >
+            <div className="blockElement imageAlignSide gridBlock video-block">
+              <div className="blockContent ">
+                <div className="video">
+                  <iframe
+                    width="560"
+                    height="315"
+                    src="https://www.youtube.com/embed/SyHzgcFefBk"
+                    frameBorder="0"
+                    allow="autoplay; encrypted-media"
+                    allowFullScreen
+                  />
+                </div>
+              </div>
+            </div>
+            <div className="blockElement red bottom-margin">
+              <div className="blockContent">
+                <MarkdownBlock>
+                  <Translate>
+                    The Meta Open Source team has put together a short overview
+                    of Jest, where they explained the project in beginner's
+                    terms. You can also find other content about [Meta Open
+                    Source projects](https://opensource.fb.com/) on their
+                    [YouTube
+                    Channel](https://www.youtube.com/channel/UCCQY962PmHabTjaHv2wJzfQ).
+                  </Translate>
+                </MarkdownBlock>
+              </div>
+            </div>
+          </Container>
           <Container
             padding={['bottom', 'top']}
             background="light"