Merge pull request #207 from statelyai/davidkpiano/update-video

Update video

Author: davidkpiano

static/index.html

@@ -116,7 +116,7 @@ <h2 class="logo">
       <section class="feature editor">
         <div
           class="video-wrap"
-          style="--aspect-ratio: 320/213"
+          style="--aspect-ratio: 1420/1080"
           data-edge-source="editor"
           data-edge-target="used-in-production"
           data-edge-source-position="0.85"
@@ -129,7 +129,7 @@ <h2 class="logo">
             poster="./landing-page/assets/visual-editor-v1-poster-image.png"
           >
             <source
-              src="./landing-page/assets/visual-editor-v1.mp4"
+              src="./landing-page/assets/visual-editor-v2.mp4"
               type="video/mp4"
               width="640"
               height="426"

static/landing-page/assets/visual-editor-v2.mp4

@@ -7,10 +7,7 @@
       name="description"
       content="Stately helps your whole team understand and collaborate on your logic through our visualizer, visual editor and XState."
     />
-    <meta
-      property="og:title"
-      content="Stately - Understand your app logic"
-    />
+    <meta property="og:title" content="Stately - Understand your app logic" />
     <meta property="og:site_name" content="Stately - Privacy policy" />
     <meta property="og:url" content="https://stately.ai" />
     <meta
@@ -74,7 +71,7 @@ <h2 class="logo">
         data-edge-target="cta-1"
         data-edge-target-side="left"
       >
-      Understand your app logic, <strong class="pink">visually</strong>
+        Understand your app logic, <strong class="pink">visually</strong>
       </h1>
 
       <p class="subtitle fadeout-box">
@@ -107,7 +104,7 @@ <h2 class="logo">
       <section class="feature editor">
         <div
           class="video-wrap"
-          style="--aspect-ratio: 320/213"
+          style="--aspect-ratio: 1420/1080"
           data-edge-source="editor"
           data-edge-target="used-in-production"
           data-edge-source-position="0.85"
@@ -120,7 +117,7 @@ <h2 class="logo">
             poster="./landing-page/assets/visual-editor-v1-poster-image.png"
           >
             <source
-              src="./landing-page/assets/visual-editor-v1.mp4"
+              src="./landing-page/assets/visual-editor-v2.mp4"
               type="video/mp4"
               width="640"
               height="426"

static/landing-page/index.html

@@ -393,7 +393,6 @@ a:active {
 
 video {
   border-radius: 0.4em;
-  background: var(--grey06);
   height: auto;
   width: 100%;
   z-index: var(--text-layer);
@@ -2280,4 +2279,4 @@ h2.pricing-heading {
 
 .pink {
   color: #cf249b
-}
+}