map_howto

website/blocks/main.md

@@ -8,7 +8,7 @@ It's truly **open-source**: everything, including the full production setup, is
 
 ## How can I use it?
 
-<!--map_docs-->
+<!--map_howto-->
 
 ## How can I donate or support this project?
 

website/blocks/map_howto.html

@@ -123,3 +123,5 @@
     </div>
   </div>
 </div>
+
+<div id="pricing"></div>

website/blocks/support_plans.html

@@ -0,0 +1,42 @@
+<table class="plan-table">
+  <tr>
+    <td class="plan-icon">🗡️</td>
+    <td class="plan-name">Steel Plan</td>
+    <td class="plan-price">$10 / month</td>
+  </tr>
+  <tr>
+    <td class="plan-icon">🥘</td>
+    <td class="plan-name">Copper Plan</td>
+    <td class="plan-price">$20 / month</td>
+  </tr>
+  <tr>
+    <td class="plan-icon">🛎️</td>
+    <td class="plan-name">Bronze Plan</td>
+    <td class="plan-price">$40 / month</td>
+  </tr>
+  <tr>
+    <td class="plan-icon">🍴</td>
+    <td class="plan-name">Silver Plan</td>
+    <td class="plan-price">$75 / month</td>
+  </tr>
+  <tr>
+    <td class="plan-icon">🏆</td>
+    <td class="plan-name">Gold Plan</td>
+    <td class="plan-price">$150 / month</td>
+  </tr>
+  <tr>
+    <td class="plan-icon">💿</td>
+    <td class="plan-name">Platinum Plan</td>
+    <td class="plan-price">$250 / month</td>
+  </tr>
+  <tr>
+    <td class="plan-icon">💍</td>
+    <td class="plan-name">Sapphire Plan</td>
+    <td class="plan-price">$500 / month</td>
+  </tr>
+  <tr>
+    <td class="plan-icon">💎</td>
+    <td class="plan-name">Diamond Plan</td>
+    <td class="plan-price">$1000 / month</td>
+  </tr>
+</table>