diff --git a/templates/assets/css/styles.min.css b/templates/assets/css/styles.min.css
index a9234ae..556e924 100644
--- a/templates/assets/css/styles.min.css
+++ b/templates/assets/css/styles.min.css
@@ -1 +1 @@
-.social-icons{color:#313437;background-color:#fff;padding:70px 0}@media (max-width:767px){.social-icons{padding:50px 0}}.social-div{display:flex;justify-content:center;align-items:center}.social-list{max-width:100%;display:flex;list-style:none;gap:2.5rem}@media (max-width:500px){.social-list{gap:1.5rem}}@media (max-width:420px){.social-list{gap:0}}.custom-button{max-width:500px}.addresses{margin-bottom:20px;display:flex;justify-content:center;align-items:center}.social-icons i{color:#757980;margin:0 10px;width:60px;height:60px;border:1px solid #c8ced7;text-align:center;border-radius:50%;line-height:60px;display:inline-block}.social-link a{text-decoration:none;width:4.8rem;height:4.8rem;background-color:#f0f9fe;border-radius:50%;display:flex;justify-content:center;align-items:center;position:relative;z-index:1;border:3px solid #f0f9fe;overflow:hidden}.social-link a::before{content:"";position:absolute;width:100%;height:100%;background:#000;z-index:0;scale:1 0;transform-origin:bottom;transition:scale .5s}.social-link:hover a::before{scale:1 1}.icon{font-size:2rem;color:#011827;transition:.5s;z-index:2}.social-link a:hover .icon{color:#fff;transform:rotateY(360deg)}
\ No newline at end of file
+.video-container{position:relative;padding-bottom:56.25%;padding-top:0;height:0;overflow:hidden}.video-container embed,.video-container iframe,.video-container object{position:absolute;top:0;left:0;width:100%;height:100%}.social-icons{color:#313437;background-color:#fff;padding:70px 0}@media (max-width:767px){.social-icons{padding:50px 0}}.social-div{display:flex;justify-content:center;align-items:center}.social-list{max-width:100%;display:flex;list-style:none;gap:2.5rem}@media (max-width:500px){.social-list{gap:1.5rem}}@media (max-width:420px){.social-list{gap:0}}.custom-button{max-width:500px}.addresses{margin-bottom:20px;display:flex;justify-content:center;align-items:center}.social-icons i{color:#757980;margin:0 10px;width:60px;height:60px;border:1px solid #c8ced7;text-align:center;border-radius:50%;line-height:60px;display:inline-block}.social-link a{text-decoration:none;width:4.8rem;height:4.8rem;background-color:#f0f9fe;border-radius:50%;display:flex;justify-content:center;align-items:center;position:relative;z-index:1;border:3px solid #f0f9fe;overflow:hidden}.social-link a::before{content:"";position:absolute;width:100%;height:100%;background:#000;z-index:0;scale:1 0;transform-origin:bottom;transition:scale .5s}.social-link:hover a::before{scale:1 1}.icon{font-size:2rem;color:#011827;transition:.5s;z-index:2}.social-link a:hover .icon{color:#fff;transform:rotateY(360deg)}
\ No newline at end of file
diff --git a/templates/index.html b/templates/index.html
index 1cab7d1..510e8d6 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -52,9 +52,10 @@
         <div class="container bg-dark py-5">
             <div class="text-center" style="margin-bottom: 50px;">
                 <h1>Want to get started?</h1>
-                <p>Simply login below button to create your account</p><button class="btn btn-primary" type="button" onclick="{{varo}}">Create your site</button>
+                <p>Simply login below button to create your account, or follow this tutorial</p><button class="btn btn-primary" type="button" onclick="{{varo}}">Create your site</button>
             </div>
-            <div class="row">
+            <div class="video-container"><iframe allowfullscreen="" frameborder="0" src="https://www.youtube.com/embed/31l_hZ-SzH8" width="560" height="315"></iframe></div>
+            <div class="row" style="margin-top: 20px;">
                 <div class="col-md-8 col-xl-6 text-center mx-auto">
                     <p class="fw-bold text-success mb-2">Features</p>
                     <h3 class="fw-bold">What we can do for you</h3>