diff --git a/src/assets/js/material-kit-pro.js b/src/assets/js/material-kit-pro.js
index f8dfb38b8..79f43cd06 100644
--- a/src/assets/js/material-kit-pro.js
+++ b/src/assets/js/material-kit-pro.js
@@ -1,7 +1,7 @@
 /*!
 
 =========================================================
-* Material Kit 2 PRO - v3.0.2
+* Material Kit 2 - v3.0.2
 =========================================================
 
 * Product Page: https://www.creative-tim.com/product/soft-ui-design-system
@@ -22,23 +22,23 @@
 
 function debounce(func, wait, immediate) {
   var timeout;
-  return function() {
+  return function () {
     var context = this,
       args = arguments;
     clearTimeout(timeout);
-    timeout = setTimeout(function() {
+    timeout = setTimeout(function () {
       timeout = null;
       if (!immediate) func.apply(context, args);
     }, wait);
     if (immediate && !timeout) func.apply(context, args);
   };
-};
+}
 
 // Function for smooth scroll to element
 function smoothToPricing(id) {
   if (document.getElementById(id)) {
     document.getElementById(id).scrollIntoView({
-      behavior: 'smooth'
+      behavior: "smooth"
     });
   }
 }
@@ -46,277 +46,341 @@ function smoothToPricing(id) {
 // Debounce function
 function debounce(func, wait, immediate) {
   var timeout;
-  return function() {
+  return function () {
     var context = this,
       args = arguments;
     clearTimeout(timeout);
-    timeout = setTimeout(function() {
+    timeout = setTimeout(function () {
       timeout = null;
       if (!immediate) func.apply(context, args);
     }, wait);
     if (immediate && !timeout) func.apply(context, args);
   };
-};
+}
 
 // initialization of Popovers
-var popoverTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="popover"]'))
-var popoverList = popoverTriggerList.map(function(popoverTriggerEl) {
-  return new bootstrap.Popover(popoverTriggerEl)
-})
+var popoverTriggerList = [].slice.call(
+  document.querySelectorAll('[data-bs-toggle="popover"]')
+);
+var popoverList = popoverTriggerList.map(function (popoverTriggerEl) {
+  return new bootstrap.Popover(popoverTriggerEl);
+});
 
 // initialization of Tooltips
-var tooltipTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="tooltip"]'))
-var tooltipList = tooltipTriggerList.map(function(tooltipTriggerEl) {
-  return new bootstrap.Tooltip(tooltipTriggerEl)
-})
+var tooltipTriggerList = [].slice.call(
+  document.querySelectorAll('[data-bs-toggle="tooltip"]')
+);
+var tooltipList = tooltipTriggerList.map(function (tooltipTriggerEl) {
+  return new bootstrap.Tooltip(tooltipTriggerEl);
+});
 
 // helper for adding on all elements multiple attributes
 function setAttributes(el, options) {
-  Object.keys(options).forEach(function(attr) {
+  Object.keys(options).forEach(function (attr) {
     el.setAttribute(attr, options[attr]);
-  })
+  });
 }
 
 // activate popovers
-var popoverTriggerList = [].slice.call(document.querySelectorAll('[data-toggle="popover"]'))
-var popoverList = popoverTriggerList.map(function(popoverTriggerEl) {
-  return new bootstrap.Popover(popoverTriggerEl)
-})
+var popoverTriggerList = [].slice.call(
+  document.querySelectorAll('[data-toggle="popover"]')
+);
+var popoverList = popoverTriggerList.map(function (popoverTriggerEl) {
+  return new bootstrap.Popover(popoverTriggerEl);
+});
 
 // activate tooltips
-var tooltipTriggerList = [].slice.call(document.querySelectorAll('[data-toggle="tooltip"]'))
-var tooltipList = tooltipTriggerList.map(function(tooltipTriggerEl) {
-  return new bootstrap.Tooltip(tooltipTriggerEl)
-})
-
+var tooltipTriggerList = [].slice.call(
+  document.querySelectorAll('[data-toggle="tooltip"]')
+);
+var tooltipList = tooltipTriggerList.map(function (tooltipTriggerEl) {
+  return new bootstrap.Tooltip(tooltipTriggerEl);
+});
 
-window.onload = function() {
+window.onload = function () {
   // Material Design Input function
-  var inputs = document.querySelectorAll('input');
+  var inputs = document.querySelectorAll("input");
 
   for (var i = 0; i < inputs.length; i++) {
-    inputs[i].addEventListener('focus', function(e) {
-      this.parentElement.classList.add('is-focused');
-    }, false);
+    inputs[i].addEventListener(
+      "focus",
+      function (e) {
+        this.parentElement.classList.add("is-focused");
+      },
+      false
+    );
 
-    inputs[i].onkeyup = function(e) {
+    inputs[i].onkeyup = function (e) {
       if (this.value != "") {
-        this.parentElement.classList.add('is-filled');
+        this.parentElement.classList.add("is-filled");
       } else {
-        this.parentElement.classList.remove('is-filled');
+        this.parentElement.classList.remove("is-filled");
       }
     };
 
-    inputs[i].addEventListener('focusout', function(e) {
-      if (this.value != "") {
-        this.parentElement.classList.add('is-filled');
-      }
-      this.parentElement.classList.remove('is-focused');
-    }, false);
+    inputs[i].addEventListener(
+      "focusout",
+      function (e) {
+        if (this.value != "") {
+          this.parentElement.classList.add("is-filled");
+        }
+        this.parentElement.classList.remove("is-focused");
+      },
+      false
+    );
   }
 
   // Ripple Effect
-  var ripples = document.querySelectorAll('.btn');
+  var ripples = document.querySelectorAll(".btn");
 
   for (var i = 0; i < ripples.length; i++) {
-    ripples[i].addEventListener('click', function(e) {
-      var targetEl = e.target;
-      var rippleDiv = targetEl.querySelector('.ripple');
-
-      rippleDiv = document.createElement('span');
-      rippleDiv.classList.add('ripple');
-      rippleDiv.style.width = rippleDiv.style.height = Math.max(targetEl.offsetWidth, targetEl.offsetHeight) + 'px';
-      targetEl.appendChild(rippleDiv);
-
-      rippleDiv.style.left = (e.offsetX - rippleDiv.offsetWidth / 2) + 'px';
-      rippleDiv.style.top = (e.offsetY - rippleDiv.offsetHeight / 2) + 'px';
-      rippleDiv.classList.add('ripple');
-      setTimeout(function() {
-        rippleDiv.parentElement.removeChild(rippleDiv);
-      }, 600);
-    }, false);
+    ripples[i].addEventListener(
+      "click",
+      function (e) {
+        var targetEl = e.target;
+        var rippleDiv = targetEl.querySelector(".ripple");
+
+        rippleDiv = document.createElement("span");
+        rippleDiv.classList.add("ripple");
+        rippleDiv.style.width = rippleDiv.style.height =
+          Math.max(targetEl.offsetWidth, targetEl.offsetHeight) + "px";
+        targetEl.appendChild(rippleDiv);
+
+        rippleDiv.style.left = e.offsetX - rippleDiv.offsetWidth / 2 + "px";
+        rippleDiv.style.top = e.offsetY - rippleDiv.offsetHeight / 2 + "px";
+        rippleDiv.classList.add("ripple");
+        setTimeout(function () {
+          rippleDiv.parentElement.removeChild(rippleDiv);
+        }, 600);
+      },
+      false
+    );
   }
 };
 
 // Multi Level Dropdown
 function dropDown(a) {
-  if (!document.querySelector('.dropdown-hover')) {
+  if (!document.querySelector(".dropdown-hover")) {
     event.stopPropagation();
     event.preventDefault();
     var multilevel = a.parentElement.parentElement.children;
 
-
     for (var i = 0; i < multilevel.length; i++) {
       if (multilevel[i].lastElementChild != a.parentElement.lastElementChild) {
-        multilevel[i].lastElementChild.classList.remove('show');
-        multilevel[i].firstElementChild.classList.remove('show');
+        multilevel[i].lastElementChild.classList.remove("show");
+        multilevel[i].firstElementChild.classList.remove("show");
       }
     }
 
     if (!a.nextElementSibling.classList.contains("show")) {
       a.nextElementSibling.classList.add("show");
       a.classList.add("show");
-
     } else {
       a.nextElementSibling.classList.remove("show");
       a.classList.remove("show");
-
     }
   }
 }
 
 // Colored shadows from Cards
-if (document.querySelector('.blur-shadow-image')) {
-  var shadowCards = document.querySelectorAll('.blur-shadow-image');
-  var shadowCardsRounded = document.querySelectorAll('.blur-shadow-image.rounded-circle');
+if (document.querySelector(".blur-shadow-image")) {
+  var shadowCards = document.querySelectorAll(".blur-shadow-image");
+  var shadowCardsRounded = document.querySelectorAll(
+    ".blur-shadow-image.rounded-circle"
+  );
 
   if (shadowCardsRounded) {
     for (var i = 0; i < shadowCardsRounded.length; i++) {
       var div = document.createElement("DIV");
       shadowCardsRounded[i].parentElement.appendChild(div);
-      div.classList.add('colored-shadow', 'rounded');
+      div.classList.add("colored-shadow", "rounded");
 
-      var currentSrc = shadowCardsRounded[i].children[0].getAttribute('src');
+      var currentSrc = shadowCardsRounded[i].children[0].getAttribute("src");
       var el = shadowCardsRounded[i].nextElementSibling;
 
-      el.style.backgroundImage = 'url(' + currentSrc + ')';
+      el.style.backgroundImage = "url(" + currentSrc + ")";
     }
   }
   if (shadowCards) {
     for (var i = 0; i < shadowCards.length; i++) {
       var div = document.createElement("DIV");
       shadowCards[i].parentElement.appendChild(div);
-      div.classList.add('colored-shadow');
+      div.classList.add("colored-shadow");
 
-      var currentSrc = shadowCards[i].children[0].getAttribute('src');
+      var currentSrc = shadowCards[i].children[0].getAttribute("src");
       var el = shadowCards[i].nextElementSibling;
 
-      el.style.backgroundImage = 'url(' + currentSrc + ')';
+      el.style.backgroundImage = "url(" + currentSrc + ")";
     }
   }
 }
 
 // Colored shadows for Avatars
-if (document.querySelector('.blur-shadow-avatar')) {
-  var shadowCards = document.querySelectorAll('.blur-shadow-avatar');
-  var shadowCardsRounded = document.querySelectorAll('.blur-shadow-avatar.rounded-circle');
+if (document.querySelector(".blur-shadow-avatar")) {
+  var shadowCards = document.querySelectorAll(".blur-shadow-avatar");
+  var shadowCardsRounded = document.querySelectorAll(
+    ".blur-shadow-avatar.rounded-circle"
+  );
 
   if (shadowCardsRounded) {
     for (var i = 0; i < shadowCardsRounded.length; i++) {
-
       var div = document.createElement("DIV");
       shadowCardsRounded[i].parentElement.appendChild(div);
-      div.classList.add('colored-shadow', 'rounded', 'start-0', 'end-0', 'mx-auto');
-
-      var avatarClasses = ['avatar-xs', 'avatar-sm', 'avatar-lg', 'avatar-xl', 'avatar-xxl'];
+      div.classList.add(
+        "colored-shadow",
+        "rounded",
+        "start-0",
+        "end-0",
+        "mx-auto"
+      );
+
+      var avatarClasses = [
+        "avatar-xs",
+        "avatar-sm",
+        "avatar-lg",
+        "avatar-xl",
+        "avatar-xxl"
+      ];
 
       for (var k = 0; k < avatarClasses.length; k++) {
-        if (shadowCardsRounded[i].firstElementChild.classList.contains(avatarClasses[k])) {
+        if (
+          shadowCardsRounded[i].firstElementChild.classList.contains(
+            avatarClasses[k]
+          )
+        ) {
           div.classList.add(avatarClasses[k]);
         }
       }
 
-      var currentSrc = shadowCardsRounded[i].children[0].getAttribute('src');
+      var currentSrc = shadowCardsRounded[i].children[0].getAttribute("src");
       var el = shadowCardsRounded[i].nextElementSibling;
 
-      el.style.backgroundImage = 'url(' + currentSrc + ')';
+      el.style.backgroundImage = "url(" + currentSrc + ")";
     }
   }
   if (shadowCards) {
-
     for (var i = 0; i < shadowCards.length; i++) {
-
       var div = document.createElement("DIV");
       shadowCards[i].parentElement.appendChild(div);
-      div.classList.add('colored-shadow', 'start-0', 'end-0', 'mx-auto');
+      div.classList.add("colored-shadow", "start-0", "end-0", "mx-auto");
 
-      var avatarClasses = ['avatar-xs', 'avatar-sm', 'avatar-lg', 'avatar-xl', 'avatar-xxl'];
+      var avatarClasses = [
+        "avatar-xs",
+        "avatar-sm",
+        "avatar-lg",
+        "avatar-xl",
+        "avatar-xxl"
+      ];
 
       for (var k = 0; k < avatarClasses.length; k++) {
-        if (shadowCards[i].firstElementChild.classList.contains(avatarClasses[k])) {
+        if (
+          shadowCards[i].firstElementChild.classList.contains(avatarClasses[k])
+        ) {
           div.classList.add(avatarClasses[k]);
         }
       }
 
-      var currentSrc = shadowCards[i].children[0].getAttribute('src');
+      var currentSrc = shadowCards[i].children[0].getAttribute("src");
       var el = shadowCards[i].nextElementSibling;
 
-      el.style.backgroundImage = 'url(' + currentSrc + ')';
+      el.style.backgroundImage = "url(" + currentSrc + ")";
     }
   }
 }
 
 //Google Maps
-if (document.querySelector('#google-maps')) {
+if (document.querySelector("#google-maps")) {
   var myLatlng = new google.maps.LatLng(40.748817, -73.985428);
   var mapOptions = {
     zoom: 13,
     center: myLatlng,
     scrollwheel: false, //we disable de scroll over the map, it is a really annoing when you scroll through page
-    styles: [{
-        "featureType": "administrative",
-        "elementType": "labels.text.fill",
-        "stylers": [{
-          "color": "#444444"
-        }]
+    styles: [
+      {
+        featureType: "administrative",
+        elementType: "labels.text.fill",
+        stylers: [
+          {
+            color: "#444444"
+          }
+        ]
       },
       {
-        "featureType": "landscape",
-        "elementType": "all",
-        "stylers": [{
-          "color": "#f2f2f2"
-        }]
+        featureType: "landscape",
+        elementType: "all",
+        stylers: [
+          {
+            color: "#f2f2f2"
+          }
+        ]
       },
       {
-        "featureType": "poi",
-        "elementType": "all",
-        "stylers": [{
-          "visibility": "off"
-        }]
+        featureType: "poi",
+        elementType: "all",
+        stylers: [
+          {
+            visibility: "off"
+          }
+        ]
       },
       {
-        "featureType": "road",
-        "elementType": "all",
-        "stylers": [{
-          "saturation": -100
-        }, {
-          "lightness": 45
-        }]
+        featureType: "road",
+        elementType: "all",
+        stylers: [
+          {
+            saturation: -100
+          },
+          {
+            lightness: 45
+          }
+        ]
       },
       {
-        "featureType": "road.highway",
-        "elementType": "all",
-        "stylers": [{
-          "visibility": "simplified"
-        }]
+        featureType: "road.highway",
+        elementType: "all",
+        stylers: [
+          {
+            visibility: "simplified"
+          }
+        ]
       },
       {
-        "featureType": "road.arterial",
-        "elementType": "labels.icon",
-        "stylers": [{
-          "visibility": "off"
-        }]
+        featureType: "road.arterial",
+        elementType: "labels.icon",
+        stylers: [
+          {
+            visibility: "off"
+          }
+        ]
       },
       {
-        "featureType": "transit",
-        "elementType": "all",
-        "stylers": [{
-          "visibility": "off"
-        }]
+        featureType: "transit",
+        elementType: "all",
+        stylers: [
+          {
+            visibility: "off"
+          }
+        ]
       },
       {
-        "featureType": "water",
-        "elementType": "all",
-        "stylers": [{
-          "color": "#C5CBF5"
-        }, {
-          "visibility": "on"
-        }]
+        featureType: "water",
+        elementType: "all",
+        stylers: [
+          {
+            color: "#C5CBF5"
+          },
+          {
+            visibility: "on"
+          }
+        ]
       }
     ]
   };
 
-  var map = new google.maps.Map(document.getElementById("google-maps"), mapOptions);
+  var map = new google.maps.Map(
+    document.getElementById("google-maps"),
+    mapOptions
+  );
 
   var marker = new google.maps.Marker({
     position: myLatlng,
@@ -329,111 +393,118 @@ if (document.querySelector('#google-maps')) {
 
 // Tabs navigation
 
-var total = document.querySelectorAll('.nav-pills');
+var total = document.querySelectorAll(".nav-pills");
 
-total.forEach(function(item, i) {
-  var moving_div = document.createElement('div');
-  var first_li = item.querySelector('li:first-child .nav-link');
+total.forEach(function (item, i) {
+  var moving_div = document.createElement("div");
+  var first_li = item.querySelector("li:first-child .nav-link");
   var tab = first_li.cloneNode();
   tab.innerHTML = "-";
 
-  moving_div.classList.add('moving-tab', 'position-absolute', 'nav-link');
+  moving_div.classList.add("moving-tab", "position-absolute", "nav-link");
   moving_div.appendChild(tab);
   item.appendChild(moving_div);
 
   var list_length = item.getElementsByTagName("li").length;
 
-  moving_div.style.padding = '0px';
-  moving_div.style.width = item.querySelector('li:nth-child(1)').offsetWidth + 'px';
-  moving_div.style.transform = 'translate3d(0px, 0px, 0px)';
-  moving_div.style.transition = '.5s ease';
+  moving_div.style.padding = "0px";
+  moving_div.style.width =
+    item.querySelector("li:nth-child(1)").offsetWidth + "px";
+  moving_div.style.transform = "translate3d(0px, 0px, 0px)";
+  moving_div.style.transition = ".5s ease";
 
-  item.onmouseover = function(event) {
+  item.onmouseover = function (event) {
     let target = getEventTarget(event);
-    let li = target.closest('li'); // get reference
+    let li = target.closest("li"); // get reference
     if (li) {
-      let nodes = Array.from(li.closest('ul').children); // get array
+      let nodes = Array.from(li.closest("ul").children); // get array
       let index = nodes.indexOf(li) + 1;
-      item.querySelector('li:nth-child(' + index + ') .nav-link').onclick = function() {
-        moving_div = item.querySelector('.moving-tab');
-        let sum = 0;
-        if (item.classList.contains('flex-column')) {
-          for (var j = 1; j <= nodes.indexOf(li); j++) {
-            sum += item.querySelector('li:nth-child(' + j + ')').offsetHeight;
+      item.querySelector("li:nth-child(" + index + ") .nav-link").onclick =
+        function () {
+          moving_div = item.querySelector(".moving-tab");
+          let sum = 0;
+          if (item.classList.contains("flex-column")) {
+            for (var j = 1; j <= nodes.indexOf(li); j++) {
+              sum += item.querySelector("li:nth-child(" + j + ")").offsetHeight;
+            }
+            moving_div.style.transform = "translate3d(0px," + sum + "px, 0px)";
+            moving_div.style.height = item.querySelector(
+              "li:nth-child(" + j + ")"
+            ).offsetHeight;
+          } else {
+            for (var j = 1; j <= nodes.indexOf(li); j++) {
+              sum += item.querySelector("li:nth-child(" + j + ")").offsetWidth;
+            }
+            moving_div.style.transform = "translate3d(" + sum + "px, 0px, 0px)";
+            moving_div.style.width =
+              item.querySelector("li:nth-child(" + index + ")").offsetWidth +
+              "px";
           }
-          moving_div.style.transform = 'translate3d(0px,' + sum + 'px, 0px)';
-          moving_div.style.height = item.querySelector('li:nth-child(' + j + ')').offsetHeight;
-        } else {
-          for (var j = 1; j <= nodes.indexOf(li); j++) {
-            sum += item.querySelector('li:nth-child(' + j + ')').offsetWidth;
-          }
-          moving_div.style.transform = 'translate3d(' + sum + 'px, 0px, 0px)';
-          moving_div.style.width = item.querySelector('li:nth-child(' + index + ')').offsetWidth + 'px';
-        }
-      }
+        };
     }
-  }
+  };
 });
 
-
 // Tabs navigation resize
 
-window.addEventListener('resize', function(event) {
-  total.forEach(function(item, i) {
-    item.querySelector('.moving-tab').remove();
-    var moving_div = document.createElement('div');
+window.addEventListener("resize", function (event) {
+  total.forEach(function (item, i) {
+    item.querySelector(".moving-tab").remove();
+    var moving_div = document.createElement("div");
     var tab = item.querySelector(".nav-link.active").cloneNode();
     tab.innerHTML = "-";
 
-    moving_div.classList.add('moving-tab', 'position-absolute', 'nav-link');
+    moving_div.classList.add("moving-tab", "position-absolute", "nav-link");
     moving_div.appendChild(tab);
 
     item.appendChild(moving_div);
 
-    moving_div.style.padding = '0px';
-    moving_div.style.transition = '.5s ease';
+    moving_div.style.padding = "0px";
+    moving_div.style.transition = ".5s ease";
 
     let li = item.querySelector(".nav-link.active").parentElement;
 
     if (li) {
-      let nodes = Array.from(li.closest('ul').children); // get array
+      let nodes = Array.from(li.closest("ul").children); // get array
       let index = nodes.indexOf(li) + 1;
 
       let sum = 0;
-      if (item.classList.contains('flex-column')) {
+      if (item.classList.contains("flex-column")) {
         for (var j = 1; j <= nodes.indexOf(li); j++) {
-          sum += item.querySelector('li:nth-child(' + j + ')').offsetHeight;
+          sum += item.querySelector("li:nth-child(" + j + ")").offsetHeight;
         }
-        moving_div.style.transform = 'translate3d(0px,' + sum + 'px, 0px)';
-        moving_div.style.width = item.querySelector('li:nth-child(' + index + ')').offsetWidth + 'px';
-        moving_div.style.height = item.querySelector('li:nth-child(' + j + ')').offsetHeight;
+        moving_div.style.transform = "translate3d(0px," + sum + "px, 0px)";
+        moving_div.style.width =
+          item.querySelector("li:nth-child(" + index + ")").offsetWidth + "px";
+        moving_div.style.height = item.querySelector(
+          "li:nth-child(" + j + ")"
+        ).offsetHeight;
       } else {
         for (var j = 1; j <= nodes.indexOf(li); j++) {
-          sum += item.querySelector('li:nth-child(' + j + ')').offsetWidth;
+          sum += item.querySelector("li:nth-child(" + j + ")").offsetWidth;
         }
-        moving_div.style.transform = 'translate3d(' + sum + 'px, 0px, 0px)';
-        moving_div.style.width = item.querySelector('li:nth-child(' + index + ')').offsetWidth + 'px';
-
+        moving_div.style.transform = "translate3d(" + sum + "px, 0px, 0px)";
+        moving_div.style.width =
+          item.querySelector("li:nth-child(" + index + ")").offsetWidth + "px";
       }
     }
   });
 
   if (window.innerWidth < 991) {
-    total.forEach(function(item, i) {
-      if (!item.classList.contains('flex-column')) {
-        item.classList.add('flex-column', 'on-resize');
+    total.forEach(function (item, i) {
+      if (!item.classList.contains("flex-column")) {
+        item.classList.add("flex-column", "on-resize");
       }
     });
   } else {
-    total.forEach(function(item, i) {
-      if (item.classList.contains('on-resize')) {
-        item.classList.remove('flex-column', 'on-resize');
+    total.forEach(function (item, i) {
+      if (item.classList.contains("on-resize")) {
+        item.classList.remove("flex-column", "on-resize");
       }
-    })
+    });
   }
 });
 
-
 function getEventTarget(e) {
   e = e || window.event;
   return e.target || e.srcElement;
@@ -441,7 +512,6 @@ function getEventTarget(e) {
 
 // End tabs navigation
 
-
 // Copy code function
 
 function copyCode(el) {
@@ -451,28 +521,41 @@ function copyCode(el) {
   range.selectNodeContents(textToCopy);
   selection.removeAllRanges();
   selection.addRange(range);
-  const successful = document.execCommand('copy');
-  window.getSelection().removeAllRanges()
-  if (!el.parentElement.querySelector('.alert')) {
-    var alert = document.createElement('div');
-    alert.classList.add('alert', 'alert-success', 'position-absolute', 'top-0', 'border-0', 'text-white', 'w-25', 'end-0', 'start-0', 'mt-2', 'mx-auto', 'py-2');
-    alert.style.transform = 'translate3d(0px, 0px, 0px)'
-    alert.style.opacity = '0';
-    alert.style.transition = '.35s ease';
-    setTimeout(function() {
-      alert.style.transform = 'translate3d(0px, 20px, 0px)';
+  const successful = document.execCommand("copy");
+  window.getSelection().removeAllRanges();
+  if (!el.parentElement.querySelector(".alert")) {
+    var alert = document.createElement("div");
+    alert.classList.add(
+      "alert",
+      "alert-success",
+      "position-absolute",
+      "top-0",
+      "border-0",
+      "text-white",
+      "w-25",
+      "end-0",
+      "start-0",
+      "mt-2",
+      "mx-auto",
+      "py-2"
+    );
+    alert.style.transform = "translate3d(0px, 0px, 0px)";
+    alert.style.opacity = "0";
+    alert.style.transition = ".35s ease";
+    setTimeout(function () {
+      alert.style.transform = "translate3d(0px, 20px, 0px)";
       alert.style.setProperty("opacity", "1", "important");
     }, 100);
     alert.innerHTML = "Code successfully copied!";
     el.parentElement.appendChild(alert);
-    setTimeout(function() {
-      alert.style.transform = 'translate3d(0px, 0px, 0px)'
+    setTimeout(function () {
+      alert.style.transform = "translate3d(0px, 0px, 0px)";
       alert.style.setProperty("opacity", "0", "important");
     }, 2000);
-    setTimeout(function() {
-      el.parentElement.querySelector('.alert').remove();
+    setTimeout(function () {
+      el.parentElement.querySelector(".alert").remove();
     }, 2500);
   }
 }
 
-// End copy code function
\ No newline at end of file
+// End copy code function
diff --git a/src/examples/footers/FooterDefault.vue b/src/examples/footers/FooterDefault.vue
index 45ea968ee..d60799b52 100644
--- a/src/examples/footers/FooterDefault.vue
+++ b/src/examples/footers/FooterDefault.vue
@@ -7,10 +7,10 @@ defineProps({
     logo: String,
     route: "",
     default: () => ({
-      name: "Material Kit 2 PRO",
+      name: "Material Kit 2",
       logo: logoDark,
-      route: "/",
-    }),
+      route: "/"
+    })
   },
   socials: {
     type: Array,
@@ -19,25 +19,25 @@ defineProps({
     default: () => [
       {
         icon: '<i class="fab fa-facebook text-lg opacity-8"></i>',
-        link: "https://www.facebook.com/CreativeTim/",
+        link: "https://www.facebook.com/CreativeTim/"
       },
       {
         icon: '<i class="fab fa-twitter text-lg opacity-8"></i>',
-        link: "https://twitter.com/creativetim",
+        link: "https://twitter.com/creativetim"
       },
       {
         icon: '<i class="fab fa-dribbble text-lg opacity-8"></i>',
-        link: "https://dribbble.com/creativetim",
+        link: "https://dribbble.com/creativetim"
       },
       {
         icon: '<i class="fab fa-github text-lg opacity-8"></i>',
-        link: "https://github.com/creativetimofficial",
+        link: "https://github.com/creativetimofficial"
       },
       {
         icon: '<i class="fab fa-youtube text-lg opacity-8"></i>',
-        link: "https://www.youtube.com/channel/UCVyTG4sCw-rOvB9oHkzZD1w",
-      },
-    ],
+        link: "https://www.youtube.com/channel/UCVyTG4sCw-rOvB9oHkzZD1w"
+      }
+    ]
   },
   menus: {
     type: Array,
@@ -45,7 +45,7 @@ defineProps({
     items: {
       type: Array,
       name: String,
-      href: String,
+      href: String
     },
     default: () => [
       {
@@ -53,18 +53,18 @@ defineProps({
         items: [
           {
             name: "about us",
-            href: "https://www.creative-tim.com/presentation",
+            href: "https://www.creative-tim.com/presentation"
           },
           {
             name: "freebies",
-            href: "https://www.creative-tim.com/templates/free",
+            href: "https://www.creative-tim.com/templates/free"
           },
           {
             name: "premium tools",
-            href: "https://www.creative-tim.com/templates/premium",
+            href: "https://www.creative-tim.com/templates/premium"
           },
-          { name: "blog", href: "https://www.creative-tim.com/blog" },
-        ],
+          { name: "blog", href: "https://www.creative-tim.com/blog" }
+        ]
       },
       {
         name: "resources",
@@ -72,54 +72,54 @@ defineProps({
           { name: "illustrations", href: "https://iradesign.io/" },
           {
             name: "bits & snippets",
-            href: "https://www.creative-tim.com/bits",
+            href: "https://www.creative-tim.com/bits"
           },
           {
             name: "affiliate program",
-            href: "https://www.creative-tim.com/affiliates/new",
-          },
-        ],
+            href: "https://www.creative-tim.com/affiliates/new"
+          }
+        ]
       },
       {
         name: "help & support",
         items: [
           {
             name: "contact us",
-            href: "https://www.creative-tim.com/contact-us",
+            href: "https://www.creative-tim.com/contact-us"
           },
           {
             name: "knowledge center",
-            href: "https://www.creative-tim.com/knowledge-center",
+            href: "https://www.creative-tim.com/knowledge-center"
           },
           {
             name: "custom development",
-            href: "https://services.creative-tim.com/",
+            href: "https://services.creative-tim.com/"
           },
           {
             name: "sponsorships",
-            href: "https://www.creative-tim.com/sponsorships",
-          },
-        ],
+            href: "https://www.creative-tim.com/sponsorships"
+          }
+        ]
       },
       {
         name: "legal",
         items: [
           {
             name: "terms & conditions",
-            href: "https://www.creative-tim.com/terms",
+            href: "https://www.creative-tim.com/terms"
           },
           {
             name: "privacy policy",
-            href: "https://www.creative-tim.com/privacy",
+            href: "https://www.creative-tim.com/privacy"
           },
           {
             name: "licenses (EULA)",
-            href: "https://www.creative-tim.com/license",
-          },
-        ],
-      },
-    ],
-  },
+            href: "https://www.creative-tim.com/license"
+          }
+        ]
+      }
+    ]
+  }
 });
 </script>
 <template>
diff --git a/src/examples/navbars/NavbarDefault.vue b/src/examples/navbars/NavbarDefault.vue
index 314c1f918..32dae340b 100644
--- a/src/examples/navbars/NavbarDefault.vue
+++ b/src/examples/navbars/NavbarDefault.vue
@@ -120,7 +120,7 @@ watch(
         title="Designed and Coded by Creative Tim"
         data-placement="bottom"
       >
-        Material Kit 2 PRO
+        Material Kit 2
       </RouterLink>
       <RouterLink
         class="navbar-brand d-block d-md-none"
@@ -789,7 +789,7 @@ watch(
                   <li class="nav-item list-group-item border-0 p-0">
                     <a
                       class="dropdown-item py-2 ps-3 border-radius-md"
-                      href=" https://www.creative-tim.com/learning-lab/bootstrap/overview/material-kit "
+                      href=" https://www.creative-tim.com/learning-lab/vue/overview/material-kit/"
                     >
                       <h6
                         class="dropdown-header text-dark font-weight-bolder d-flex justify-content-cente align-items-center p-0"
@@ -805,7 +805,7 @@ watch(
                   <li class="nav-item list-group-item border-0 p-0">
                     <a
                       class="dropdown-item py-2 ps-3 border-radius-md"
-                      href=" https://www.creative-tim.com/learning-lab/bootstrap/colors/material-kit "
+                      href=" https://www.creative-tim.com/learning-lab/vue/colors/material-kit/"
                     >
                       <h6
                         class="dropdown-header text-dark font-weight-bolder d-flex justify-content-cente align-items-center p-0"
@@ -820,7 +820,7 @@ watch(
                   <li class="nav-item list-group-item border-0 p-0">
                     <a
                       class="dropdown-item py-2 ps-3 border-radius-md"
-                      href=" https://www.creative-tim.com/learning-lab/bootstrap/alerts/material-kit "
+                      href=" https://www.creative-tim.com/learning-lab/vue/alerts/material-kit/"
                     >
                       <h6
                         class="dropdown-header text-dark font-weight-bolder d-flex justify-content-cente align-items-center p-0"
@@ -833,37 +833,6 @@ watch(
                       >
                     </a>
                   </li>
-                  <li class="nav-item list-group-item border-0 p-0">
-                    <a
-                      class="dropdown-item py-2 ps-3 border-radius-md"
-                      href=" https://www.creative-tim.com/learning-lab/bootstrap/datepicker/material-kit "
-                    >
-                      <h6
-                        class="dropdown-header text-dark font-weight-bolder d-flex justify-content-cente align-items-center p-0"
-                      >
-                        Plugins
-                      </h6>
-                      <span class="text-sm"
-                        >Check how you can integrate our plugins</span
-                      >
-                    </a>
-                  </li>
-                  <li class="nav-item list-group-item border-0 p-0">
-                    <a
-                      class="dropdown-item py-2 ps-3 border-radius-md"
-                      href=" https://www.creative-tim.com/learning-lab/bootstrap/utilities/material-kit "
-                    >
-                      <h6
-                        class="dropdown-header text-dark font-weight-bolder d-flex justify-content-cente align-items-center p-0"
-                      >
-                        Utility Classes
-                      </h6>
-                      <span class="text-sm"
-                        >For those who want flexibility, use our utility
-                        classes</span
-                      >
-                    </a>
-                  </li>
                 </ul>
               </div>
               <div class="row d-lg-none">
diff --git a/src/layouts/sections/attention-catchers/alerts/components/SimpleAlerts.vue b/src/layouts/sections/attention-catchers/alerts/components/SimpleAlerts.vue
index 8cf5e75f7..b00a7c265 100644
--- a/src/layouts/sections/attention-catchers/alerts/components/SimpleAlerts.vue
+++ b/src/layouts/sections/attention-catchers/alerts/components/SimpleAlerts.vue
@@ -1,5 +1,5 @@
 <script setup>
-//Vue Material Kit 2 Pro components
+//Vue Material Kit 2 components
 import MaterialAlert from "@/components/MaterialAlert.vue";
 </script>
 <template>
diff --git a/src/layouts/sections/attention-catchers/alerts/components/codes.js b/src/layouts/sections/attention-catchers/alerts/components/codes.js
index 3ddc1fef7..7322266c4 100644
--- a/src/layouts/sections/attention-catchers/alerts/components/codes.js
+++ b/src/layouts/sections/attention-catchers/alerts/components/codes.js
@@ -1,5 +1,5 @@
 export const simpleAlertsCode = `<script setup>
-//Vue Material Kit 2 Pro components
+//Vue Material Kit 2 components
 import MaterialAlert from "@/components/MaterialAlert.vue";
 </script>
 <template>
diff --git a/src/layouts/sections/attention-catchers/modals/components/SimpleModal.vue b/src/layouts/sections/attention-catchers/modals/components/SimpleModal.vue
index 40c605e98..4f10fc3db 100644
--- a/src/layouts/sections/attention-catchers/modals/components/SimpleModal.vue
+++ b/src/layouts/sections/attention-catchers/modals/components/SimpleModal.vue
@@ -1,5 +1,5 @@
 <script setup>
-//Vue Material Kit 2 Pro components
+//Vue Material Kit 2 components
 import MaterialButton from "@/components/MaterialButton.vue";
 </script>
 <template>
diff --git a/src/layouts/sections/attention-catchers/modals/components/codes.js b/src/layouts/sections/attention-catchers/modals/components/codes.js
index abb4a11fd..82c545841 100644
--- a/src/layouts/sections/attention-catchers/modals/components/codes.js
+++ b/src/layouts/sections/attention-catchers/modals/components/codes.js
@@ -1,5 +1,5 @@
 export const simpleModalCode = `<script setup>
-//Vue Material Kit 2 Pro components
+//Vue Material Kit 2 components
 import MaterialButton from "@/components/MaterialButton.vue";
 </script>
 <template>
diff --git a/src/layouts/sections/attention-catchers/tooltips-popovers/components/Popovers.vue b/src/layouts/sections/attention-catchers/tooltips-popovers/components/Popovers.vue
index f67cc6210..d3c917436 100644
--- a/src/layouts/sections/attention-catchers/tooltips-popovers/components/Popovers.vue
+++ b/src/layouts/sections/attention-catchers/tooltips-popovers/components/Popovers.vue
@@ -1,6 +1,6 @@
 <script setup>
 import { onMounted } from "vue";
-//Vue Material Kit 2 Pro components
+//Vue Material Kit 2 components
 import MaterialButton from "@/components/MaterialButton.vue";
 
 // popover
diff --git a/src/layouts/sections/attention-catchers/tooltips-popovers/components/Tooltips.vue b/src/layouts/sections/attention-catchers/tooltips-popovers/components/Tooltips.vue
index b87957d2a..1ca3d67ea 100644
--- a/src/layouts/sections/attention-catchers/tooltips-popovers/components/Tooltips.vue
+++ b/src/layouts/sections/attention-catchers/tooltips-popovers/components/Tooltips.vue
@@ -1,6 +1,6 @@
 <script setup>
 import { onMounted } from "vue";
-//Vue Material Kit 2 Pro components
+//Vue Material Kit 2 components
 import MaterialButton from "@/components/MaterialButton.vue";
 
 // popover
diff --git a/src/layouts/sections/attention-catchers/tooltips-popovers/components/codes.js b/src/layouts/sections/attention-catchers/tooltips-popovers/components/codes.js
index d8b98a3de..3bf65dab3 100644
--- a/src/layouts/sections/attention-catchers/tooltips-popovers/components/codes.js
+++ b/src/layouts/sections/attention-catchers/tooltips-popovers/components/codes.js
@@ -1,6 +1,6 @@
 export const popoversCode = `<script setup>
 import { onMounted } from "vue";
-//Vue Material Kit 2 Pro components
+//Vue Material Kit 2 components
 import MaterialButton from "@/components/MaterialButton.vue";
 
 // popover
@@ -68,7 +68,7 @@ onMounted(() => {
 
 export const tooltipsCode = `<script setup>
 import { onMounted } from "vue";
-//Vue Material Kit 2 Pro components
+//Vue Material Kit 2 components
 import MaterialButton from "@/components/MaterialButton.vue";
 
 // popover
diff --git a/src/layouts/sections/elements/avatars/components/AvatarGroup.vue b/src/layouts/sections/elements/avatars/components/AvatarGroup.vue
index 5b86de192..118de367e 100644
--- a/src/layouts/sections/elements/avatars/components/AvatarGroup.vue
+++ b/src/layouts/sections/elements/avatars/components/AvatarGroup.vue
@@ -1,7 +1,7 @@
 <script setup>
 import { onMounted } from "vue";
 
-//Vue Material Kit 2 Pro components
+//Vue Material Kit 2 components
 import MaterialAvatar from "@/components/MaterialAvatar.vue";
 
 // images
diff --git a/src/layouts/sections/elements/avatars/components/AvatarSize.vue b/src/layouts/sections/elements/avatars/components/AvatarSize.vue
index 516e06032..8c36fbe90 100644
--- a/src/layouts/sections/elements/avatars/components/AvatarSize.vue
+++ b/src/layouts/sections/elements/avatars/components/AvatarSize.vue
@@ -1,5 +1,5 @@
 <script setup>
-//Vue Material Kit 2 Pro components
+//Vue Material Kit 2 components
 import MaterialAvatar from "@/components/MaterialAvatar.vue";
 
 // image
diff --git a/src/layouts/sections/elements/avatars/components/codes.js b/src/layouts/sections/elements/avatars/components/codes.js
index fba1f7a0f..7bc3e54b9 100644
--- a/src/layouts/sections/elements/avatars/components/codes.js
+++ b/src/layouts/sections/elements/avatars/components/codes.js
@@ -1,7 +1,7 @@
 export const avatarGroupCode = `<script setup>
 import { onMounted } from "vue";
 
-//Vue Material Kit 2 Pro components
+//Vue Material Kit 2 components
 import MaterialAvatar from "@/components/MaterialAvatar.vue";
 
 // images
@@ -71,7 +71,7 @@ onMounted(() => {
 `;
 
 export const avatarSizeCode = `<script setup>
-//Vue Material Kit 2 Pro components
+//Vue Material Kit 2 components
 import MaterialAvatar from "@/components/MaterialAvatar.vue";
 
 // image
diff --git a/src/layouts/sections/elements/badges/components/BadgesGradient.vue b/src/layouts/sections/elements/badges/components/BadgesGradient.vue
index 70b04b1dc..685d6076e 100644
--- a/src/layouts/sections/elements/badges/components/BadgesGradient.vue
+++ b/src/layouts/sections/elements/badges/components/BadgesGradient.vue
@@ -1,5 +1,5 @@
 <script setup>
-//Vue Material Kit 2 Pro components
+//Vue Material Kit 2 components
 import MaterialBadge from "@/components/MaterialBadge.vue";
 </script>
 <template>
diff --git a/src/layouts/sections/elements/badges/components/BadgesSimple.vue b/src/layouts/sections/elements/badges/components/BadgesSimple.vue
index 9663b84f5..f617d8f14 100644
--- a/src/layouts/sections/elements/badges/components/BadgesSimple.vue
+++ b/src/layouts/sections/elements/badges/components/BadgesSimple.vue
@@ -1,5 +1,5 @@
 <script setup>
-//Vue Material Kit 2 Pro components
+//Vue Material Kit 2 components
 import MaterialBadge from "@/components/MaterialBadge.vue";
 </script>
 <template>
diff --git a/src/layouts/sections/elements/badges/components/BadgesSimpleRounded.vue b/src/layouts/sections/elements/badges/components/BadgesSimpleRounded.vue
index 5edbd4603..9acb31364 100644
--- a/src/layouts/sections/elements/badges/components/BadgesSimpleRounded.vue
+++ b/src/layouts/sections/elements/badges/components/BadgesSimpleRounded.vue
@@ -1,5 +1,5 @@
 <script setup>
-//Vue Material Kit 2 Pro components
+//Vue Material Kit 2 components
 import MaterialBadge from "@/components/MaterialBadge.vue";
 </script>
 <template>
diff --git a/src/layouts/sections/elements/badges/components/codes.js b/src/layouts/sections/elements/badges/components/codes.js
index 07a0d14e6..65632a9dc 100644
--- a/src/layouts/sections/elements/badges/components/codes.js
+++ b/src/layouts/sections/elements/badges/components/codes.js
@@ -1,5 +1,5 @@
 export const badgesGradientCode = `<script setup>
-//Vue Material Kit 2 Pro components
+//Vue Material Kit 2 components
 import MaterialBadge from "@/components/MaterialBadge.vue";
 </script>
 <template>
@@ -46,7 +46,7 @@ import MaterialBadge from "@/components/MaterialBadge.vue";
 `;
 
 export const badgesSimpleCode = `<script setup>
-//Vue Material Kit 2 Pro components
+//Vue Material Kit 2 components
 import MaterialBadge from "@/components/MaterialBadge.vue";
 </script>
 <template>
@@ -79,7 +79,7 @@ import MaterialBadge from "@/components/MaterialBadge.vue";
 `;
 
 export const badgesRoundedCode = `<script setup>
-//Vue Material Kit 2 Pro components
+//Vue Material Kit 2 components
 import MaterialBadge from "@/components/MaterialBadge.vue";
 </script>
 <template>
diff --git a/src/layouts/sections/elements/button-groups/components/ButtonGroupsOutline.vue b/src/layouts/sections/elements/button-groups/components/ButtonGroupsOutline.vue
index d28ec70d9..e5c4acce8 100644
--- a/src/layouts/sections/elements/button-groups/components/ButtonGroupsOutline.vue
+++ b/src/layouts/sections/elements/button-groups/components/ButtonGroupsOutline.vue
@@ -1,5 +1,5 @@
 <script setup>
-//Vue Material Kit 2 Pro components
+//Vue Material Kit 2 components
 import MaterialButton from "@/components/MaterialButton.vue";
 </script>
 <template>
diff --git a/src/layouts/sections/elements/button-groups/components/ButtonGroupsSimple.vue b/src/layouts/sections/elements/button-groups/components/ButtonGroupsSimple.vue
index 1a7c1cdf4..51965eacb 100644
--- a/src/layouts/sections/elements/button-groups/components/ButtonGroupsSimple.vue
+++ b/src/layouts/sections/elements/button-groups/components/ButtonGroupsSimple.vue
@@ -1,5 +1,5 @@
 <script setup>
-//Vue Material Kit 2 Pro components
+//Vue Material Kit 2 components
 import MaterialButton from "@/components/MaterialButton.vue";
 </script>
 <template>
diff --git a/src/layouts/sections/elements/button-groups/components/ButtonGroupsSizing.vue b/src/layouts/sections/elements/button-groups/components/ButtonGroupsSizing.vue
index d698fa391..eb8fdb604 100644
--- a/src/layouts/sections/elements/button-groups/components/ButtonGroupsSizing.vue
+++ b/src/layouts/sections/elements/button-groups/components/ButtonGroupsSizing.vue
@@ -1,5 +1,5 @@
 <script setup>
-//Vue Material Kit 2 Pro components
+//Vue Material Kit 2 components
 import MaterialButton from "@/components/MaterialButton.vue";
 </script>
 <template>
diff --git a/src/layouts/sections/elements/button-groups/components/codes.js b/src/layouts/sections/elements/button-groups/components/codes.js
index 2b8ecc258..7cd074ef5 100644
--- a/src/layouts/sections/elements/button-groups/components/codes.js
+++ b/src/layouts/sections/elements/button-groups/components/codes.js
@@ -1,5 +1,5 @@
 export const buttonGroupsSimpleCode = `<script setup>
-//Vue Material Kit 2 Pro components
+//Vue Material Kit 2 components
 import MaterialButton from "@/components/MaterialButton.vue";
 </script>
 <template>
@@ -20,7 +20,7 @@ import MaterialButton from "@/components/MaterialButton.vue";
 `;
 
 export const buttonGroupsOutlineCode = `<script setup>
-//Vue Material Kit 2 Pro components
+//Vue Material Kit 2 components
 import MaterialButton from "@/components/MaterialButton.vue";
 </script>
 <template>
@@ -93,7 +93,7 @@ export const buttonGroupsRadioCode = `<script setup></script>
 `;
 
 export const buttonGroupsSizingCode = `<script setup>
-//Vue Material Kit 2 Pro components
+//Vue Material Kit 2 components
 import MaterialButton from "@/components/MaterialButton.vue";
 </script>
 <template>
diff --git a/src/layouts/sections/elements/buttons/components/ButtonsContained.vue b/src/layouts/sections/elements/buttons/components/ButtonsContained.vue
index 36be4e7a7..69be5f3ba 100644
--- a/src/layouts/sections/elements/buttons/components/ButtonsContained.vue
+++ b/src/layouts/sections/elements/buttons/components/ButtonsContained.vue
@@ -1,5 +1,5 @@
 <script setup>
-//Vue Material Kit 2 Pro components
+//Vue Material Kit 2 components
 import MaterialButton from "@/components/MaterialButton.vue";
 </script>
 <template>
diff --git a/src/layouts/sections/elements/buttons/components/ButtonsGradient.vue b/src/layouts/sections/elements/buttons/components/ButtonsGradient.vue
index f8d1aa2bd..83200f754 100644
--- a/src/layouts/sections/elements/buttons/components/ButtonsGradient.vue
+++ b/src/layouts/sections/elements/buttons/components/ButtonsGradient.vue
@@ -1,5 +1,5 @@
 <script setup>
-//Vue Material Kit 2 Pro components
+//Vue Material Kit 2 components
 import MaterialButton from "@/components/MaterialButton.vue";
 </script>
 <template>
diff --git a/src/layouts/sections/elements/buttons/components/ButtonsIconLeft.vue b/src/layouts/sections/elements/buttons/components/ButtonsIconLeft.vue
index 1e371bf8f..21a7b6ad8 100644
--- a/src/layouts/sections/elements/buttons/components/ButtonsIconLeft.vue
+++ b/src/layouts/sections/elements/buttons/components/ButtonsIconLeft.vue
@@ -1,5 +1,5 @@
 <script setup>
-//Vue Material Kit 2 Pro components
+//Vue Material Kit 2 components
 import MaterialButton from "@/components/MaterialButton.vue";
 </script>
 <template>
diff --git a/src/layouts/sections/elements/buttons/components/ButtonsIconRight.vue b/src/layouts/sections/elements/buttons/components/ButtonsIconRight.vue
index addd4bac9..95cd53ebb 100644
--- a/src/layouts/sections/elements/buttons/components/ButtonsIconRight.vue
+++ b/src/layouts/sections/elements/buttons/components/ButtonsIconRight.vue
@@ -1,5 +1,5 @@
 <script setup>
-//Vue Material Kit 2 Pro components
+//Vue Material Kit 2 components
 import MaterialButton from "@/components/MaterialButton.vue";
 </script>
 <template>
diff --git a/src/layouts/sections/elements/buttons/components/ButtonsOutlined.vue b/src/layouts/sections/elements/buttons/components/ButtonsOutlined.vue
index 17aced1de..a6c092034 100644
--- a/src/layouts/sections/elements/buttons/components/ButtonsOutlined.vue
+++ b/src/layouts/sections/elements/buttons/components/ButtonsOutlined.vue
@@ -1,5 +1,5 @@
 <script setup>
-//Vue Material Kit 2 Pro components
+//Vue Material Kit 2 components
 import MaterialButton from "@/components/MaterialButton.vue";
 </script>
 <template>
diff --git a/src/layouts/sections/elements/buttons/components/ButtonsSizes.vue b/src/layouts/sections/elements/buttons/components/ButtonsSizes.vue
index 3daa803f7..706bae0dd 100644
--- a/src/layouts/sections/elements/buttons/components/ButtonsSizes.vue
+++ b/src/layouts/sections/elements/buttons/components/ButtonsSizes.vue
@@ -1,5 +1,5 @@
 <script setup>
-//Vue Material Kit 2 Pro components
+//Vue Material Kit 2 components
 import MaterialButton from "@/components/MaterialButton.vue";
 </script>
 <template>
diff --git a/src/layouts/sections/elements/buttons/components/codes.js b/src/layouts/sections/elements/buttons/components/codes.js
index c68621c93..862f317b3 100644
--- a/src/layouts/sections/elements/buttons/components/codes.js
+++ b/src/layouts/sections/elements/buttons/components/codes.js
@@ -1,5 +1,5 @@
 export const buttonsGradientCode = `<script setup>
-//Vue Material Kit 2 Pro components
+//Vue Material Kit 2 components
 import MaterialButton from "@/components/MaterialButton.vue";
 </script>
 <template>
@@ -25,7 +25,7 @@ import MaterialButton from "@/components/MaterialButton.vue";
 `;
 
 export const buttonsContainedCode = `<script setup>
-//Vue Material Kit 2 Pro components
+//Vue Material Kit 2 components
 import MaterialButton from "@/components/MaterialButton.vue";
 </script>
 <template>
@@ -87,7 +87,7 @@ import MaterialButton from "@/components/MaterialButton.vue";
 `;
 
 export const buttonsOutlinedCode = `<script setup>
-//Vue Material Kit 2 Pro components
+//Vue Material Kit 2 components
 import MaterialButton from "@/components/MaterialButton.vue";
 </script>
 <template>
@@ -111,7 +111,7 @@ import MaterialButton from "@/components/MaterialButton.vue";
 </template>`;
 
 export const buttonsSizesCode = `<script setup>
-//Vue Material Kit 2 Pro components
+//Vue Material Kit 2 components
 import MaterialButton from "@/components/MaterialButton.vue";
 </script>
 <template>
@@ -130,7 +130,7 @@ import MaterialButton from "@/components/MaterialButton.vue";
 `;
 
 export const buttonsIconLeftCode = `<script setup>
-//Vue Material Kit 2 Pro components
+//Vue Material Kit 2 components
 import MaterialButton from "@/components/MaterialButton.vue";
 </script>
 <template>
@@ -167,7 +167,7 @@ import MaterialButton from "@/components/MaterialButton.vue";
 `;
 
 export const buttonsIconRightCode = `<script setup>
-//Vue Material Kit 2 Pro components
+//Vue Material Kit 2 components
 import MaterialButton from "@/components/MaterialButton.vue";
 </script>
 <template>
diff --git a/src/layouts/sections/elements/dropdowns/components/DropdownAndDropup.vue b/src/layouts/sections/elements/dropdowns/components/DropdownAndDropup.vue
index 9ece4b1db..0be7769e7 100644
--- a/src/layouts/sections/elements/dropdowns/components/DropdownAndDropup.vue
+++ b/src/layouts/sections/elements/dropdowns/components/DropdownAndDropup.vue
@@ -1,6 +1,6 @@
 <script setup>
 import { ref } from "vue";
-//Vue Material Kit 2 Pro components
+//Vue Material Kit 2 components
 import MaterialButton from "@/components/MaterialButton.vue";
 
 let showDropdown = ref(false);
diff --git a/src/layouts/sections/elements/dropdowns/components/codes.js b/src/layouts/sections/elements/dropdowns/components/codes.js
index 1eb14200d..8d6903099 100644
--- a/src/layouts/sections/elements/dropdowns/components/codes.js
+++ b/src/layouts/sections/elements/dropdowns/components/codes.js
@@ -1,6 +1,6 @@
 export const dropdownAndDropupCode = `<script setup>
 import { ref } from "vue";
-//Vue Material Kit 2 Pro components
+//Vue Material Kit 2 components
 import MaterialButton from "@/components/MaterialButton.vue";
 
 let showDropdown = ref(false);
diff --git a/src/layouts/sections/elements/progress-bars/components/ProgressSimple.vue b/src/layouts/sections/elements/progress-bars/components/ProgressSimple.vue
index 0a703d703..49093119b 100644
--- a/src/layouts/sections/elements/progress-bars/components/ProgressSimple.vue
+++ b/src/layouts/sections/elements/progress-bars/components/ProgressSimple.vue
@@ -1,5 +1,5 @@
 <script setup>
-//Vue Material Kit 2 Pro components
+//Vue Material Kit 2 components
 import MaterialProgress from "@/components/MaterialProgress.vue";
 </script>
 <template>
diff --git a/src/layouts/sections/elements/progress-bars/components/codes.js b/src/layouts/sections/elements/progress-bars/components/codes.js
index e333ac08c..ced686888 100644
--- a/src/layouts/sections/elements/progress-bars/components/codes.js
+++ b/src/layouts/sections/elements/progress-bars/components/codes.js
@@ -1,5 +1,5 @@
 export const progressSimpleCode = `<script setup>
-//Vue Material Kit 2 Pro components
+//Vue Material Kit 2 components
 import MaterialProgress from "@/components/MaterialProgress.vue";
 </script>
 <template>
diff --git a/src/layouts/sections/elements/toggles/components/Toggle.vue b/src/layouts/sections/elements/toggles/components/Toggle.vue
index 89e884792..e9ef5428b 100644
--- a/src/layouts/sections/elements/toggles/components/Toggle.vue
+++ b/src/layouts/sections/elements/toggles/components/Toggle.vue
@@ -1,5 +1,5 @@
 <script setup>
-//Vue Material Kit 2 Pro components
+//Vue Material Kit 2 components
 import MaterialSwitch from "@/components/MaterialSwitch.vue";
 </script>
 <template>
diff --git a/src/layouts/sections/elements/toggles/components/ToggleContext.vue b/src/layouts/sections/elements/toggles/components/ToggleContext.vue
index e0f9ec540..1451e1459 100644
--- a/src/layouts/sections/elements/toggles/components/ToggleContext.vue
+++ b/src/layouts/sections/elements/toggles/components/ToggleContext.vue
@@ -1,5 +1,5 @@
 <script setup>
-//Vue Material Kit 2 Pro components
+//Vue Material Kit 2 components
 import MaterialSwitch from "@/components/MaterialSwitch.vue";
 </script>
 <template>
diff --git a/src/layouts/sections/elements/toggles/components/codes.js b/src/layouts/sections/elements/toggles/components/codes.js
index 8c3b53352..1c2d491f1 100644
--- a/src/layouts/sections/elements/toggles/components/codes.js
+++ b/src/layouts/sections/elements/toggles/components/codes.js
@@ -1,5 +1,5 @@
 export const toggleCode = `<script setup>
-//Vue Material Kit 2 Pro components
+//Vue Material Kit 2 components
 import MaterialSwitch from "@/components/MaterialSwitch.vue";
 </script>
 <template>
@@ -20,7 +20,7 @@ import MaterialSwitch from "@/components/MaterialSwitch.vue";
 `;
 
 export const toggleContextCode = `<script setup>
-//Vue Material Kit 2 Pro components
+//Vue Material Kit 2 components
 import MaterialSwitch from "@/components/MaterialSwitch.vue";
 </script>
 <template>
diff --git a/src/layouts/sections/input-areas/forms/components/FormSimple.vue b/src/layouts/sections/input-areas/forms/components/FormSimple.vue
index 9cc38bd58..80f8d5087 100644
--- a/src/layouts/sections/input-areas/forms/components/FormSimple.vue
+++ b/src/layouts/sections/input-areas/forms/components/FormSimple.vue
@@ -1,7 +1,7 @@
 <script setup>
 import { onMounted } from "vue";
 
-//Vue Material Kit 2 Pro components
+//Vue Material Kit 2 components
 import MaterialInput from "@/components/MaterialInput.vue";
 import MaterialTextArea from "@/components/MaterialTextArea.vue";
 import MaterialButton from "@/components/MaterialButton.vue";
diff --git a/src/layouts/sections/input-areas/forms/components/codes.js b/src/layouts/sections/input-areas/forms/components/codes.js
index 8f7e143a9..f3cae0833 100644
--- a/src/layouts/sections/input-areas/forms/components/codes.js
+++ b/src/layouts/sections/input-areas/forms/components/codes.js
@@ -1,5 +1,5 @@
 export const formSimpleCode = `<script setup>
-//Vue Material Kit 2 Pro components
+//Vue Material Kit 2 components
 import MaterialInput from "@/components/MaterialInput.vue";
 import MaterialTextArea from "@/components/MaterialTextArea.vue";
 import MaterialButton from "@/components/MaterialButton.vue";
diff --git a/src/layouts/sections/input-areas/inputs/components/InputDisabled.vue b/src/layouts/sections/input-areas/inputs/components/InputDisabled.vue
index 67116cd85..207bbc56a 100644
--- a/src/layouts/sections/input-areas/inputs/components/InputDisabled.vue
+++ b/src/layouts/sections/input-areas/inputs/components/InputDisabled.vue
@@ -1,5 +1,5 @@
 <script setup>
-//Vue Material Kit 2 Pro components
+//Vue Material Kit 2 components
 import MaterialInput from "@/components/MaterialInput.vue";
 </script>
 <template>
diff --git a/src/layouts/sections/input-areas/inputs/components/InputDynamic.vue b/src/layouts/sections/input-areas/inputs/components/InputDynamic.vue
index 9ae78a314..efd1f2011 100644
--- a/src/layouts/sections/input-areas/inputs/components/InputDynamic.vue
+++ b/src/layouts/sections/input-areas/inputs/components/InputDynamic.vue
@@ -1,5 +1,5 @@
 <script setup>
-//Vue Material Kit 2 Pro components
+//Vue Material Kit 2 components
 import MaterialInput from "@/components/MaterialInput.vue";
 </script>
 <template>
diff --git a/src/layouts/sections/input-areas/inputs/components/InputError.vue b/src/layouts/sections/input-areas/inputs/components/InputError.vue
index 7a33b2b84..7f050bff5 100644
--- a/src/layouts/sections/input-areas/inputs/components/InputError.vue
+++ b/src/layouts/sections/input-areas/inputs/components/InputError.vue
@@ -1,5 +1,5 @@
 <script setup>
-//Vue Material Kit 2 Pro components
+//Vue Material Kit 2 components
 import MaterialInput from "@/components/MaterialInput.vue";
 </script>
 <template>
diff --git a/src/layouts/sections/input-areas/inputs/components/InputIcon.vue b/src/layouts/sections/input-areas/inputs/components/InputIcon.vue
index be80eea06..5dfd0caba 100644
--- a/src/layouts/sections/input-areas/inputs/components/InputIcon.vue
+++ b/src/layouts/sections/input-areas/inputs/components/InputIcon.vue
@@ -1,5 +1,5 @@
 <script setup>
-//Vue Material Kit 2 Pro components
+//Vue Material Kit 2 components
 import MaterialInput from "@/components/MaterialInput.vue";
 </script>
 <template>
diff --git a/src/layouts/sections/input-areas/inputs/components/InputOutlined.vue b/src/layouts/sections/input-areas/inputs/components/InputOutlined.vue
index 45b7a89fd..16d10204b 100644
--- a/src/layouts/sections/input-areas/inputs/components/InputOutlined.vue
+++ b/src/layouts/sections/input-areas/inputs/components/InputOutlined.vue
@@ -1,5 +1,5 @@
 <script setup>
-//Vue Material Kit 2 Pro components
+//Vue Material Kit 2 components
 import MaterialInput from "@/components/MaterialInput.vue";
 </script>
 <template>
diff --git a/src/layouts/sections/input-areas/inputs/components/InputStatic.vue b/src/layouts/sections/input-areas/inputs/components/InputStatic.vue
index e3fddca87..885e68aca 100644
--- a/src/layouts/sections/input-areas/inputs/components/InputStatic.vue
+++ b/src/layouts/sections/input-areas/inputs/components/InputStatic.vue
@@ -1,5 +1,5 @@
 <script setup>
-//Vue Material Kit 2 Pro components
+//Vue Material Kit 2 components
 import MaterialInput from "@/components/MaterialInput.vue";
 </script>
 <template>
diff --git a/src/layouts/sections/input-areas/inputs/components/InputSuccess.vue b/src/layouts/sections/input-areas/inputs/components/InputSuccess.vue
index d6e2a72a0..c3bfbe647 100644
--- a/src/layouts/sections/input-areas/inputs/components/InputSuccess.vue
+++ b/src/layouts/sections/input-areas/inputs/components/InputSuccess.vue
@@ -1,5 +1,5 @@
 <script setup>
-//Vue Material Kit 2 Pro components
+//Vue Material Kit 2 components
 import MaterialInput from "@/components/MaterialInput.vue";
 </script>
 <template>
diff --git a/src/layouts/sections/input-areas/inputs/components/codes.js b/src/layouts/sections/input-areas/inputs/components/codes.js
index d93006e3c..6eed5de10 100644
--- a/src/layouts/sections/input-areas/inputs/components/codes.js
+++ b/src/layouts/sections/input-areas/inputs/components/codes.js
@@ -1,5 +1,5 @@
 export const inputStaticCode = `<script setup>
-//Vue Material Kit 2 Pro components
+//Vue Material Kit 2 components
 import MaterialInput from "@/components/MaterialInput.vue";
 </script>
 <template>
@@ -21,7 +21,7 @@ import MaterialInput from "@/components/MaterialInput.vue";
 `;
 
 export const inputDynamicCode = `<script setup>
-//Vue Material Kit 2 Pro components
+//Vue Material Kit 2 components
 import MaterialInput from "@/components/MaterialInput.vue";
 </script>
 <template>
@@ -42,7 +42,7 @@ import MaterialInput from "@/components/MaterialInput.vue";
 `;
 
 export const inputOutlinedCode = `<script setup>
-//Vue Material Kit 2 Pro components
+//Vue Material Kit 2 components
 import MaterialInput from "@/components/MaterialInput.vue";
 </script>
 <template>
@@ -63,7 +63,7 @@ import MaterialInput from "@/components/MaterialInput.vue";
 `;
 
 export const inputIconCode = `<script setup>
-//Vue Material Kit 2 Pro components
+//Vue Material Kit 2 components
 import MaterialInput from "@/components/MaterialInput.vue";
 </script>
 <template>
@@ -85,7 +85,7 @@ import MaterialInput from "@/components/MaterialInput.vue";
 `;
 
 export const inputSuccessCode = `<script setup>
-//Vue Material Kit 2 Pro components
+//Vue Material Kit 2 components
 import MaterialInput from "@/components/MaterialInput.vue";
 </script>
 <template>
@@ -107,7 +107,7 @@ import MaterialInput from "@/components/MaterialInput.vue";
 `;
 
 export const inputErrorCode = `<script setup>
-//Vue Material Kit 2 Pro components
+//Vue Material Kit 2 components
 import MaterialInput from "@/components/MaterialInput.vue";
 </script>
 <template>
@@ -124,7 +124,7 @@ import MaterialInput from "@/components/MaterialInput.vue";
 `;
 
 export const inputDisabledCode = `<script setup>
-//Vue Material Kit 2 Pro components
+//Vue Material Kit 2 components
 import MaterialInput from "@/components/MaterialInput.vue";
 </script>
 <template>
diff --git a/src/layouts/sections/navigation/pagination/components/PaginationSimple.vue b/src/layouts/sections/navigation/pagination/components/PaginationSimple.vue
index 6148dfc6c..6036a4de3 100644
--- a/src/layouts/sections/navigation/pagination/components/PaginationSimple.vue
+++ b/src/layouts/sections/navigation/pagination/components/PaginationSimple.vue
@@ -1,5 +1,5 @@
 <script setup>
-//Vue Material Kit 2 Pro components
+//Vue Material Kit 2 components
 import MaterialPagination from "@/components/MaterialPagination.vue";
 import MaterialPaginationItem from "@/components/MaterialPaginationItem.vue";
 </script>
diff --git a/src/layouts/sections/navigation/pagination/components/codes.js b/src/layouts/sections/navigation/pagination/components/codes.js
index d39ec7cad..d3279c5ae 100644
--- a/src/layouts/sections/navigation/pagination/components/codes.js
+++ b/src/layouts/sections/navigation/pagination/components/codes.js
@@ -1,5 +1,5 @@
 export const paginationSimpleCode = `<script setup>
-//Vue Material Kit 2 Pro components
+//Vue Material Kit 2 components
 import MaterialPagination from "@/components/MaterialPagination.vue";
 import MaterialPaginationItem from "@/components/MaterialPaginationItem.vue";
 </script>
diff --git a/src/layouts/sections/page-sections/page-headers/components/HeaderOne.vue b/src/layouts/sections/page-sections/page-headers/components/HeaderOne.vue
index 4d5b57cae..c462668f4 100644
--- a/src/layouts/sections/page-sections/page-headers/components/HeaderOne.vue
+++ b/src/layouts/sections/page-sections/page-headers/components/HeaderOne.vue
@@ -1,5 +1,5 @@
 <script setup>
-//Vue Material Kit 2 Pro components
+//Vue Material Kit 2 components
 import MaterialButton from "@/components/MaterialButton.vue";
 
 // image
@@ -75,7 +75,7 @@ const bgImage =
     <div
       class="page-header min-vh-100"
       :style="{
-        backgroundImage: `url(${bgImage})`,
+        backgroundImage: `url(${bgImage})`
       }"
       loading="lazy"
     >
diff --git a/src/layouts/sections/page-sections/page-headers/components/codes.js b/src/layouts/sections/page-sections/page-headers/components/codes.js
index 5be7fcf61..a0d2bea0a 100644
--- a/src/layouts/sections/page-sections/page-headers/components/codes.js
+++ b/src/layouts/sections/page-sections/page-headers/components/codes.js
@@ -1,6 +1,6 @@
 /* eslint-disable no-useless-escape */
 export const header1Code = `<setup>
-//Vue Material Kit 2 Pro components
+//Vue Material Kit 2 components
 import MaterialButton from "@/components/MaterialButton.vue";
 <\/script>
 <template>
diff --git a/src/views/LandingPages/AboutUs/Sections/AboutNewsletter.vue b/src/views/LandingPages/AboutUs/Sections/AboutNewsletter.vue
index f3117baa4..45e714d24 100644
--- a/src/views/LandingPages/AboutUs/Sections/AboutNewsletter.vue
+++ b/src/views/LandingPages/AboutUs/Sections/AboutNewsletter.vue
@@ -1,6 +1,6 @@
 <script setup>
 import { onMounted } from "vue";
-//Vue Material Kit 2 Pro components
+//Vue Material Kit 2 components
 import MaterialInput from "@/components/MaterialInput.vue";
 import MaterialButton from "@/components/MaterialButton.vue";
 
diff --git a/src/views/LandingPages/Author/Sections/AuthorContact.vue b/src/views/LandingPages/Author/Sections/AuthorContact.vue
index 99439aa91..28150def0 100644
--- a/src/views/LandingPages/Author/Sections/AuthorContact.vue
+++ b/src/views/LandingPages/Author/Sections/AuthorContact.vue
@@ -1,6 +1,6 @@
 <script setup>
 import { onMounted } from "vue";
-//Vue Material Kit 2 Pro components
+//Vue Material Kit 2 components
 import MaterialButton from "@/components/MaterialButton.vue";
 import MaterialInput from "@/components/MaterialInput.vue";
 import MaterialTextArea from "@/components/MaterialTextArea.vue";
diff --git a/src/views/LandingPages/Author/Sections/AuthorPosts.vue b/src/views/LandingPages/Author/Sections/AuthorPosts.vue
index 34b416571..748b90d11 100644
--- a/src/views/LandingPages/Author/Sections/AuthorPosts.vue
+++ b/src/views/LandingPages/Author/Sections/AuthorPosts.vue
@@ -3,7 +3,7 @@
 import TransparentBlogCard from "../../../../examples/cards/blogCards/TransparentBlogCard.vue";
 import BackgroundBlogCard from "../../../../examples/cards/blogCards/BackgroundBlogCard.vue";
 
-//Vue Material Kit 2 Pro components
+//Vue Material Kit 2 components
 import post1 from "@/assets/img/examples/testimonial-6-2.jpg";
 import post2 from "@/assets/img/examples/testimonial-6-3.jpg";
 import post3 from "@/assets/img/examples/blog-9-4.jpg";
diff --git a/src/views/LandingPages/Author/Sections/AuthorProfile.vue b/src/views/LandingPages/Author/Sections/AuthorProfile.vue
index 10a84188f..30128e706 100644
--- a/src/views/LandingPages/Author/Sections/AuthorProfile.vue
+++ b/src/views/LandingPages/Author/Sections/AuthorProfile.vue
@@ -1,7 +1,7 @@
 <script setup>
 import { onMounted } from "vue";
 
-//Vue Material Kit 2 Pro components
+//Vue Material Kit 2 components
 import MaterialAvatar from "@/components/MaterialAvatar.vue";
 import MaterialButton from "@/components/MaterialButton.vue";
 
diff --git a/src/views/LandingPages/SignIn/BasicView.vue b/src/views/LandingPages/SignIn/BasicView.vue
index f90b101df..868347b77 100644
--- a/src/views/LandingPages/SignIn/BasicView.vue
+++ b/src/views/LandingPages/SignIn/BasicView.vue
@@ -5,7 +5,7 @@ import { onMounted } from "vue";
 import DefaultNavbar from "@/examples/navbars/NavbarDefault.vue";
 import Header from "@/examples/Header.vue";
 
-//Vue Material Kit 2 Pro components
+//Vue Material Kit 2 components
 import MaterialInput from "@/components/MaterialInput.vue";
 import MaterialSwitch from "@/components/MaterialSwitch.vue";
 import MaterialButton from "@/components/MaterialButton.vue";
@@ -23,7 +23,7 @@ onMounted(() => {
       class="page-header align-items-start min-vh-100"
       :style="{
         backgroundImage:
-          'url(https://images.unsplash.com/photo-1497294815431-9365093b7331?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1950&q=80)',
+          'url(https://images.unsplash.com/photo-1497294815431-9365093b7331?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1950&q=80)'
       }"
       loading="lazy"
     >
diff --git a/src/views/Presentation/Components/BuiltByDevelopers.vue b/src/views/Presentation/Components/BuiltByDevelopers.vue
index 5b8942831..37c479bbb 100644
--- a/src/views/Presentation/Components/BuiltByDevelopers.vue
+++ b/src/views/Presentation/Components/BuiltByDevelopers.vue
@@ -5,7 +5,7 @@
       class="page-header py-6 py-md-5 my-sm-3 mb-3 border-radius-xl"
       :style="{
         backgroundImage:
-          'url(https://raw.githubusercontent.com/creativetimofficial/public-assets/master/soft-ui-design-system/assets/img/desktop.jpg)',
+          'url(https://raw.githubusercontent.com/creativetimofficial/public-assets/master/soft-ui-design-system/assets/img/desktop.jpg)'
       }"
       loading="lazy"
     >
@@ -21,7 +21,7 @@
               create unlimited combinations for our components.
             </p>
             <a
-              href="https://www.creative-tim.com/learning-lab/bootstrap/overview/material-kit"
+              href="https://www.creative-tim.com/learning-lab/vue/overview/material-kit/"
               class="text-white icon-move-right"
             >
               Read docs
diff --git a/src/views/Presentation/PresentationView.vue b/src/views/Presentation/PresentationView.vue
index e6f56e87e..eb1e68b46 100644
--- a/src/views/Presentation/PresentationView.vue
+++ b/src/views/Presentation/PresentationView.vue
@@ -7,7 +7,7 @@ import DefaultFooter from "../../examples/footers/FooterDefault.vue";
 import Header from "../../examples/Header.vue";
 import FilledInfoCard from "../../examples/cards/infoCards/FilledInfoCard.vue";
 
-//Vue Material Kit 2 Pro components
+//Vue Material Kit 2 components
 import MaterialSocialButton from "@/components/MaterialSocialButton.vue";
 
 // sections
@@ -92,8 +92,8 @@ onUnmounted(() => {
             description="Check the possible ways of working with our product and the necessary files for building your own project."
             :action="{
               route:
-                'https://www.creative-tim.com/learning-lab/bootstrap/overview/material-kit',
-              label: { text: 'Let\'s start', color: 'white' },
+                'https://www.creative-tim.com/learning-lab/vue/overview/material-kit/',
+              label: { text: 'Let\'s start', color: 'white' }
             }"
           />
         </div>
@@ -107,8 +107,8 @@ onUnmounted(() => {
                 used to create the Material Kit."
             :action="{
               route:
-                'https://www.creative-tim.com/learning-lab/bootstrap/datepicker/material-kit',
-              label: { text: 'Read more' },
+                'https://www.creative-tim.com/learning-lab/vue/input/material-kit/',
+              label: { text: 'Read more' }
             }"
           />
         </div>
@@ -121,8 +121,8 @@ onUnmounted(() => {
                 who want flexibility, we included many utility classes."
             :action="{
               route:
-                'https://www.creative-tim.com/learning-lab/bootstrap/utilities/material-kit',
-              label: { text: 'Read more' },
+                'https://www.creative-tim.com/learning-lab/vue/utilities/material-kit/',
+              label: { text: 'Read more' }
             }"
           />
         </div>
@@ -133,13 +133,13 @@ onUnmounted(() => {
     <div
       class="container-fluid mt-sm-5 border-radius-xl"
       :style="{
-        background: 'linear-gradient(195deg, rgb(66, 66, 74), rgb(25, 25, 25))',
+        background: 'linear-gradient(195deg, rgb(66, 66, 74), rgb(25, 25, 25))'
       }"
     >
       <div
         class="page-header py-6 py-md-5 my-sm-3 mb-3 border-radius-xl"
         :style="{
-          backgroundImage: `url(${wavesWhite})`,
+          backgroundImage: `url(${wavesWhite})`
         }"
         loading="lazy"
       >
diff --git a/src/views/Presentation/Sections/Data/designBlocksData.js b/src/views/Presentation/Sections/Data/designBlocksData.js
index 862fa260a..16441843b 100644
--- a/src/views/Presentation/Sections/Data/designBlocksData.js
+++ b/src/views/Presentation/Sections/Data/designBlocksData.js
@@ -1,6 +1,6 @@
 /*
 =========================================================
-* Vue Material Kit 2 PRO - v1.0.0
+* Vue Material Kit 2 - v1.0.0
 =========================================================
 
 * Product Page: https://www.creative-tim.com/product/vue-material-kit-pro
@@ -40,100 +40,100 @@ export default [
         title: "Page Headers",
         subtitle: "10 Examples",
         route: "page-headers",
-        pro: false,
+        pro: false
       },
       {
         image: imgFeatures,
         title: "Features",
         subtitle: "14 Examples",
         route: "page-features",
-        pro: false,
+        pro: false
       },
       {
         image: imgPricing,
         title: "Pricing",
         subtitle: "8 Examples",
         route: "presentation",
-        pro: true,
+        pro: true
       },
       {
         image: `${imagesPrefix}/faq.jpg`,
         title: "FAQ",
         subtitle: "1 Example",
         route: "presentation",
-        pro: true,
+        pro: true
       },
       {
         image: imgBlogPosts,
         title: "Blog Posts",
         subtitle: "11 Examples",
         route: "presentation",
-        pro: true,
+        pro: true
       },
       {
         image: imgTestimonials,
         title: "Testimonials",
         subtitle: "11 Examples",
         route: "presentation",
-        pro: true,
+        pro: true
       },
       {
         image: imgTeam,
         title: "Teams",
         subtitle: "6 Examples",
         route: "presentation",
-        pro: true,
+        pro: true
       },
       {
         image: imgStat,
         title: "Stats",
         subtitle: "3 Examples",
         route: "presentation",
-        pro: true,
+        pro: true
       },
       {
         image: `${imagesPrefix}/call-to-action.jpg`,
         title: "Call to Actions",
         subtitle: "8 Examples",
         route: "presentation",
-        pro: true,
+        pro: true
       },
       {
         image: `${imagesPrefix}/projects.jpg`,
         title: "Applications",
         subtitle: "6 Examples",
         route: "presentation",
-        pro: true,
+        pro: true
       },
       {
         image: `${imagesPrefix}/logo-area.jpg`,
         title: "Logo Areas",
         subtitle: "4 Examples",
         route: "presentation",
-        pro: true,
+        pro: true
       },
       {
         image: `${imagesPrefix}/footers.jpg`,
         title: "Footers",
         subtitle: "10 Examples",
         route: "presentation",
-        pro: true,
+        pro: true
       },
       {
         image: `${imagesPrefix}/general-cards.jpg`,
         title: "General Cards",
         subtitle: "9 Examples",
         route: "presentation",
-        pro: true,
+        pro: true
       },
       {
         image: imgContent,
         title: "Content Sections",
         subtitle: "8 Examples",
         route: "presentation",
-        pro: true,
-      },
-    ],
+        pro: true
+      }
+    ]
   },
   {
     heading: "Navigation",
@@ -144,23 +144,23 @@ export default [
         title: "Navbars",
         subtitle: "4 Examples",
         route: "navigation-navbars",
-        pro: false,
+        pro: false
       },
       {
         image: `${imagesPrefix}/nav-tabs.jpg`,
         title: "Nav Tabs",
         subtitle: "2 Nav Tabs",
         route: "navigation-navtabs",
-        pro: false,
+        pro: false
       },
       {
         image: imgPagination,
         title: "Pagination",
         subtitle: "3 Examples",
         route: "navigation-pagination",
-        pro: false,
-      },
-    ],
+        pro: false
+      }
+    ]
   },
   {
     heading: "Input Areas",
@@ -172,30 +172,30 @@ export default [
         title: "Newsletters",
         subtitle: "6 Examples",
         route: "presentation",
-        pro: true,
+        pro: true
       },
       {
         image: `${imagesPrefix}/contact-sections.jpg`,
         title: "Contact Sections",
         subtitle: "8 Examples",
         route: "presentation",
-        pro: true,
+        pro: true
       },
       {
         image: `${imagesPrefix}/forms.jpg`,
         title: "Forms",
         subtitle: "3 Examples",
         route: "inputareas-forms",
-        pro: false,
+        pro: false
       },
       {
         image: `${imagesPrefix}/inputs.jpg`,
         title: "Inputs",
         subtitle: "6 Examples",
         route: "inputareas-inputs",
-        pro: false,
-      },
-    ],
+        pro: false
+      }
+    ]
   },
   {
     heading: "Attention Catchers",
@@ -207,30 +207,30 @@ export default [
         title: "Alerts",
         subtitle: "4 Examples",
         route: "ac-alerts",
-        pro: false,
+        pro: false
       },
       {
         image: `${imagesPrefix}/toasts.jpg`,
         title: "Notifications",
         subtitle: "3 Examples",
         route: "presentation",
-        pro: true,
+        pro: true
       },
       {
         image: imgPopover,
         title: "Tooltips & Popovers",
         subtitle: "2 Examples",
         route: "ac-tooltips-popovers",
-        pro: false,
+        pro: false
       },
       {
         image: imgModal,
         title: "Modals",
         subtitle: "5 Examples",
         route: "ac-modals",
-        pro: false,
-      },
-    ],
+        pro: false
+      }
+    ]
   },
   {
     heading: "Elements",
@@ -242,71 +242,71 @@ export default [
         title: "Buttons",
         subtitle: "6 Examples",
         route: "el-buttons",
-        pro: false,
+        pro: false
       },
       {
         image: `${imagesPrefix}/avatars.jpg`,
         title: "Avatars",
         subtitle: "2 Examples",
         route: "el-avatars",
-        pro: false,
+        pro: false
       },
       {
         image: imgDropdowns,
         title: "Dropdowns",
         subtitle: "2 Examples",
         route: "el-dropdowns",
-        pro: false,
+        pro: false
       },
       {
         image: `${imagesPrefix}/switch.jpg`,
         title: "Toggles",
         subtitle: "2 Examples",
         route: "el-toggles",
-        pro: false,
+        pro: false
       },
       {
         image: `${imagesPrefix}/social-buttons.jpg`,
         title: "Social Buttons",
         subtitle: "2 Examples",
         route: "presentation",
-        pro: true,
+        pro: true
       },
       {
         image: `${imagesPrefix}/breadcrumbs.jpg`,
         title: "Breadcrumbs",
         subtitle: "1 Example",
         route: "el-breadcrumbs",
-        pro: false,
+        pro: false
       },
       {
         image: `${imagesPrefix}/badges.jpg`,
         title: "Badges",
         subtitle: "3 Examples",
         route: "el-badges",
-        pro: false,
+        pro: false
       },
       {
         image: `${imagesPrefix}/progress.jpg`,
         title: "Progress Bars",
         subtitle: "4 Examples",
         route: "el-progress-bars",
-        pro: false,
+        pro: false
       },
       {
         image: `${imagesPrefix}/tables.jpg`,
         title: "Tables",
         subtitle: "3 Examples",
         route: "presentation",
-        pro: true,
+        pro: true
       },
       {
         image: `${imagesPrefix}/typography.jpg`,
         title: "Typography",
         subtitle: "2 Examples",
         route: "el-typography",
-        pro: false,
-      },
-    ],
-  },
+        pro: false
+      }
+    ]
+  }
 ];