diff --git a/examples/index-alkomprar.html b/examples/index-alkomprar.html
new file mode 100644
index 0000000..e682b97
--- /dev/null
+++ b/examples/index-alkomprar.html
@@ -0,0 +1,73 @@
+<!DOCTYPE html>
+<html lang="es">
+
+<head>
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <title>Centros de Servicio</title>
+  <link rel="stylesheet"
+    href="https://cdn.jsdelivr.net/gh/ux-alkosto/service-centers/dist/alkomprar/css/servicio.css" />
+  <link rel="preconnect" href="https://cdn.jsdelivr.net" />
+  <link href="https://cdn.jsdelivr.net/gh/ux-alkosto/icons/style.min.css" rel="stylesheet" />
+</head>
+
+<body>
+
+  <div class="service-centers">
+    <h2 class="service-centers__title">Centros de servicio</h2>
+    <p>
+      Para mayor información sobre la <strong>Política de Garantía</strong> de
+      tus productos
+      <a style="color: var(--link-text-color);" href="/tramites/tramites-garantia" target="_blank">click aquí.</a>
+    </p>
+    <p>Estamos a tu disposición en las líneas de atención: <a style="color: var(--link-text-color);"
+        href="tel:6046042323"> (604) 6042323</a> en Medellín, <a style="color: var(--link-text-color);"
+        href="tel:018000111448">018000946000</a> línea nacional o a través de la página web <a
+        style="color: var(--link-text-color);"
+        href="https://www.alkomprar.com/contacto">https://www.alkomprar.com/contacto</a>.</p>
+    <div class="service-centers__filters">
+      <div class="service-centers__filters__marca">
+        <label for="marca">Marca</label>
+        <select name="marca" id="marca" data-custom-select="true"></select>
+      </div>
+      <div class="service-centers__filters__departamento">
+        <label for="departamento">Departamento</label>
+        <select name="departamento" id="departamento" data-custom-select="true"></select>
+      </div>
+      <div class="service-centers__filters__ciudad">
+        <label for="ciudad">Ciudad</label>
+        <select name="ciudad" id="ciudad" data-custom-select="true"></select>
+      </div>
+      <div class="service-centers__filters__categoria">
+        <label for="categoria">Categoría</label>
+        <select name="categoria" id="categoria" data-custom-select="true"></select>
+      </div>
+    </div>
+    <p class="msje-localiza">
+      Selecciona en la parte de arriba marca, departamento, ciudad y la
+      categoría de tu preferencia.
+    </p>
+    <div class="service-centers__container">
+      <div class="service-centers__menu"></div>
+      <div class="service-centers__map">
+        <div id="service-centers-map"></div>
+        <div class="cont-img" id="cont-img"></div>
+      </div>
+    </div>
+  </div>
+  <!--   <script src="https://maps.googleapis.com/maps/api/js?libraries=&v=beta" defer></script> -->
+
+  <script
+    src="https://maps.googleapis.com/maps/api/js?libraries=&v=beta&key=AIzaSyAy8TW2_NTWIBNcOrTQLCksD-LRbcSlRlw&callback=initMap"
+    defer></script>
+  <script type="module" crossorigin="anonymous"
+    src="https://cdn.jsdelivr.net/gh/ux-alkosto/service-centers/dist/common/js/servicio.js"></script>
+  <script>
+    const appConfig = {
+      jsonFile: "https://cdn.jsdelivr.net/gh/ux-alkosto/service-centers@1.4.9.6/dist/alkomprar/json/service-centers.json",
+      site: "alkomprar",
+    };
+  </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/examples/index.html b/examples/index.html
index c2b2a6e..0188f7d 100644
--- a/examples/index.html
+++ b/examples/index.html
@@ -5,7 +5,7 @@
   <meta charset="UTF-8" />
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
   <title>Centros de Servicio</title>
-  <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/ux-alkosto/service-centers/dist/alkosto/css/servicio.css" />
+  <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/ux-alkosto/service-centers/dist/ktronix/css/servicio.css" />
   <link rel="preconnect" href="https://cdn.jsdelivr.net" />
   <link href="https://cdn.jsdelivr.net/gh/ux-alkosto/icons/style.min.css" rel="stylesheet" />
 </head>
@@ -23,7 +23,7 @@ <h2 class="service-centers__title">Centros de servicio</h2>
     <p>Estamos a tu disposición en las líneas de atención: <a style="color: var(--link-text-color);"
         href="tel:6014073033">(601) 4073033</a> en Bogotá, <a style="color: var(--link-text-color);"
         href="tel:018000111448">018000111448</a> línea nacional o a través de la página web <a
-        style="color: var(--link-text-color);" href="/contactanos">https://www.alkosto.com/contactanos.</a>
+        style="color: var(--link-text-color);" href="/contacto/c/contacto">https://www.ktronix.com/contacto/c/contacto.</a>
     </p>
     <div class="service-centers__filters">
       <div class="service-centers__filters__marca">
@@ -64,38 +64,10 @@ <h2 class="service-centers__title">Centros de servicio</h2>
     src="https://cdn.jsdelivr.net/gh/ux-alkosto/service-centers/dist/common/js/servicio.js"></script>
   <script>
     const appConfig = {
-      jsonFile: "../dist/ktronix/json/service-centers.json",
-      site: "alkosto",
+      jsonFile: "https://cdn.jsdelivr.net/gh/ux-alkosto/service-centers@1.4.9.6/dist/ktronix/json/service-centers.json",
+      site: "ktronix",
     };
-    /* 
-        const select = document.getElementById("categoria");
-        const mapa = document.getElementById("service-centers-map");
-        const divContenedor = document.querySelector(".service-centers__map");
-        const imagen = document.getElementById("cont-img");
-
-        select.addEventListener("change", function () {
-          var selectedOption = this.options[select.selectedIndex];
-          console.log(selectedOption.value);
-          if (selectedOption.value == "gasodomesticos") {
-            mapa.style.display = "none";
-            imagen.style.display = "block";
-          } else {
-            mapa.style.display = "block";
-            imagen.style.display = "none";
-          }
-        }); */
   </script>
-  <!--   <style>
-    .cont-img {
-      display: none;
-      width: 100%;
-      height: 100%;
-      background-image: url(https://www.kalley.com.co/medias/gasodomesticos.jpg?context=bWFzdGVyfHJvb3R8MzY1OTh8aW1hZ2UvanBlZ3xoZjYvaDgwLzEzNDAxNDM4NzQ4NzAyL2dhc29kb21lc3RpY29zLmpwZ3xiZTJjMmY1YTg3ZTFlMDQyMDZkZjU5NGMwZTVlNmRiOWE5ZmUyODZkNzUxZjIzYjE2YWUyZjA0NjMyM2ExOGU4);
-      background-size: contain;
-      background-position: center;
-      background-repeat: no-repeat;
-    }
-  </style> -->
 </body>
 
 </html>
\ No newline at end of file
