diff --git a/website/assets/images/clouds-1600x320@2x.png b/website/assets/images/clouds-1600x320@2x.png
new file mode 100644
index 0000000000..e8599036ff
Binary files /dev/null and b/website/assets/images/clouds-1600x320@2x.png differ
diff --git a/website/assets/images/clouds@2x.png b/website/assets/images/clouds@2x.png
deleted file mode 100644
index 4e5acf28e4..0000000000
Binary files a/website/assets/images/clouds@2x.png and /dev/null differ
diff --git a/website/assets/images/play-32x32@2x.png b/website/assets/images/play-32x32@2x.png
new file mode 100644
index 0000000000..eb1d783ef4
Binary files /dev/null and b/website/assets/images/play-32x32@2x.png differ
diff --git a/website/assets/styles/pages/homepage.less b/website/assets/styles/pages/homepage.less
index 48e967dcdc..6e054cdf6c 100644
--- a/website/assets/styles/pages/homepage.less
+++ b/website/assets/styles/pages/homepage.less
@@ -43,10 +43,10 @@
   }
 
   .hero-clouds {
-    background-image: url('/images/clouds@2x.png');
+    background-image: url('/images/clouds-1600x320@2x.png');
     background-position: bottom 150px center;
     background-size: 1600px auto;
-    background-repeat: no-repeat;
+    background-repeat: repeat-x;
 
   }
 
diff --git a/website/views/pages/homepage.ejs b/website/views/pages/homepage.ejs
index d5c4d38fcc..24471289a8 100644
--- a/website/views/pages/homepage.ejs
+++ b/website/views/pages/homepage.ejs
@@ -12,7 +12,15 @@
             <h6 style="max-width: 580px;" class="mx-auto mt-3 mb-0">
               Quickly deploy <a style="color: white; text-decoration-line: underline;" href="https://osquery.io/">osquery</a> and scale your fleet to 100,000+ devices on top of a stable core technology.
             </h6>
-            <a style="max-width: 280px" class="btn btn-block btn-primary px-3 px-sm-5 py-3 mx-auto my-4" href="/get-started">Get started with Fleet</a>
+            <div style="max-width: 480px;" class="mt-5 mx-auto mb-0 d-sm-flex">
+              <a style="max-width: 280px" class="d-sm-flex align-items-center justify-content-center btn btn-block btn-primary px-3 px-sm-5 py-3 mx-auto" href="/get-started">Get started with Fleet</a>
+              <a target="_blank" style="font-size: 20px; color: white; text-decoration: none; font-weight: 700;" class="d-sm-flex align-items-center justify-content-center btn btn-link px-3 py-3" href="https://www.youtube.com/watch?v=dg1dwGQMaLw">
+                <span>Watch video</span>
+                <svg class="ml-2" width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+                  <path fill-rule="evenodd" clip-rule="evenodd" d="M16 32C24.8366 32 32 24.8366 32 16C32 7.16344 24.8366 0 16 0C7.16344 0 0 7.16344 0 16C0 24.8366 7.16344 32 16 32ZM11.3333 8.66667L24.2091 16.2091L11.3333 23.7516L11.3333 8.66667Z" fill="white"/>
+                </svg>
+              </a>
+          </div>
             <img alt="Fleet ctl terminal and Fleet UI" src="/images/fleetctl@2x.png" style="max-width: 810px; height: auto;" class="w-100 py-3 py-sm-5 mx-auto" />
           </div>
         </div>