diff --git a/frontend/templates/index.html b/frontend/templates/index.html
index 46040f8..744acf5 100755
--- a/frontend/templates/index.html
+++ b/frontend/templates/index.html
@@ -92,10 +92,10 @@ <h2 class="heading-black">Live Demo</h2>
       <div class="row mt-5">
         <div class="col-md-12">
           <div style="position: relative; padding-bottom: calc(53.44444444444445% + 42px); height: 0;">
-            <video style="position: absolute; top: 0; left: 0; width: 100%; height: 100%;" autoplay loop muted>
-              <source src="/static/archive-demo.mp4" type="video/mp4">
-              <img src="/static/archive-demo.gif" alt="Archive Demo">
-            </video>
+            <iframe style="position: absolute; top: 0; left: 0; width: 100%; height: 100%;"
+              src="https://www.youtube-nocookie.com/embed/jd8p15scQzA?autoplay=1&mute=1&loop=1&playlist=jd8p15scQzA&si=n6KzyAb29-zuEdJ7&start=1"
+              frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"
+              allowfullscreen></iframe>
           </div>
         </div>
       </div>
@@ -372,4 +372,4 @@ <h5>Help</h5>
   <script type="module" src="static/scripts.js"></script>
 </body>
 
-</html>
\ No newline at end of file
+</html>