pricing with emojis

website/assets/pricing.json

@@ -1,34 +1,42 @@
 [
   {
     "price": 10,
-    "name": "Iron"
+    "name": "Steel",
+    "icon": "🗡️"
   },
   {
     "price": 20,
-    "name": "Steel"
+    "name": "Copper",
+    "icon": "🥘"
   },
   {
     "price": 40,
-    "name": "Copper"
+    "name": "Bronze",
+    "icon": "🛎️"
   },
   {
     "price": 75,
-    "name": "Bronze"
+    "name": "Silver",
+    "icon": "🍴"
   },
   {
     "price": 150,
-    "name": "Silver"
+    "name": "Gold",
+    "icon": "🏆"
   },
   {
     "price": 250,
-    "name": "Gold"
+    "name": "Platinum",
+    "icon": "💿"
   },
   {
     "price": 500,
-    "name": "Platinum"
+    "name": "Sapphire",
+    "icon": "💍"
   },
   {
     "price": 1000,
-    "name": "Diamond"
+    "name": "Diamond",
+    "icon": "💎"
   }
 ]

website/assets/support_plans.js

@@ -1,22 +0,0 @@
-const slider = document.getElementById('support-plans-slider')
-
-var arbitraryValuesForSlider = ['128MB', '256MB', '1GB', '8GB', '16GB', '32GB']
-
-var format = {
-  to: function (value) {
-    return arbitraryValuesForSlider[Math.round(value)]
-  },
-  from: function (value) {
-    return arbitraryValuesForSlider.indexOf(value)
-  },
-}
-
-noUiSlider.create(slider, {
-  // start values are parsed by 'format'
-  start: '1GB',
-  range: { min: 0, max: arbitraryValuesForSlider.length - 1 },
-  step: 1,
-  tooltips: true,
-  format: format,
-  pips: { mode: 'steps', format: format, density: 50 },
-})

website/blocks/support_plans.html

@@ -1 +0,0 @@
-<div id="support-plans-slider"></div>