From 49b765672e7a51e5db5c85123be408d1d21dc079 Mon Sep 17 00:00:00 2001
From: dmitryvinn <dmitryvinn@gmail.com>
Date: Thu, 17 Feb 2022 11:32:19 -0800
Subject: [PATCH] Adding ELI5 video

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

diff --git a/website/pages/en/index.js b/website/pages/en/index.js
index ea9537ca..3e4cae41 100755
--- a/website/pages/en/index.js
+++ b/website/pages/en/index.js
@@ -102,12 +102,36 @@ const Features = () => (
   </Block>
 );
 
+const VideoContainer = () => {
+  return (
+    <div className="container text--center margin-bottom--xl">
+      <div className="row">
+        <div className="col" style={{textAlign: 'center'}}>
+          <h2>Check it out in the intro video</h2>
+          <div>
+            <iframe
+              width="560"
+              height="315"
+              src="https://www.youtube.com/embed/kEHZJ4CvyeI"
+              title="Explain Like I'm 5: Spectrum"
+              frameBorder="0"
+              allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
+              allowFullScreen
+            />
+          </div>
+        </div>
+      </div>
+    </div>
+  );
+}
+
 class Index extends React.Component {
   render() {
     const language = this.props.language || '';
     return (
       <div>
         <HomeSplash language={language} />
+        <VideoContainer />
         <div className="mainContainer">
           <Features />
         </div>