Merge pull request #5200 from captain-Akshay/master

[LAYER5 SIGNUP] replaced video LINK

Author: leecalcote

src/sections/Meshmap/signup-form.js

@@ -5,23 +5,23 @@ import { Container, Row, Col } from "../../reusecore/Layout";
 import CommonForm from "../../components/CommonForm";
 
 const SignupFormWrapper = styled.div`
-.desc-text {
-  display: flex;
-  flex-direction: column;
-}
+  .desc-text {
+    display: flex;
+    flex-direction: column;
+  }
 
-.meshmap-video {
-  /* box-shadow: 0px 5px 5px 2px #b3b3b3; */
-  height: 28rem;
-  text-align: center;
+  .meshmap-video {
+    /* box-shadow: 0px 5px 5px 2px #b3b3b3; */
+    height: 28rem;
+    text-align: center;
 
-  @media screen and (max-width: 1200px) {
-    height: 26rem;
-  }
-  @media screen and (max-width: 992px) {
-    height: 23rem;
+    @media screen and (max-width: 1200px) {
+      height: 26rem;
+    }
+    @media screen and (max-width: 992px) {
+      height: 23rem;
+    }
   }
-}
 `;
 const SignupForm = ({ targetRef }) => {
   return (
@@ -33,20 +33,25 @@ const SignupForm = ({ targetRef }) => {
               <h1 className="heading-1">Signup for</h1>
               <h1 className="heading-2">MeshMap Beta</h1>
               <p className="desc-p">
-                Join the waiting list for participation in the beta program. Your request for access will be processed as quickly as possible. Due to the large influx of program participation requests, it may take some time before system access is granted. So that you can familiarize while you wait, the Layer5 team will send you additional information about beta program, MeshMap modes, and cloud native design patterns.
+                Join the waiting list for participation in the beta program.
+                Your request for access will be processed as quickly as
+                possible. Due to the large influx of program participation
+                requests, it may take some time before system access is granted.
+                So that you can familiarize while you wait, the Layer5 team will
+                send you additional information about beta program, MeshMap
+                modes, and cloud native design patterns.
               </p>
               <div className="meshmap-video">
                 {/* <p>Help choose the best logo for MeshMap:</p>
                 <a target="_blank" href="https://twitter.com/layer5/status/1536832439833743363?s=20&t=oEDasGEBl8cvsA64P7NNTA" rel="noreferrer">
                   <img src={MeshMapDrafts} alt="MeshMap Draft" /></a><br />
                 <p><a target="_blank" href="https://twitter.com/layer5/status/1536832439833743363?s=20&t=oEDasGEBl8cvsA64P7NNTA" rel="noreferrer">Vote for your favorite design</a></p> */}
                 <iframe
-                  src="https://www.youtube.com/embed/qaoYRP3oLok?modestbranding=1&rel=0"
                   width="95%"
                   height="100%"
-                  style={{ border: "0" }}
+                  src="https://www.youtube.com/embed/034nVaQUyME?si=Xip0JqrwiG2QY5vp"
                   allow="autoplay"
-                  allowFullScreen
+                  allowfullscreen
                 />
               </div>
             </Col>
@@ -63,9 +68,8 @@ const SignupForm = ({ targetRef }) => {
           </Row>
         </Container>
       </div>
-
     </SignupFormWrapper>
   );
 };
 
-export default SignupForm;
+export default SignupForm;