From f45619dc1ff03dc1e5b5ff4bbb21a6dbc7c1bbb6 Mon Sep 17 00:00:00 2001
From: Nirmal Kumar <nirmalkc@gmail.com>
Date: Tue, 19 Apr 2022 09:36:57 +0530
Subject: [PATCH 1/4] adding homepage video

---
 src/common/home/Home.jsx | 5 +++++
 src/common/home/home.css | 2 +-
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/common/home/Home.jsx b/src/common/home/Home.jsx
index ee568f934..a5cba3168 100644
--- a/src/common/home/Home.jsx
+++ b/src/common/home/Home.jsx
@@ -63,6 +63,11 @@ const Home = () => {
             </a>
             */}
           </div>
+          <div className="video">
+            <div className="video-wrapper">
+              <iframe width="560" height="315" className="video-iframe" src="https://www.youtube.com/embed/XrWonrp296w" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
+            </div>
+          </div>
         </div>
       </section>
       <section className="home-features">
diff --git a/src/common/home/home.css b/src/common/home/home.css
index d0a2f269a..e8132b546 100644
--- a/src/common/home/home.css
+++ b/src/common/home/home.css
@@ -164,7 +164,7 @@
 .video {
     width: 60%;
     max-width: 720px;
-    margin: 0 auto 8rem auto;
+    margin: 6rem auto 0 auto;
     box-shadow: 0px 0 26px 0px rgba(var(--color-neutral-90-rgb),0.62);
     -webkit-box-shadow: 0px 0 26px 0px rgba(var(--color-neutral-90-rgb),0.62);
     -moz-box-shadow: 0px 0 26px 0px rgba(var(--color-neutral-90-rgb),0.62);

From f21582e684fce205b8b1e7fc6c33e24a307d5c26 Mon Sep 17 00:00:00 2001
From: Nirmal Kumar <nirmalkc@gmail.com>
Date: Tue, 19 Apr 2022 09:37:43 +0530
Subject: [PATCH 2/4] removing the commented line

---
 src/common/home/Home.jsx | 10 ----------
 1 file changed, 10 deletions(-)

diff --git a/src/common/home/Home.jsx b/src/common/home/Home.jsx
index a5cba3168..30d8afc90 100644
--- a/src/common/home/Home.jsx
+++ b/src/common/home/Home.jsx
@@ -52,16 +52,6 @@ const Home = () => {
               <BsGithub className="icon" />
               <span className="btn-label">GitHub <div className="label-info-more"><FiStar /> <div className="more-label">{gitHubStars}</div></div> </span>
             </a>
-            {/*<a
-              href="https://www.youtube.com/watch?v=rysTbzKOEO0"
-              target="_blank"
-              rel="noopener noreferrer"
-              className="body-c2a-btn"
-            >
-              <IoPlayOutline className="icon" />
-              <span className="btn-label">See how it works</span>
-            </a>
-            */}
           </div>
           <div className="video">
             <div className="video-wrapper">

From 135cef615c36034c9198c9d34c42e7a271022a59 Mon Sep 17 00:00:00 2001
From: Nirmal Kumar <nirmalkc@gmail.com>
Date: Tue, 19 Apr 2022 13:05:19 +0530
Subject: [PATCH 3/4] adding youtube video as per the standards

---
 src/common/home/Home.jsx | 7 +++----
 1 file changed, 3 insertions(+), 4 deletions(-)

diff --git a/src/common/home/Home.jsx b/src/common/home/Home.jsx
index 30d8afc90..35d92e947 100644
--- a/src/common/home/Home.jsx
+++ b/src/common/home/Home.jsx
@@ -8,6 +8,7 @@ import { BsGithub } from 'react-icons/bs';
 import { FiStar } from "react-icons/fi";
 import { ReactComponent as Flower } from "images/icon-flower.svg";
 import { MdManageSearch } from "react-icons/md";
+import YoutubeVideoEmbed from 'common/components/YouTubeEmbed';
 // import { IoPlayOutline } from "react-icons/io5";
 
 import FeaturedPlays from "common/playlists/FeaturedPlays";
@@ -52,11 +53,9 @@ const Home = () => {
               <BsGithub className="icon" />
               <span className="btn-label">GitHub <div className="label-info-more"><FiStar /> <div className="more-label">{gitHubStars}</div></div> </span>
             </a>
-          </div>
+          </div>          
           <div className="video">
-            <div className="video-wrapper">
-              <iframe width="560" height="315" className="video-iframe" src="https://www.youtube.com/embed/XrWonrp296w" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
-            </div>
+            <YoutubeVideoEmbed videoId="XrWonrp296w" title="test" />
           </div>
         </div>
       </section>

From c66b9d940db34711aaee03717ee27575b6170e3e Mon Sep 17 00:00:00 2001
From: Nirmal Kumar <nirmalkc@gmail.com>
Date: Tue, 19 Apr 2022 13:10:39 +0530
Subject: [PATCH 4/4] removing commented lines and updated the title as per the
 youtube video title

---
 src/common/home/Home.jsx | 4 +---
 1 file changed, 1 insertion(+), 3 deletions(-)

diff --git a/src/common/home/Home.jsx b/src/common/home/Home.jsx
index 35d92e947..27727dbba 100644
--- a/src/common/home/Home.jsx
+++ b/src/common/home/Home.jsx
@@ -9,8 +9,6 @@ import { FiStar } from "react-icons/fi";
 import { ReactComponent as Flower } from "images/icon-flower.svg";
 import { MdManageSearch } from "react-icons/md";
 import YoutubeVideoEmbed from 'common/components/YouTubeEmbed';
-// import { IoPlayOutline } from "react-icons/io5";
-
 import FeaturedPlays from "common/playlists/FeaturedPlays";
 import Contributors from "./Contributors";
 
@@ -55,7 +53,7 @@ const Home = () => {
             </a>
           </div>          
           <div className="video">
-            <YoutubeVideoEmbed videoId="XrWonrp296w" title="test" />
+            <YoutubeVideoEmbed videoId="XrWonrp296w" title="🤩 Introducing ReactPlay - An Opensource Platform to Create, Learn, and Share ReactJS Projects" />
           </div>
         </div>
       </section>