Se elimina el tooltip del botón enviar y se agrega Popover y sus conf…

…iguraciones para operar

assets/js/script.js

@@ -2,6 +2,10 @@
 const tooltipTriggerList = document.querySelectorAll('[data-bs-toggle="tooltip"]')
 const tooltipList = [...tooltipTriggerList].map(tooltipTriggerEl => new bootstrap.Tooltip(tooltipTriggerEl))
 
+// Popover
+const popoverTriggerList = document.querySelectorAll('[data-bs-toggle="popover"]')
+const popoverList = [...popoverTriggerList].map(popoverTriggerEl => new bootstrap.Popover(popoverTriggerEl))
+
 //Scroll Reveal
 window.sr = ScrollReveal();
 sr.reveal('#quienes-somos', {
@@ -25,4 +29,19 @@ window.addEventListener('scroll', function() {
   } else {
     navbar.classList.remove('navbar-color-change');
   }
+});
+
+// Para prevenir que la página suba al presionar el botón
+document.querySelector('.btn[data-bs-toggle="popover"]').addEventListener('click', function(e) {
+  e.preventDefault();
+});
+
+// Para oculpar popover luego de un tiempo
+$(document).ready(function(){
+  $('[data-bs-toggle="popover"]').popover().on('shown.bs.popover', function(){
+    var _this = this;
+    setTimeout(function(){
+      $(_this).popover('hide');
+    }, 1600);
+  });
 });

index.html

@@ -168,9 +168,9 @@ <h2 class="text-center mt-4">CONTACTO</h2>
                 <textarea class="form-control" id="exampleFormControlTextarea1" rows="3"></textarea>
               </div>
               <div class="d-flex justify-content-right">
-                <button type="submit" class="btn btn-light px-4 mb-3" data-bs-toggle="tooltip" data-bs-placement="top"
-                data-bs-custom-class="custom-tooltip"
-                data-bs-title="Presiona para enviar a tu mensaje">Enviar</button>
+                <button type="submit" class="btn btn-light px-4 mb-3" 
+                data-bs-toggle="popover" 
+                data-bs-content="Mensaje enviado exitosamente">Enviar</button>
               </div>
             </form>
           </div>