docs: add ELI5 video to home page (#12379)

jestjs · Feb 13, 2022 · 0543584 · 0543584
1 parent c4676a0
commit 0543584
Showing 1 changed file with 33 additions and 0 deletions.
diff --git 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"