diff --git a/index.html b/index.html
index bbf5149..181c7a7 100644
--- a/index.html
+++ b/index.html
@@ -69,13 +69,13 @@ <h2 class="gray pady-8">Explore our map styles</h2>
 </div>
 
 <div class="map-cards">
-  <a href="https://www.maptiler.com/maps/#streets//vector/3/-74/40.73"><img src="/img/map-cards-img/Street.png" alt="Street">Streets</a>
-  <a href="https://www.maptiler.com/maps/#hybrid//vector/3/-74/40.73"><img src="/img/map-cards-img/Satellite.png" alt="Satellite">Satellite</a>
-  <a href="https://www.maptiler.com/maps/#topo//vector/3/-74/40.73"><img src="/img/map-cards-img/Topo.png" alt="Topo">Topo</a>
-  <a href="https://www.maptiler.com/maps/#basic//vector/3/-74/40.73"><img src="/img/map-cards-img/Basic.png" alt="Basic">Basic</a>
-  <a href="https://www.maptiler.com/maps/#bright//vector/3/-74/40.73"><img src="/img/map-cards-img/Bright.png" alt="Bright">Bright</a>
-  <a href="https://www.maptiler.com/maps/#positron//vector/3/-74/40.73"><img src="/img/map-cards-img/Positron.png" alt="Positron">Positron</a>
-  <a href="https://www.maptiler.com/maps/#darkmatter//vector/3/-74/40.73"><img src="/img/map-cards-img/DarkMatter.png" alt="DarkMatter">Dark Matter</a>
+  <a href="https://www.maptiler.com/maps/#style=streets-v2&lang=auto&mode=2d&position=3/40.73/-74"><img src="/img/map-cards-img/Street.png" alt="Street">Streets</a>
+  <a href="https://www.maptiler.com/maps/#style=hybrid&lang=auto&mode=2d&position=3/40.73/-74"><img src="/img/map-cards-img/Satellite.png" alt="Satellite">Satellite</a>
+  <a href="https://www.maptiler.com/maps/#style=topo&lang=auto&mode=2d&position=3/40.73/-74"><img src="/img/map-cards-img/Topo.png" alt="Topo">Topo</a>
+  <a href="https://www.maptiler.com/maps/#style=basic&lang=auto&mode=2d&position=3/40.73/-74"><img src="/img/map-cards-img/Basic.png" alt="Basic">Basic</a>
+  <a href="https://www.maptiler.com/maps/#style=bright&lang=auto&mode=2d&position=3/40.73/-74"><img src="/img/map-cards-img/Bright.png" alt="Bright">Bright</a>
+  <a href="https://www.maptiler.com/maps/#style=positron&lang=auto&mode=2d&position=3/40.73/-74"><img src="/img/map-cards-img/Positron.png" alt="Positron">Positron</a>
+  <a href="https://www.maptiler.com/maps/#style=darkmatter&lang=auto&mode=2d&position=3/40.73/-74"><img src="/img/map-cards-img/DarkMatter.png" alt="DarkMatter">Dark Matter</a>
 
 
 </div>