From a27738120a0765f749ccfafe8e8a71b78d9612c2 Mon Sep 17 00:00:00 2001
From: ScreenTinker <hello@screentinker.com>
Date: Wed, 29 Apr 2026 11:25:29 -0500
Subject: [PATCH] Add YouTube video embed to landing page

---
 frontend/landing.html | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/frontend/landing.html b/frontend/landing.html
index a45b3a0..c877e92 100644
--- a/frontend/landing.html
+++ b/frontend/landing.html
@@ -190,6 +190,13 @@
     </div>
   </section>
 
+  <!-- Intro video -->
+  <div style="max-width:800px;margin:32px auto;border-radius:12px;overflow:hidden;border:1px solid var(--border)">
+    <div style="position:relative;padding-bottom:56.25%;height:0">
+      <iframe src="https://www.youtube.com/embed/Sq3RbnuDgKw?rel=0" title="ScreenTinker - Open Source Digital Signage for Any Screen" frameborder="0" allow="accelerometer;autoplay;clipboard-write;encrypted-media;gyroscope;picture-in-picture" allowfullscreen style="position:absolute;top:0;left:0;width:100%;height:100%"></iframe>
+    </div>
+  </div>
+
   <!-- Dashboard preview -->
   <div class="screenshot">
     <img src="/assets/dashboard-preview.png" alt="ScreenTinker open-source digital signage dashboard showing 4 online displays with playlist assignments" loading="lazy" width="2500" height="1314">
@@ -350,6 +357,7 @@
         <div style="display:flex;flex-direction:column;gap:6px;font-size:13px">
           <a href="https://github.com/screentinker/screentinker" target="_blank" rel="noopener" style="color:var(--muted)">GitHub</a>
           <a href="https://discord.gg/JHWQRPaG" target="_blank" rel="noopener" style="color:var(--muted)">Discord</a>
+          <a href="https://www.youtube.com/@ScreenTinker" target="_blank" rel="noopener" style="color:var(--muted)">YouTube</a>
           <a href="/api/status" target="_blank" style="color:var(--muted)">Status</a>
           <a href="/app#/login" style="color:var(--muted)">Sign in</a>
         </div>