diff --git a/data/features.json b/data/features.json
new file mode 100644
index 00000000..cdbea941
--- /dev/null
+++ b/data/features.json
@@ -0,0 +1,352 @@
+[
+  {
+    "documentation": "https://docs.meshery.io/guides/configuration-management/creating-a-meshery-design",
+    "entire_row": {
+      "Category": "Designs",
+      "Documented?": "https://docs.meshery.io/guides/configuration-management/creating-a-meshery-design",
+      "Feature": "Create new Meshery design",
+      "Function": "Create new design",
+      "Pricing page?": "",
+      "Subscription Tier": "Free",
+      "Tech": "Meshery"
+    }
+  },
+  {
+    "documentation": "https://docs.meshery.io/extensions/importing-a-design",
+    "entire_row": {
+      "Category": "Designs",
+      "Documented?": "https://docs.meshery.io/extensions/importing-a-design",
+      "Feature": "Import a design",
+      "Function": "Import Design",
+      "Pricing page?": "",
+      "Subscription Tier": "Free",
+      "Tech": "Meshery"
+    }
+  },
+  {
+    "documentation": "https://docs.meshery.io/guides/configuration-management/importing-designs#import-designs-using-meshery-cli",
+    "entire_row": {
+      "Category": "Designs",
+      "Documented?": "https://docs.meshery.io/guides/configuration-management/importing-designs#import-designs-using-meshery-cli",
+      "Feature": "Import a design from Kubernetes Manifest",
+      "Function": "Import Design",
+      "Pricing page?": "",
+      "Subscription Tier": "Free",
+      "Tech": "Meshery"
+    }
+  },
+  {
+    "documentation": "https://docs.meshery.io/guides/configuration-management/importing-designs#import-designs-using-meshery-cli",
+    "entire_row": {
+      "Category": "Designs",
+      "Documented?": "https://docs.meshery.io/guides/configuration-management/importing-designs#import-designs-using-meshery-cli",
+      "Feature": "Import a design from Helm Chart",
+      "Function": "Import Design",
+      "Pricing page?": "",
+      "Subscription Tier": "Free",
+      "Tech": "Meshery"
+    }
+  },
+  {
+    "documentation": "https://docs.meshery.io/guides/configuration-management/importing-designs#import-designs-using-meshery-cli",
+    "entire_row": {
+      "Category": "Designs",
+      "Documented?": "https://docs.meshery.io/guides/configuration-management/importing-designs#import-designs-using-meshery-cli",
+      "Feature": "Import a design from Docker Compose",
+      "Function": "Import Design",
+      "Pricing page?": "",
+      "Subscription Tier": "Free",
+      "Tech": "Meshery"
+    }
+  },
+  {
+    "pricing_page": "true",
+    "entire_row": {
+      "Category": "Designs",
+      "Documented?": "",
+      "Feature": "Import a design from Kubernetes Manifest, Meshery Design (YAML), Helm Chart, Docker Compose or Meshery Design (OCI Image)",
+      "Function": "Standard Import Design",
+      "Pricing page?": "X",
+      "Subscription Tier": "Free",
+      "Tech": "Meshery"
+    }
+  },
+  {
+    "pricing_page": "true",
+    "entire_row": {
+      "Category": "Designs",
+      "Documented?": "",
+      "Feature": "Import a design from GitHub, GitLab, BitBucket",
+      "Function": "Premium Design Import Features",
+      "Pricing page?": "X",
+      "Subscription Tier": "Enterprise",
+      "Tech": "Meshery"
+    }
+  },
+  {
+    "documentation": "https://docs.layer5.io/kanvas/designer/export-designs/#exporting-as-a-design-file",
+    "entire_row": {
+      "Category": "Designs",
+      "Documented?": "https://docs.layer5.io/kanvas/designer/export-designs/#exporting-as-a-design-file",
+      "Feature": "Export a latest version of design in Meshery Design (YAML format)",
+      "Function": "Export Design",
+      "Pricing page?": "",
+      "Subscription Tier": "Free",
+      "Tech": "Meshery"
+    }
+  },
+  {
+    "documentation": "https://docs.layer5.io/kanvas/designer/export-designs/#exporting-as-an-oci-image",
+    "entire_row": {
+      "Category": "Designs",
+      "Documented?": "https://docs.layer5.io/kanvas/designer/export-designs/#exporting-as-an-oci-image",
+      "Feature": "Export a latest version of design in Meshery Design (OCI format)",
+      "Function": "Export Design",
+      "Pricing page?": "",
+      "Subscription Tier": "Free",
+      "Tech": "Meshery"
+    }
+  },
+  {
+    "pricing_page": "true",
+    "documentation": "https://docs.layer5.io/kanvas/designer/export-designs/#exporting-as-an-oci-image",
+    "entire_row": {
+      "Category": "Designs",
+      "Documented?": "https://docs.layer5.io/kanvas/designer/export-designs/#exporting-as-an-oci-image",
+      "Feature": "Export a latest version of design in Meshery Design (OCI format, YAML format) Export a design in source type format (Kubernetes Manifest, Helm Chart, Docker Compose)",
+      "Function": "Standard Export Design",
+      "Pricing page?": "X",
+      "Subscription Tier": "Free",
+      "Tech": "Meshery"
+    }
+  },
+  {
+    "pricing_page": "true",
+    "entire_row": {
+      "Category": "Designs",
+      "Documented?": "",
+      "Feature": "Export a design to GitHub, GitLab, BitBucket",
+      "Function": "Premium Export Design Features",
+      "Pricing page?": "X",
+      "Subscription Tier": "Enterprise",
+      "Tech": "Meshery"
+    }
+  },
+  {
+    "documentation": "https://docs.meshery.io/extensions/publishing-a-design",
+    "entire_row": {
+      "Category": "Designs",
+      "Documented?": "https://docs.meshery.io/extensions/publishing-a-design",
+      "Feature": "Publish a design",
+      "Function": "Publish Design",
+      "Pricing page?": "",
+      "Subscription Tier": "Free",
+      "Tech": "Meshery"
+    }
+  },
+  {
+    "documentation": "https://docs.meshery.io/guides/configuration-management/filter-management",
+    "entire_row": {
+      "Category": "Filters",
+      "Documented?": "https://docs.meshery.io/guides/configuration-management/filter-management",
+      "Feature": "Import a filter",
+      "Function": "Import Filter",
+      "Pricing page?": "",
+      "Subscription Tier": "Free",
+      "Tech": "Meshery"
+    }
+  },
+  {
+    "documentation": "https://docs.meshery.io/guides/configuration-management/filter-management",
+    "entire_row": {
+      "Category": "Filters",
+      "Documented?": "https://docs.meshery.io/guides/configuration-management/filter-management",
+      "Feature": "Publish WASM Filter",
+      "Function": "Publish WASM Filter",
+      "Pricing page?": "",
+      "Subscription Tier": "Free",
+      "Tech": "Meshery"
+    }
+  },
+  {
+    "documentation": "https://docs.meshery.io/guides/configuration-management/filter-management",
+    "entire_row": {
+      "Category": "Filters",
+      "Documented?": "https://docs.meshery.io/guides/configuration-management/filter-management",
+      "Feature": "Unpublish WASM Filter",
+      "Function": "Unpublish WASM Filter",
+      "Pricing page?": "",
+      "Subscription Tier": "Free",
+      "Tech": "Meshery"
+    }
+  },
+  {
+    "documentation": "https://docs.meshery.io/guides/configuration-management/filter-management",
+    "entire_row": {
+      "Category": "Filters",
+      "Documented?": "https://docs.meshery.io/guides/configuration-management/filter-management",
+      "Feature": "Download a WASM filter",
+      "Function": "Download a WASM filter",
+      "Pricing page?": "",
+      "Subscription Tier": "Free",
+      "Tech": "Meshery"
+    }
+  },
+  {
+    "documentation": "https://docs.meshery.io/guides/configuration-management/filter-management",
+    "entire_row": {
+      "Category": "Filters",
+      "Documented?": "https://docs.meshery.io/guides/configuration-management/filter-management",
+      "Feature": "Check information or details of a WASM filter",
+      "Function": "Details of WASM Filter",
+      "Pricing page?": "",
+      "Subscription Tier": "Free",
+      "Tech": "Meshery"
+    }
+  },
+  {
+    "documentation": "https://docs.meshery.io/guides/configuration-management/filter-management",
+    "entire_row": {
+      "Category": "Filters",
+      "Documented?": "https://docs.meshery.io/guides/configuration-management/filter-management",
+      "Feature": "Edit WASM filter",
+      "Function": "Edit WASM filter",
+      "Pricing page?": "",
+      "Subscription Tier": "Free",
+      "Tech": "Meshery"
+    }
+  },
+  {
+    "documentation": "https://docs.meshery.io/guides/configuration-management/filter-management",
+    "entire_row": {
+      "Category": "Filters",
+      "Documented?": "https://docs.meshery.io/guides/configuration-management/filter-management",
+      "Feature": "Clone WASM filter from catalog, which allows customizing filter and use it in design",
+      "Function": "Clone WASM Filter",
+      "Pricing page?": "",
+      "Subscription Tier": "Free",
+      "Tech": "Meshery"
+    }
+  },
+  {
+    "documentation": "https://docs.meshery.io/guides/configuration-management/filter-management",
+    "entire_row": {
+      "Category": "Filters",
+      "Documented?": "https://docs.meshery.io/guides/configuration-management/filter-management",
+      "Feature": "Delete WASM filter permanently from catalog.",
+      "Function": "Delete WASM Filter",
+      "Pricing page?": "",
+      "Subscription Tier": "Free",
+      "Tech": "Meshery"
+    }
+  },
+  {
+    "pricing_page": "true",
+    "entire_row": {
+      "Category": "Filters",
+      "Documented?": "",
+      "Feature": "Import, Unpublish, Publish, Download, Edit, Clone, Delete, Details of WASM Filter",
+      "Function": "WASM Filter and filter",
+      "Pricing page?": "X",
+      "Subscription Tier": "Free",
+      "Tech": "Meshery"
+    }
+  },
+  {
+    "pricing_page": "true",
+    "documentation": "https://docs.layer5.io/kanvas/designer/comments/",
+    "entire_row": {
+      "Category": "Design Reviews",
+      "Documented?": "https://docs.layer5.io/kanvas/designer/comments/",
+      "Feature": "Discuss any design by leaving review comments or notes on a specific design. Control who has access, notify discussion participants with updates, and link from anywhere.",
+      "Function": "Discuss any design by leaving review comments",
+      "Pricing page?": "X",
+      "Subscription Tier": "Team",
+      "Tech": "MeshMap"
+    }
+  },
+  {
+    "pricing_page": "true",
+    "entire_row": {
+      "Category": "Sidecar",
+      "Documented?": "",
+      "Feature": "",
+      "Function": "Parse logs",
+      "Pricing page?": "X",
+      "Subscription Tier": "Free",
+      "Tech": "Adapter"
+    }
+  },
+  {
+    "pricing_page": "true",
+    "entire_row": {
+      "Category": "Sidecar",
+      "Documented?": "",
+      "Feature": "",
+      "Function": "Exec Shell",
+      "Pricing page?": "X",
+      "Subscription Tier": "Free",
+      "Tech": "Adapter"
+    }
+  },
+  {
+    "pricing_page": "true",
+    "entire_row": {
+      "Category": "Filter",
+      "Documented?": "",
+      "Feature": "",
+      "Function": "Dynamic load / unload",
+      "Pricing page?": "X",
+      "Subscription Tier": "Free",
+      "Tech": "Meshery Server"
+    }
+  },
+  {
+    "pricing_page": "true",
+    "entire_row": {
+      "Category": "Design Patterns",
+      "Documented?": "",
+      "Feature": "Undo/Redo",
+      "Function": "",
+      "Pricing page?": "X",
+      "Subscription Tier": "Team",
+      "Tech": "MeshMap"
+    }
+  },
+  {
+    "pricing_page": "true",
+    "entire_row": {
+      "Category": "Design Patterns",
+      "Documented?": "",
+      "Feature": "Ability to freeform draw any shapes, draw edges",
+      "Function": "Whiteboarding",
+      "Pricing page?": "X",
+      "Subscription Tier": "Free",
+      "Tech": "MeshMap"
+    }
+  },
+  {
+    "pricing_page": "true",
+    "entire_row": {
+      "Category": "Visual Design",
+      "Documented?": "",
+      "Feature": "",
+      "Function": "Drag-n-drop cloud native infrastructure designer to configure, model, and deploy your workloads",
+      "Pricing page?": "X",
+      "Subscription Tier": "Free",
+      "Tech": "MeshMap"
+    }
+  },
+  {
+    "pricing_page": "true",
+    "entire_row": {
+      "Category": "Notification Integrations",
+      "Documented?": "",
+      "Feature": "",
+      "Function": "Access a variety of third-party applications, right from MeshMap. Send a message to Slack, identify an on-duty team to page, or raise an alarm in Datadog.",
+      "Pricing page?": "X",
+      "Subscription Tier": "Enterprise",
+      "Tech": "Cloud"
+    }
+  }
+]
diff --git a/static/images/subscription.svg b/static/images/subscription.svg
index 75a27ca3..a2328859 100644
--- a/static/images/subscription.svg
+++ b/static/images/subscription.svg
@@ -1,12 +1,4 @@
- <svg
-          xmlns="http://www.w3.org/2000/svg"
-          viewBox="0 0 24 24"
-          fill="white"
-        >
-          <path
-            d="M23.0617 2.45142H15.7633C15.2758 2.45142 14.5445 2.72798 14.1977 3.11235L5.12734 12.1499C4.78047 12.4967 4.78047 13.0874 5.12734 13.4342L12.9836 21.2905C13.3305 21.6374 13.9211 21.6374 14.268 21.2905L23.3383 12.2202C23.6852 11.8733 23.9992 11.1795 23.9992 10.6545V3.3561C23.9664 2.8686 23.5492 2.45142 23.0617 2.45142ZM18.4727 9.74985C17.4648 9.74985 16.6305 8.91548 16.6305 7.90767C16.6305 6.89985 17.4648 6.06548 18.4727 6.06548C19.4805 6.06548 20.3148 6.89985 20.3148 7.90767C20.3148 8.91548 19.4805 9.74985 18.4727 9.74985Z"
-          />
-          <path
-            d="M2.03398 12.8062L12.3934 2.44678H10.8652C10.3777 2.44678 9.64648 2.72334 9.29961 3.10772L0.262109 12.1499C-0.0847656 12.4968 -0.0847656 13.0874 0.262109 13.4343L8.11836 21.2905C8.46523 21.6374 9.05586 21.6374 9.40273 21.2905L9.96055 20.7327L2.03398 12.8062Z"
-          />
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="white">
+          <path d="M23.0617 2.45142H15.7633C15.2758 2.45142 14.5445 2.72798 14.1977 3.11235L5.12734 12.1499C4.78047 12.4967 4.78047 13.0874 5.12734 13.4342L12.9836 21.2905C13.3305 21.6374 13.9211 21.6374 14.268 21.2905L23.3383 12.2202C23.6852 11.8733 23.9992 11.1795 23.9992 10.6545V3.3561C23.9664 2.8686 23.5492 2.45142 23.0617 2.45142ZM18.4727 9.74985C17.4648 9.74985 16.6305 8.91548 16.6305 7.90767C16.6305 6.89985 17.4648 6.06548 18.4727 6.06548C19.4805 6.06548 20.3148 6.89985 20.3148 7.90767C20.3148 8.91548 19.4805 9.74985 18.4727 9.74985Z"/>
+          <path d="M2.03398 12.8062L12.3934 2.44678H10.8652C10.3777 2.44678 9.64648 2.72334 9.29961 3.10772L0.262109 12.1499C-0.0847656 12.4968 -0.0847656 13.0874 0.262109 13.4343L8.11836 21.2905C8.46523 21.6374 9.05586 21.6374 9.40273 21.2905L9.96055 20.7327L2.03398 12.8062Z"/>
         </svg>
\ No newline at end of file