diff --git a/.github/ISSUE_TEMPLATE/community_member_profile.md b/.github/ISSUE_TEMPLATE/community_member_profile.md
index 57b9a8c1740b..a9efdd451cdc 100644
--- a/.github/ISSUE_TEMPLATE/community_member_profile.md
+++ b/.github/ISSUE_TEMPLATE/community_member_profile.md
@@ -16,7 +16,7 @@ Let's recognize <@github-username> as a contributor and community member by crea
 - GitHub: <!-- username only -->
 - Twitter: <!-- handle only -->
 - LinkedIn: <!-- <profilename> only https://www.linkedin.com/in/<profilename> -->
-- Layer5 Cloud: <!-- <user ID> only UUID https://meshery.layer5.io/user/<uuid> -->
+- Layer5 Cloud: <!-- <user ID> only UUID https://cloud.layer5.io/user/<uuid> -->
 - Link to profile picture:
 
 A detailed explanation on how to set up a community member profile can be found in the [CONTRIBUTING.md](https://github.com/layer5io/layer5/blob/master/CONTRIBUTING.md)
diff --git a/.github/workflows/feature-list.yml b/.github/workflows/feature-list.yml
new file mode 100644
index 000000000000..5432507af762
--- /dev/null
+++ b/.github/workflows/feature-list.yml
@@ -0,0 +1,87 @@
+name: Feature List
+
+on:
+  workflow_dispatch:
+    inputs:
+      spreadsheet_uri:
+        description: 'Link of the spreadsheet containing subscription details.'
+        type: string
+        required: true
+  schedule:
+    - cron: '0 0 * * *' 
+
+permissions:
+  contents: write
+  actions: read
+
+jobs:
+  trigger-feature-list:
+    runs-on: ubuntu-latest
+    env:
+      FEATURES_FILE: 'feature_data.json'
+
+    steps:
+      - name: Checkout current repository
+        uses: actions/checkout@v4
+
+      - name: Restore cache
+        id: cache-sha
+        uses: actions/cache@v3
+        with:
+          path: .sha-cache
+          key: feature-data-sha
+          restore-keys: |
+            feature-data-sha
+
+      - name: Check for updates in source repository
+        id: check-updates
+        uses: actions/github-script@v7
+        with:
+              script: |
+                const { data: sourceFile } = await github.rest.repos.getContent({
+                  owner: 'layer5labs',
+                  repo: 'meshery-extensions-packages',
+                  path: 'feature_data.json',
+                  ref: 'master'
+                });
+                
+                // Store the latest commit SHA
+                const latestSHA = sourceFile.sha;
+                
+                const fs = require('fs');
+                
+                // Check if we have a previous SHA
+                let hasUpdates = true;
+                const shaCachePath = '.sha-cache/latest-sha';
+                if (fs.existsSync(shaCachePath)) {
+                  const lastSHA = fs.readFileSync(shaCachePath, 'utf8');
+                  hasUpdates = lastSHA !== latestSHA;
+                }
+                
+                if (hasUpdates) {
+                  // Save the new SHA
+                  fs.mkdirSync('.sha-cache', { recursive: true });
+                  fs.writeFileSync(shaCachePath, latestSHA);
+                  
+                  // Decode and save the content
+                  const content = Buffer.from(sourceFile.content, 'base64').toString('utf8');
+                  
+                  // Write the new content
+                  fs.writeFileSync(process.env.FEATURES_FILE, content);
+                  
+                  core.setOutput('has-updates', 'true');
+                } else {
+                  core.setOutput('has-updates', 'false');
+                }    
+
+      - name: Commit changes
+        if: steps.check-updates.outputs.has-updates == 'true'
+        uses: stefanzweifel/git-auto-commit-action@v5
+        with:
+          commit_message: "Updated feature data from source repository"
+          file_pattern: ${{ env.FEATURES_FILE }}
+          branch: master
+          commit_options: "--signoff"
+          commit_user_name: l5io
+          commit_user_email: ci@layer5.io
+          commit_author: 'l5io <l5io@users.noreply.github.com>'
\ No newline at end of file
diff --git a/README.md b/README.md
index 392449261e19..c0ed2af83be7 100644
--- a/README.md
+++ b/README.md
@@ -147,7 +147,7 @@ alt="Nighthawk" align="left" />
 
 
 <p style="clear:both;">
-<h2><a href="https://meshery.layer5.io/catalog">Meshery Catalog</a></h2>
+<h2><a href="https://cloud.layer5.io/catalog">Meshery Catalog</a></h2>
 <a href="">
   <img src=".github/assets/images/catalog/catalog.svg"
 style="float:left;margin:10px;" width="125px"
diff --git a/feature_data.json b/feature_data.json
new file mode 100644
index 000000000000..7f01ed823eb7
--- /dev/null
+++ b/feature_data.json
@@ -0,0 +1,1071 @@
+[
+  {
+    "documentation": "https://docs.layer5.io/cloud/getting-started/getting-started-with-layer5-account/#7-viewing-your-layer5-profile",
+    "entire_row": {
+      "Category": "Profile",
+      "Documented?": "https://docs.layer5.io/cloud/getting-started/getting-started-with-layer5-account/#7-viewing-your-layer5-profile",
+      "Feature": "View your profile.",
+      "Function": "View Profile",
+      "Pricing page?": "",
+      "Subscription Tier": "Free",
+      "Tech": "Cloud",
+      "Theme (also: Keychain Name)": "Account Management"
+    }
+  },
+  {
+    "documentation": "https://docs.layer5.io/cloud/catalog/",
+    "entire_row": {
+      "Category": "Catalog",
+      "Documented?": "https://docs.layer5.io/cloud/catalog/",
+      "Feature": "Export a copy of a design to your local system.",
+      "Function": "",
+      "Pricing page?": "",
+      "Subscription Tier": "Free",
+      "Tech": "Server",
+      "Theme (also: Keychain Name)": "Catalog Management"
+    }
+  },
+  {
+    "documentation": "https://docs.layer5.io/kanvas/designer/share-resource/",
+    "entire_row": {
+      "Category": "Catalog",
+      "Documented?": "https://docs.layer5.io/kanvas/designer/share-resource/",
+      "Feature": "Share design with anyone within your organization, and make your design easily accessible to all relevant team members.",
+      "Function": "Share Design",
+      "Pricing page?": "",
+      "Subscription Tier": "Free",
+      "Tech": "Server",
+      "Theme (also: Keychain Name)": "Catalog Management"
+    }
+  },
+  {
+    "documentation": "https://docs.layer5.io/kanvas/tasks/designs/cloning-a-design/",
+    "entire_row": {
+      "Category": "Catalog",
+      "Documented?": "https://docs.layer5.io/kanvas/tasks/designs/cloning-a-design/",
+      "Feature": "Clone any published design to customise it according to your use cases",
+      "Function": "Clone Design",
+      "Pricing page?": "",
+      "Subscription Tier": "Free",
+      "Tech": "Server",
+      "Theme (also: Keychain Name)": "Catalog Management"
+    }
+  },
+  {
+    "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": "Server",
+      "Theme (also: Keychain Name)": "Catalog Management"
+    }
+  },
+  {
+    "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": "Server",
+      "Theme (also: Keychain Name)": "Catalog Management"
+    }
+  },
+  {
+    "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": "Server",
+      "Theme (also: Keychain Name)": "Catalog Management"
+    }
+  },
+  {
+    "documentation": "https://docs.layer5.io/kanvas/getting-started/starting-helm/#importing-a-design",
+    "entire_row": {
+      "Category": "Designs",
+      "Documented?": "https://docs.layer5.io/kanvas/getting-started/starting-helm/#importing-a-design",
+      "Feature": "Import a design from Meshery Design (YAML)",
+      "Function": "Import Design",
+      "Pricing page?": "",
+      "Subscription Tier": "Free",
+      "Tech": "Server",
+      "Theme (also: Keychain Name)": "Catalog Management"
+    }
+  },
+  {
+    "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": "Server",
+      "Theme (also: Keychain Name)": "Catalog Management"
+    }
+  },
+  {
+    "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": "Server",
+      "Theme (also: Keychain Name)": "Catalog Management"
+    }
+  },
+  {
+    "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": "Server",
+      "Theme (also: Keychain Name)": "Catalog Management"
+    }
+  },
+  {
+    "documentation": "https://docs.layer5.io/cloud/getting-started/github-integration/#connect-github-and-import-designs",
+    "entire_row": {
+      "Category": "Designs",
+      "Documented?": "https://docs.layer5.io/cloud/getting-started/github-integration/#connect-github-and-import-designs",
+      "Feature": "Import a design from GitHub",
+      "Function": "Import Design",
+      "Pricing page?": "",
+      "Subscription Tier": "Enterprise",
+      "Tech": "Cloud",
+      "Theme (also: Keychain Name)": "Catalog Management"
+    }
+  },
+  {
+    "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": "Server",
+      "Theme (also: Keychain Name)": "Catalog Management"
+    }
+  },
+  {
+    "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": "Server",
+      "Theme (also: Keychain Name)": "Catalog Management"
+    }
+  },
+  {
+    "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": "Server",
+      "Theme (also: Keychain Name)": "Catalog Management"
+    }
+  },
+  {
+    "pricing_page": "true",
+    "entire_row": {
+      "Category": "Designs",
+      "Documented?": "",
+      "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": "Server",
+      "Theme (also: Keychain Name)": "Catalog Management"
+    }
+  },
+  {
+    "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": "Server",
+      "Theme (also: Keychain Name)": "Catalog Management"
+    }
+  },
+  {
+    "pricing_page": "true",
+    "entire_row": {
+      "Category": "Designs",
+      "Documented?": "",
+      "Feature": "Import and export your designs using your local filesystem or remote URL.",
+      "Function": "Cloud Native Design Patterns",
+      "Pricing page?": "X",
+      "Subscription Tier": "Free",
+      "Tech": "",
+      "Theme (also: Keychain Name)": "Catalog Management"
+    }
+  },
+  {
+    "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": "Server",
+      "Theme (also: Keychain Name)": "Catalog Management"
+    }
+  },
+  {
+    "documentation": "https://docs.layer5.io/kanvas/tasks/designs/validating-designs/",
+    "entire_row": {
+      "Category": "Designs",
+      "Documented?": "https://docs.layer5.io/kanvas/tasks/designs/validating-designs/",
+      "Feature": "Validate a design",
+      "Function": "Validate Design",
+      "Pricing page?": "",
+      "Subscription Tier": "Free",
+      "Tech": "Server",
+      "Theme (also: Keychain Name)": "Catalog Management"
+    }
+  },
+  {
+    "documentation": "https://docs.layer5.io/kanvas/tasks/designs/deploying-designs/",
+    "entire_row": {
+      "Category": "Designs",
+      "Documented?": "https://docs.layer5.io/kanvas/tasks/designs/deploying-designs/",
+      "Feature": "Deploy a design",
+      "Function": "Deploy Design",
+      "Pricing page?": "",
+      "Subscription Tier": "Free",
+      "Tech": "Server",
+      "Theme (also: Keychain Name)": "Catalog Management"
+    }
+  },
+  {
+    "documentation": "https://docs.layer5.io/kanvas/tasks/designs/undeploying-designs/",
+    "entire_row": {
+      "Category": "Designs",
+      "Documented?": "https://docs.layer5.io/kanvas/tasks/designs/undeploying-designs/",
+      "Feature": "Retract all resources used in a Meshery design from the cluster",
+      "Function": "Undeploy Design",
+      "Pricing page?": "",
+      "Subscription Tier": "Free",
+      "Tech": "Server",
+      "Theme (also: Keychain Name)": "Catalog Management"
+    }
+  },
+  {
+    "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": "Server",
+      "Theme (also: Keychain Name)": "Catalog Management"
+    }
+  },
+  {
+    "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": "Server",
+      "Theme (also: Keychain Name)": "Catalog Management"
+    }
+  },
+  {
+    "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": "Server",
+      "Theme (also: Keychain Name)": "Catalog Management"
+    }
+  },
+  {
+    "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": "Server",
+      "Theme (also: Keychain Name)": "Catalog Management"
+    }
+  },
+  {
+    "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": "Server",
+      "Theme (also: Keychain Name)": "Catalog Management"
+    }
+  },
+  {
+    "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": "Server",
+      "Theme (also: Keychain Name)": "Catalog Management"
+    }
+  },
+  {
+    "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": "Server",
+      "Theme (also: Keychain Name)": "Catalog Management"
+    }
+  },
+  {
+    "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": "Server",
+      "Theme (also: Keychain Name)": "Catalog Management"
+    }
+  },
+  {
+    "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": "Server",
+      "Theme (also: Keychain Name)": "Catalog Management"
+    }
+  },
+  {
+    "pricing_page": "true",
+    "entire_row": {
+      "Category": "Team Chat",
+      "Documented?": "",
+      "Feature": "Message in real-time, unattached to a specific design. Control who can pariticpate in the discussion.",
+      "Function": "Message in real-time",
+      "Pricing page?": "X",
+      "Subscription Tier": "Enterprise",
+      "Tech": "Kanvas",
+      "Theme (also: Keychain Name)": "Collaboration"
+    }
+  },
+  {
+    "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": "Kanvas",
+      "Theme (also: Keychain Name)": "Collaboration"
+    }
+  },
+  {
+    "pricing_page": "true",
+    "entire_row": {
+      "Category": "Organization and Team Management",
+      "Documented?": "",
+      "Feature": "Manage access to designs on a team-by-team, or individual user, basis.",
+      "Function": "Manage access to designs",
+      "Pricing page?": "X",
+      "Subscription Tier": "Enterprise",
+      "Tech": "Kanvas",
+      "Theme (also: Keychain Name)": "Collaboration"
+    }
+  },
+  {
+    "pricing_page": "true",
+    "entire_row": {
+      "Category": "Built-in Roles",
+      "Documented?": "",
+      "Feature": "Static - out of the box",
+      "Function": "Built-in Roles",
+      "Pricing page?": "X",
+      "Subscription Tier": "Enterprise",
+      "Tech": "Cloud",
+      "Theme (also: Keychain Name)": "Identity \u0026 Access Management"
+    }
+  },
+  {
+    "pricing_page": "true",
+    "entire_row": {
+      "Category": "User-defined Roles",
+      "Documented?": "",
+      "Feature": "Customizable roles for specific permission assignments",
+      "Function": "User-defined Roles",
+      "Pricing page?": "X",
+      "Subscription Tier": "Enterprise",
+      "Tech": "Cloud",
+      "Theme (also: Keychain Name)": "Identity \u0026 Access Management"
+    }
+  },
+  {
+    "pricing_page": "true",
+    "entire_row": {
+      "Category": "Authentication: LDAP",
+      "Documented?": "",
+      "Feature": "Access Meshery Server using your existing accounts and centrally manage repository access.",
+      "Function": "Authentication: LDAP",
+      "Pricing page?": "X",
+      "Subscription Tier": "Enterprise",
+      "Tech": "Cloud",
+      "Theme (also: Keychain Name)": "Identity \u0026 Access Management"
+    }
+  },
+  {
+    "pricing_page": "true",
+    "entire_row": {
+      "Category": "Authentication: SAML",
+      "Documented?": "",
+      "Feature": "Use an identity provider to manage the identities of GitHub users and applications.",
+      "Function": "Authentication: SAML",
+      "Pricing page?": "X",
+      "Subscription Tier": "Enterprise",
+      "Tech": "Cloud",
+      "Theme (also: Keychain Name)": "Identity \u0026 Access Management"
+    }
+  },
+  {
+    "documentation": "https://docs.layer5.io/cloud/identity/users/user-management/#add-user-remove-user",
+    "entire_row": {
+      "Category": "Users",
+      "Documented?": "https://docs.layer5.io/cloud/identity/users/user-management/#add-user-remove-user",
+      "Feature": "Delete a user account",
+      "Function": "Delete User",
+      "Pricing page?": "",
+      "Subscription Tier": "Team",
+      "Tech": "",
+      "Theme (also: Keychain Name)": "Identity \u0026 Access Management"
+    }
+  },
+  {
+    "documentation": "https://docs.layer5.io/cloud/identity/users/user-management/#create-user",
+    "entire_row": {
+      "Category": "Users",
+      "Documented?": "https://docs.layer5.io/cloud/identity/users/user-management/#create-user",
+      "Feature": "Create a new user",
+      "Function": "Create User",
+      "Pricing page?": "",
+      "Subscription Tier": "",
+      "Tech": "",
+      "Theme (also: Keychain Name)": "Identity \u0026 Access Management"
+    }
+  },
+  {
+    "documentation": "https://docs.layer5.io/cloud/identity/teams/",
+    "entire_row": {
+      "Category": "Teams",
+      "Documented?": "https://docs.layer5.io/cloud/identity/teams/",
+      "Feature": "Directly create a new user account within a team.",
+      "Function": "Add User to Team",
+      "Pricing page?": "",
+      "Subscription Tier": "Team",
+      "Tech": "Cloud",
+      "Theme (also: Keychain Name)": "Identity \u0026 Access Management"
+    }
+  },
+  {
+    "documentation": "https://docs.layer5.io/cloud/identity/organizations/",
+    "entire_row": {
+      "Category": "Organizations",
+      "Documented?": "https://docs.layer5.io/cloud/identity/organizations/",
+      "Feature": "Establish new organization for organizing teams, users, and resource access.",
+      "Function": "Create Organization",
+      "Pricing page?": "",
+      "Subscription Tier": "Enterprise",
+      "Tech": "Cloud",
+      "Theme (also: Keychain Name)": "Identity \u0026 Access Management"
+    }
+  },
+  {
+    "pricing_page": "true",
+    "entire_row": {
+      "Category": "Dry-run",
+      "Documented?": "",
+      "Feature": "Test and verify configuration changes in a separate environment.",
+      "Function": "Dry-run",
+      "Pricing page?": "X",
+      "Subscription Tier": "Team",
+      "Tech": "Server",
+      "Theme (also: Keychain Name)": "Lifecycle Management"
+    }
+  },
+  {
+    "pricing_page": "true",
+    "entire_row": {
+      "Category": "Multiple Kubernetes Clusters",
+      "Documented?": "",
+      "Feature": "Ongoing synchronization of Kubernetes configuration, workloads and service mesh changes across any number of Kubernetes clusters.",
+      "Function": "Multiple Kubernetes Clusters",
+      "Pricing page?": "X",
+      "Subscription Tier": "Free",
+      "Tech": "Server",
+      "Theme (also: Keychain Name)": "Lifecycle Management"
+    }
+  },
+  {
+    "pricing_page": "true",
+    "entire_row": {
+      "Category": "mesheryctl",
+      "Documented?": "",
+      "Feature": "Seamlessly manage your configurations, deployments, and interactions through our intuitive and powerful command-line interface",
+      "Function": "all mesheryctl commands",
+      "Pricing page?": "X",
+      "Subscription Tier": "Free",
+      "Tech": "Golang",
+      "Theme (also: Keychain Name)": "Meshery System"
+    }
+  },
+  {
+    "documentation": "https://docs.layer5.io/cloud/catalog/metrics/",
+    "entire_row": {
+      "Category": "Settings",
+      "Documented?": "https://docs.layer5.io/cloud/catalog/metrics/",
+      "Feature": "View already configured metrics",
+      "Function": "View Metrics",
+      "Pricing page?": "",
+      "Subscription Tier": "Free",
+      "Tech": "Server",
+      "Theme (also: Keychain Name)": "Meshery System"
+    }
+  },
+  {
+    "pricing_page": "true",
+    "entire_row": {
+      "Category": "Service Performance",
+      "Documented?": "",
+      "Feature": "Continuous visibility across all of your clusters and workloads.",
+      "Function": "Service Performance",
+      "Pricing page?": "X",
+      "Subscription Tier": "Free",
+      "Tech": "Kanvas",
+      "Theme (also: Keychain Name)": "Kanvas"
+    }
+  },
+  {
+    "documentation": "https://docs.layer5.io/kanvas/concepts/relationships/#2-hierarchical-relationships",
+    "entire_row": {
+      "Category": "Design Patterns",
+      "Documented?": "https://docs.layer5.io/kanvas/concepts/relationships/#2-hierarchical-relationships",
+      "Feature": "",
+      "Function": "Use heirarchical relationships",
+      "Pricing page?": "",
+      "Subscription Tier": "Free",
+      "Tech": "Kanvas",
+      "Theme (also: Keychain Name)": "Kanvas"
+    }
+  },
+  {
+    "pricing_page": "true",
+    "entire_row": {
+      "Category": "Design Patterns",
+      "Documented?": "",
+      "Feature": "This permission grants the user the ability to undo/redo any action in done in Kanvas",
+      "Function": "Undo or Redo",
+      "Pricing page?": "X",
+      "Subscription Tier": "Team",
+      "Tech": "Kanvas",
+      "Theme (also: Keychain Name)": "Kanvas"
+    }
+  },
+  {
+    "pricing_page": "true",
+    "documentation": "https://docs.layer5.io/kanvas/designer/whiteboarding/",
+    "entire_row": {
+      "Category": "Design Patterns",
+      "Documented?": "https://docs.layer5.io/kanvas/designer/whiteboarding/",
+      "Feature": "Ability to freeform draw any shapes, draw edges",
+      "Function": "Whiteboarding",
+      "Pricing page?": "X",
+      "Subscription Tier": "Free",
+      "Tech": "Kanvas",
+      "Theme (also: Keychain Name)": "Kanvas"
+    }
+  },
+  {
+    "pricing_page": "true",
+    "entire_row": {
+      "Category": "Visual Design",
+      "Documented?": "",
+      "Feature": "Drag-n-drop cloud native infrastructure designer to configure, model, and deploy your workloads",
+      "Function": "Visual Design",
+      "Pricing page?": "X",
+      "Subscription Tier": "Free",
+      "Tech": "Kanvas",
+      "Theme (also: Keychain Name)": "Kanvas"
+    }
+  },
+  {
+    "documentation": "https://docs.layer5.io/kanvas/visualizer/visualizer-views/",
+    "entire_row": {
+      "Category": "Visualizer",
+      "Documented?": "https://docs.layer5.io/kanvas/visualizer/visualizer-views/",
+      "Feature": "See all views withing a workspace",
+      "Function": "View Views",
+      "Pricing page?": "",
+      "Subscription Tier": "Team",
+      "Tech": "Server",
+      "Theme (also: Keychain Name)": "MeshMap"
+    }
+  },
+  {
+    "documentation": "https://docs.layer5.io/kanvas/visualizer/visualizer-views/#4-delete-a-view",
+    "entire_row": {
+      "Category": "Visualizer",
+      "Documented?": "https://docs.layer5.io/kanvas/visualizer/visualizer-views/#4-delete-a-view",
+      "Feature": "Dissolve environment and all connection memberships. Leave associated resources intact.",
+      "Function": "Delete View",
+      "Pricing page?": "",
+      "Subscription Tier": "Team",
+      "Tech": "Server",
+      "Theme (also: Keychain Name)": "MeshMap"
+    }
+  },
+  {
+    "documentation": "https://docs.layer5.io/kanvas/visualizer/visualizer-views/#5-export-a-view",
+    "entire_row": {
+      "Category": "Visualizer",
+      "Documented?": "https://docs.layer5.io/kanvas/visualizer/visualizer-views/#5-export-a-view",
+      "Feature": "Export views to JSON format",
+      "Function": "Export views",
+      "Pricing page?": "",
+      "Subscription Tier": "Team",
+      "Tech": "Server",
+      "Theme (also: Keychain Name)": "MeshMap"
+    }
+  },
+  {
+    "documentation": "https://docs.layer5.io/kanvas/visualizer/visualizer-views/#3-share-a-view",
+    "entire_row": {
+      "Category": "Visualizer",
+      "Documented?": "https://docs.layer5.io/kanvas/visualizer/visualizer-views/#3-share-a-view",
+      "Feature": "Share Views",
+      "Function": "Share Views",
+      "Pricing page?": "",
+      "Subscription Tier": "Team",
+      "Tech": "Kanvas",
+      "Theme (also: Keychain Name)": "Kanvas"
+    }
+  },
+  {
+    "pricing_page": "true",
+    "entire_row": {
+      "Category": "Load Generation",
+      "Documented?": "",
+      "Feature": "Single Load Generator: Support testing multiple endpoints simultaneously.",
+      "Function": "Load Generation",
+      "Pricing page?": "X",
+      "Subscription Tier": "Free",
+      "Tech": "Server",
+      "Theme (also: Keychain Name)": "Performance Management"
+    }
+  },
+  {
+    "pricing_page": "true",
+    "entire_row": {
+      "Category": "Load Generation",
+      "Documented?": "",
+      "Feature": "Multiple Meshery Servers or Meshery Adapters generating load, collecting and coalescing results into a single report.",
+      "Function": "Distributed Load Generator",
+      "Pricing page?": "X",
+      "Subscription Tier": "Team",
+      "Tech": "GetNighthawk",
+      "Theme (also: Keychain Name)": "Performance Management"
+    }
+  },
+  {
+    "pricing_page": "true",
+    "entire_row": {
+      "Category": "Performance Profiles",
+      "Documented?": "",
+      "Feature": "Share performance profiles and test results with individual users or teams.",
+      "Function": "Performance Profiles",
+      "Pricing page?": "X",
+      "Subscription Tier": "Team",
+      "Tech": "Cloud",
+      "Theme (also: Keychain Name)": "Performance Management"
+    }
+  },
+  {
+    "pricing_page": "true",
+    "entire_row": {
+      "Category": "Comparative Testing",
+      "Documented?": "",
+      "Feature": "Historical views: Infrastructure-centric",
+      "Function": "Comparative Testing",
+      "Pricing page?": "X",
+      "Subscription Tier": "Free",
+      "Tech": "Server",
+      "Theme (also: Keychain Name)": "Performance Management"
+    }
+  },
+  {
+    "pricing_page": "true",
+    "entire_row": {
+      "Category": "Comparative Testing",
+      "Documented?": "",
+      "Feature": "Detect real-time anomalies.",
+      "Function": "Comparative Testing",
+      "Pricing page?": "X",
+      "Subscription Tier": "Team",
+      "Tech": "Cloud",
+      "Theme (also: Keychain Name)": "Performance Management"
+    }
+  },
+  {
+    "pricing_page": "true",
+    "entire_row": {
+      "Category": "Continuous Quality of Service Monitoring",
+      "Documented?": "",
+      "Feature": "Experience uninterrupted oversight of your service quality with our Continuous Quality of Service Monitoring.",
+      "Function": "Continuous Quality of Service Monitoring",
+      "Pricing page?": "X",
+      "Subscription Tier": "Free",
+      "Tech": "Server",
+      "Theme (also: Keychain Name)": "Performance Management"
+    }
+  },
+  {
+    "pricing_page": "true",
+    "entire_row": {
+      "Category": "MeshMark",
+      "Documented?": "",
+      "Feature": "Identify the cost of a specific network function.",
+      "Function": "MeshMark",
+      "Pricing page?": "X",
+      "Subscription Tier": "Free",
+      "Tech": "Server",
+      "Theme (also: Keychain Name)": "Performance Management"
+    }
+  },
+  {
+    "documentation": "https://docs.layer5.io/cloud/security/sessions/#what-sessions-are",
+    "entire_row": {
+      "Category": "Sessions",
+      "Documented?": "https://docs.layer5.io/cloud/security/sessions/#what-sessions-are",
+      "Feature": "",
+      "Function": "View Sessions",
+      "Pricing page?": "",
+      "Subscription Tier": "",
+      "Tech": "",
+      "Theme (also: Keychain Name)": "Security Management"
+    }
+  },
+  {
+    "documentation": "https://docs.layer5.io/cloud/security/tokens/#creating-tokens",
+    "entire_row": {
+      "Category": "Tokens",
+      "Documented?": "https://docs.layer5.io/cloud/security/tokens/#creating-tokens",
+      "Feature": "",
+      "Function": "Create Token",
+      "Pricing page?": "",
+      "Subscription Tier": "",
+      "Tech": "",
+      "Theme (also: Keychain Name)": "Security Management"
+    }
+  },
+  {
+    "documentation": "https://docs.layer5.io/cloud/security/keys/",
+    "entire_row": {
+      "Category": "Keys",
+      "Documented?": "https://docs.layer5.io/cloud/security/keys/",
+      "Feature": "",
+      "Function": "View Keys",
+      "Pricing page?": "",
+      "Subscription Tier": "",
+      "Tech": "",
+      "Theme (also: Keychain Name)": "Security Management"
+    }
+  },
+  {
+    "documentation": "https://docs.layer5.io/cloud/spaces/workspaces/",
+    "entire_row": {
+      "Category": "Workspace",
+      "Documented?": "https://docs.layer5.io/cloud/spaces/workspaces/",
+      "Feature": "See all workspaces within an organisation",
+      "Function": "View Workspace",
+      "Pricing page?": "",
+      "Subscription Tier": "Enterprise",
+      "Tech": "",
+      "Theme (also: Keychain Name)": "Workspace Management"
+    }
+  },
+  {
+    "documentation": "https://docs.layer5.io/cloud/spaces/environments/#deleting-an-environment",
+    "entire_row": {
+      "Category": "Environments",
+      "Documented?": "https://docs.layer5.io/cloud/spaces/environments/#deleting-an-environment",
+      "Feature": "Dissolve environment and all connection memberships. Leave associated resources intact.",
+      "Function": "Delete Environment",
+      "Pricing page?": "",
+      "Subscription Tier": "Enterprise",
+      "Tech": "",
+      "Theme (also: Keychain Name)": "Workspace Management"
+    }
+  },
+  {
+    "documentation": "https://docs.layer5.io/cloud/getting-started/creating-a-design-from-templete.md/",
+    "entire_row": {
+      "Category": "Catalog",
+      "Documented?": "https://docs.layer5.io/cloud/getting-started/creating-a-design-from-templete.md/",
+      "Feature": "Clone any item from catalog",
+      "Function": "Clone Catalog Item",
+      "Pricing page?": "",
+      "Subscription Tier": "",
+      "Tech": "",
+      "Theme (also: Keychain Name)": "Catalog Management"
+    }
+  },
+  {
+    "pricing_page": "true",
+    "documentation": "https://docs.layer5.io/cloud/getting-started/support/#contacting-support",
+    "entire_row": {
+      "Category": "Community Support",
+      "Documented?": "https://docs.layer5.io/cloud/getting-started/support/#contacting-support",
+      "Feature": "Get help with most of your Meshery questions and issues in our Community Forum.",
+      "Function": "Community Support",
+      "Pricing page?": "X",
+      "Subscription Tier": "Free",
+      "Tech": "",
+      "Theme (also: Keychain Name)": "Support and Deployment"
+    }
+  },
+  {
+    "pricing_page": "true",
+    "entire_row": {
+      "Category": "Standard Support",
+      "Documented?": "",
+      "Feature": "Layer5 Support can help you troubleshoot issues you run into while using Meshery. Get support via the web.",
+      "Function": "Standard Support",
+      "Pricing page?": "X",
+      "Subscription Tier": "Team",
+      "Tech": "",
+      "Theme (also: Keychain Name)": "Support and Deployment"
+    }
+  },
+  {
+    "pricing_page": "true",
+    "entire_row": {
+      "Category": "Premium and Premium Plus Support",
+      "Documented?": "",
+      "Feature": "With Premium, get a 30-minute SLA and 24/7 web and phone support. With Premium Plus, get everything in Premium plus your own Support Account Manager and more.",
+      "Function": "Premium and Premium Plus Support",
+      "Pricing page?": "X",
+      "Subscription Tier": "Enterprise",
+      "Tech": "",
+      "Theme (also: Keychain Name)": "Support and Deployment"
+    }
+  },
+  {
+    "pricing_page": "true",
+    "entire_row": {
+      "Category": "Self-hosted Deployment",
+      "Documented?": "",
+      "Feature": "Self-hosted Meshery Cloud for on-prem appliances or self-managed cloud tenants.",
+      "Function": "Self-hosted Deployment",
+      "Pricing page?": "X",
+      "Subscription Tier": "Enterprise",
+      "Tech": "",
+      "Theme (also: Keychain Name)": "Support and Deployment"
+    }
+  },
+  {
+    "pricing_page": "true",
+    "entire_row": {
+      "Category": "Phone Support",
+      "Documented?": "",
+      "Feature": "Layer5 Support can help you troubleshoot issues you run into while using Meshery. Get support via phone.",
+      "Function": "Phone Support",
+      "Pricing page?": "X",
+      "Subscription Tier": "Enterprise",
+      "Tech": "",
+      "Theme (also: Keychain Name)": "Support and Deployment"
+    }
+  },
+  {
+    "pricing_page": "true",
+    "entire_row": {
+      "Category": "Serverless Pricing",
+      "Documented?": "",
+      "Feature": "Subscription plan management. Transformation of workflow pricing model.",
+      "Function": "Serverless Pricing",
+      "Pricing page?": "X",
+      "Subscription Tier": "Enterprise",
+      "Tech": "WASM",
+      "Theme (also: Keychain Name)": "Business Performance"
+    }
+  },
+  {
+    "pricing_page": "true",
+    "entire_row": {
+      "Category": "Screenshots",
+      "Documented?": "",
+      "Feature": "Capture and share visual snapshots of your work with ease using our Screenshots feature.",
+      "Function": "Screenshots",
+      "Pricing page?": "X",
+      "Subscription Tier": "Free",
+      "Tech": "WASM",
+      "Theme (also: Keychain Name)": "Digital Experience Management"
+    }
+  },
+  {
+    "documentation": "https://docs.layer5.io/cloud/identity/users/notification-preferences/",
+    "entire_row": {
+      "Category": "Notification Center",
+      "Documented?": "https://docs.layer5.io/cloud/identity/users/notification-preferences/",
+      "Feature": "",
+      "Function": "Events: Reporting of asynchronous events.",
+      "Pricing page?": "",
+      "Subscription Tier": "Free",
+      "Tech": "Server",
+      "Theme (also: Keychain Name)": "Incident Management"
+    }
+  },
+  {
+    "pricing_page": "true",
+    "entire_row": {
+      "Category": "Notification Center",
+      "Documented?": "",
+      "Feature": "Consolidate all important updates, alerts, and messages in one centralized hub, ensuring you never miss a critical communication or task.",
+      "Function": "Notification Center",
+      "Pricing page?": "X",
+      "Subscription Tier": "Free",
+      "Tech": "Server",
+      "Theme (also: Keychain Name)": "Incident Management"
+    }
+  },
+  {
+    "pricing_page": "true",
+    "entire_row": {
+      "Category": "Audit Trail",
+      "Documented?": "",
+      "Feature": "Detailed accounting of user activity. Historical record or each action taken.",
+      "Function": "Audit Trail",
+      "Pricing page?": "X",
+      "Subscription Tier": "Free",
+      "Tech": "",
+      "Theme (also: Keychain Name)": "Incident Management"
+    }
+  },
+  {
+    "pricing_page": "true",
+    "entire_row": {
+      "Category": "Alert Generation",
+      "Documented?": "",
+      "Feature": "Dismiss individual; Dismiss bulk.",
+      "Function": "Alert Generation",
+      "Pricing page?": "X",
+      "Subscription Tier": "Free",
+      "Tech": "Server UI",
+      "Theme (also: Keychain Name)": "Incident Management"
+    }
+  },
+  {
+    "pricing_page": "true",
+    "entire_row": {
+      "Category": "Calendaring",
+      "Documented?": "",
+      "Feature": "Get integration with GSuite and integration with Microsoft Outlook.",
+      "Function": "Calendaring",
+      "Pricing page?": "X",
+      "Subscription Tier": "Team",
+      "Tech": "Golang",
+      "Theme (also: Keychain Name)": "Incident Management"
+    }
+  },
+  {
+    "pricing_page": "true",
+    "entire_row": {
+      "Category": "Traffic Replay",
+      "Documented?": "",
+      "Feature": "Visual event replay in MeshMap",
+      "Function": "Traffic Replay",
+      "Pricing page?": "X",
+      "Subscription Tier": "Enterprise",
+      "Tech": "Postgres",
+      "Theme (also: Keychain Name)": "Incident Management"
+    }
+  },
+  {
+    "pricing_page": "true",
+    "entire_row": {
+      "Category": "Notification Integrations",
+      "Documented?": "",
+      "Feature": "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.",
+      "Function": "Notification Integrations",
+      "Pricing page?": "X",
+      "Subscription Tier": "Enterprise",
+      "Tech": "Cloud",
+      "Theme (also: Keychain Name)": "Incident Management"
+    }
+  }
+]
\ No newline at end of file
diff --git a/package-lock.json b/package-lock.json
index 54426d7a5db9..36db5793f931 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -2345,6 +2345,7 @@
       "version": "2.1.4",
       "resolved": "https://registry.npmjs.org/@eslint/eslintrc/-/eslintrc-2.1.4.tgz",
       "integrity": "sha512-269Z39MS6wVJtsoUl10L60WdkhJVdPG24Q4eZTH3nnF6lpvSShEK3wQjDX9JRWAUPvPh7COouPpU9IrqaZFvtQ==",
+      "dev": true,
       "dependencies": {
         "ajv": "^6.12.4",
         "debug": "^4.3.2",
@@ -2367,6 +2368,7 @@
       "version": "6.12.6",
       "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.12.6.tgz",
       "integrity": "sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==",
+      "dev": true,
       "dependencies": {
         "fast-deep-equal": "^3.1.1",
         "fast-json-stable-stringify": "^2.0.0",
@@ -2382,6 +2384,7 @@
       "version": "13.24.0",
       "resolved": "https://registry.npmjs.org/globals/-/globals-13.24.0.tgz",
       "integrity": "sha512-AhO5QUcj8llrbG09iWhPU2B204J1xnPeL8kQmVorSsy+Sjj1sk8gIyh6cUocGmH4L0UuhAJy+hJMRA4mgA4mFQ==",
+      "dev": true,
       "dependencies": {
         "type-fest": "^0.20.2"
       },
@@ -2395,12 +2398,14 @@
     "node_modules/@eslint/eslintrc/node_modules/json-schema-traverse": {
       "version": "0.4.1",
       "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz",
-      "integrity": "sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg=="
+      "integrity": "sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==",
+      "dev": true
     },
     "node_modules/@eslint/js": {
       "version": "8.57.1",
       "resolved": "https://registry.npmjs.org/@eslint/js/-/js-8.57.1.tgz",
       "integrity": "sha512-d9zaMRSTIKDLhctzH12MtXvJKSSUhaHcjV+2Z+GK+EEY7XKpP5yR4x+N3TAcHTcu963nIr+TMcCb4DBCYX1z6Q==",
+      "dev": true,
       "engines": {
         "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
       }
@@ -2989,6 +2994,7 @@
       "resolved": "https://registry.npmjs.org/@humanwhocodes/config-array/-/config-array-0.13.0.tgz",
       "integrity": "sha512-DZLEEqFWQFiyK6h5YIeynKx7JlvCYWL0cImfSRXZ9l4Sg2efkFGTuFf6vzXjK1cq6IYkU+Eg/JizXw+TD2vRNw==",
       "deprecated": "Use @eslint/config-array instead",
+      "dev": true,
       "dependencies": {
         "@humanwhocodes/object-schema": "^2.0.3",
         "debug": "^4.3.1",
@@ -3002,6 +3008,7 @@
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/@humanwhocodes/module-importer/-/module-importer-1.0.1.tgz",
       "integrity": "sha512-bxveV4V8v5Yb4ncFTT3rPSgZBOpCkjfK0y4oVVVJwIuDVBRMDXrPyXRL988i5ap9m9bnyEEjWfm5WkBmtffLfA==",
+      "dev": true,
       "engines": {
         "node": ">=12.22"
       },
@@ -3014,7 +3021,8 @@
       "version": "2.0.3",
       "resolved": "https://registry.npmjs.org/@humanwhocodes/object-schema/-/object-schema-2.0.3.tgz",
       "integrity": "sha512-93zYdMES/c1D69yZiKDBj0V24vqNzB/koF26KPaagAfd3P/4gUlh3Dys5ogAK+Exi9QyzlD8x/08Zt7wIKcDcA==",
-      "deprecated": "Use @eslint/object-schema instead"
+      "deprecated": "Use @eslint/object-schema instead",
+      "dev": true
     },
     "node_modules/@img/sharp-darwin-arm64": {
       "version": "0.33.5",
@@ -6174,136 +6182,6 @@
       "resolved": "https://registry.npmjs.org/@types/yoga-layout/-/yoga-layout-1.9.2.tgz",
       "integrity": "sha512-S9q47ByT2pPvD65IvrWp7qppVMpk9WGMbVq9wbWZOHg6tnXSD4vyhao6nOSBwwfDdV2p3Kx9evA9vI+XWTfDvw=="
     },
-    "node_modules/@typescript-eslint/eslint-plugin": {
-      "version": "4.33.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-4.33.0.tgz",
-      "integrity": "sha512-aINiAxGVdOl1eJyVjaWn/YcVAq4Gi/Yo35qHGCnqbWVz61g39D0h23veY/MA0rFFGfxK7TySg2uwDeNv+JgVpg==",
-      "peer": true,
-      "dependencies": {
-        "@typescript-eslint/experimental-utils": "4.33.0",
-        "@typescript-eslint/scope-manager": "4.33.0",
-        "debug": "^4.3.1",
-        "functional-red-black-tree": "^1.0.1",
-        "ignore": "^5.1.8",
-        "regexpp": "^3.1.0",
-        "semver": "^7.3.5",
-        "tsutils": "^3.21.0"
-      },
-      "engines": {
-        "node": "^10.12.0 || >=12.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/typescript-eslint"
-      },
-      "peerDependencies": {
-        "@typescript-eslint/parser": "^4.0.0",
-        "eslint": "^5.0.0 || ^6.0.0 || ^7.0.0"
-      },
-      "peerDependenciesMeta": {
-        "typescript": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@typescript-eslint/eslint-plugin/node_modules/semver": {
-      "version": "7.6.3",
-      "resolved": "https://registry.npmjs.org/semver/-/semver-7.6.3.tgz",
-      "integrity": "sha512-oVekP1cKtI+CTDvHWYFUcMtsK/00wmAEfyqKfNdARm8u1wNVhSgaX7A8d4UuIlUI5e84iEwOhs7ZPYRmzU9U6A==",
-      "peer": true,
-      "bin": {
-        "semver": "bin/semver.js"
-      },
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/@typescript-eslint/experimental-utils": {
-      "version": "4.33.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/experimental-utils/-/experimental-utils-4.33.0.tgz",
-      "integrity": "sha512-zeQjOoES5JFjTnAhI5QY7ZviczMzDptls15GFsI6jyUOq0kOf9+WonkhtlIhh0RgHRnqj5gdNxW5j1EvAyYg6Q==",
-      "peer": true,
-      "dependencies": {
-        "@types/json-schema": "^7.0.7",
-        "@typescript-eslint/scope-manager": "4.33.0",
-        "@typescript-eslint/types": "4.33.0",
-        "@typescript-eslint/typescript-estree": "4.33.0",
-        "eslint-scope": "^5.1.1",
-        "eslint-utils": "^3.0.0"
-      },
-      "engines": {
-        "node": "^10.12.0 || >=12.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/typescript-eslint"
-      },
-      "peerDependencies": {
-        "eslint": "*"
-      }
-    },
-    "node_modules/@typescript-eslint/experimental-utils/node_modules/eslint-utils": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/eslint-utils/-/eslint-utils-3.0.0.tgz",
-      "integrity": "sha512-uuQC43IGctw68pJA1RgbQS8/NP7rch6Cwd4j3ZBtgo4/8Flj4eGE7ZYSZRN3iq5pVUv6GPdW5Z1RFleo84uLDA==",
-      "peer": true,
-      "dependencies": {
-        "eslint-visitor-keys": "^2.0.0"
-      },
-      "engines": {
-        "node": "^10.0.0 || ^12.0.0 || >= 14.0.0"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/mysticatea"
-      },
-      "peerDependencies": {
-        "eslint": ">=5"
-      }
-    },
-    "node_modules/@typescript-eslint/parser": {
-      "version": "4.33.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-4.33.0.tgz",
-      "integrity": "sha512-ZohdsbXadjGBSK0/r+d87X0SBmKzOq4/S5nzK6SBgJspFo9/CUDJ7hjayuze+JK7CZQLDMroqytp7pOcFKTxZA==",
-      "peer": true,
-      "dependencies": {
-        "@typescript-eslint/scope-manager": "4.33.0",
-        "@typescript-eslint/types": "4.33.0",
-        "@typescript-eslint/typescript-estree": "4.33.0",
-        "debug": "^4.3.1"
-      },
-      "engines": {
-        "node": "^10.12.0 || >=12.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/typescript-eslint"
-      },
-      "peerDependencies": {
-        "eslint": "^5.0.0 || ^6.0.0 || ^7.0.0"
-      },
-      "peerDependenciesMeta": {
-        "typescript": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@typescript-eslint/scope-manager": {
-      "version": "4.33.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-4.33.0.tgz",
-      "integrity": "sha512-5IfJHpgTsTZuONKbODctL4kKuQje/bzBRkwHE8UOZ4f89Zeddg+EGZs8PD8NcN4LdM3ygHWYB3ukPAYjvl/qbQ==",
-      "peer": true,
-      "dependencies": {
-        "@typescript-eslint/types": "4.33.0",
-        "@typescript-eslint/visitor-keys": "4.33.0"
-      },
-      "engines": {
-        "node": "^8.10.0 || ^10.13.0 || >=11.10.1"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/typescript-eslint"
-      }
-    },
     "node_modules/@typescript-eslint/type-utils": {
       "version": "5.62.0",
       "resolved": "https://registry.npmjs.org/@typescript-eslint/type-utils/-/type-utils-5.62.0.tgz",
@@ -6406,58 +6284,6 @@
         "node": ">=10"
       }
     },
-    "node_modules/@typescript-eslint/types": {
-      "version": "4.33.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-4.33.0.tgz",
-      "integrity": "sha512-zKp7CjQzLQImXEpLt2BUw1tvOMPfNoTAfb8l51evhYbOEEzdWyQNmHWWGPR6hwKJDAi+1VXSBmnhL9kyVTTOuQ==",
-      "peer": true,
-      "engines": {
-        "node": "^8.10.0 || ^10.13.0 || >=11.10.1"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/typescript-eslint"
-      }
-    },
-    "node_modules/@typescript-eslint/typescript-estree": {
-      "version": "4.33.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-4.33.0.tgz",
-      "integrity": "sha512-rkWRY1MPFzjwnEVHsxGemDzqqddw2QbTJlICPD9p9I9LfsO8fdmfQPOX3uKfUaGRDFJbfrtm/sXhVXN4E+bzCA==",
-      "peer": true,
-      "dependencies": {
-        "@typescript-eslint/types": "4.33.0",
-        "@typescript-eslint/visitor-keys": "4.33.0",
-        "debug": "^4.3.1",
-        "globby": "^11.0.3",
-        "is-glob": "^4.0.1",
-        "semver": "^7.3.5",
-        "tsutils": "^3.21.0"
-      },
-      "engines": {
-        "node": "^10.12.0 || >=12.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/typescript-eslint"
-      },
-      "peerDependenciesMeta": {
-        "typescript": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@typescript-eslint/typescript-estree/node_modules/semver": {
-      "version": "7.6.3",
-      "resolved": "https://registry.npmjs.org/semver/-/semver-7.6.3.tgz",
-      "integrity": "sha512-oVekP1cKtI+CTDvHWYFUcMtsK/00wmAEfyqKfNdARm8u1wNVhSgaX7A8d4UuIlUI5e84iEwOhs7ZPYRmzU9U6A==",
-      "peer": true,
-      "bin": {
-        "semver": "bin/semver.js"
-      },
-      "engines": {
-        "node": ">=10"
-      }
-    },
     "node_modules/@typescript-eslint/utils": {
       "version": "5.62.0",
       "resolved": "https://registry.npmjs.org/@typescript-eslint/utils/-/utils-5.62.0.tgz",
@@ -6575,27 +6401,11 @@
         "node": ">=10"
       }
     },
-    "node_modules/@typescript-eslint/visitor-keys": {
-      "version": "4.33.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-4.33.0.tgz",
-      "integrity": "sha512-uqi/2aSz9g2ftcHWf8uLPJA70rUv6yuMW5Bohw+bwcuzaxQIHaKFZCKGoGXIrc9vkTJ3+0txM73K0Hq3d5wgIg==",
-      "peer": true,
-      "dependencies": {
-        "@typescript-eslint/types": "4.33.0",
-        "eslint-visitor-keys": "^2.0.0"
-      },
-      "engines": {
-        "node": "^8.10.0 || ^10.13.0 || >=11.10.1"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/typescript-eslint"
-      }
-    },
     "node_modules/@ungap/structured-clone": {
       "version": "1.2.0",
       "resolved": "https://registry.npmjs.org/@ungap/structured-clone/-/structured-clone-1.2.0.tgz",
-      "integrity": "sha512-zuVdFrMJiuCDQUMCzQaD6KL28MjnqqN8XnAqiEq9PNm/hCPTSGfrXCOfwj1ow4LFb/tNymJPwsNbVePc1xFqrQ=="
+      "integrity": "sha512-zuVdFrMJiuCDQUMCzQaD6KL28MjnqqN8XnAqiEq9PNm/hCPTSGfrXCOfwj1ow4LFb/tNymJPwsNbVePc1xFqrQ==",
+      "dev": true
     },
     "node_modules/@vercel/webpack-asset-relocator-loader": {
       "version": "1.7.3",
@@ -6785,25 +6595,6 @@
       "resolved": "https://registry.npmjs.org/@xobotyi/scrollbar-width/-/scrollbar-width-1.9.5.tgz",
       "integrity": "sha512-N8tkAACJx2ww8vFMneJmaAgmjAG1tnVBZJRLRcx061tmsLRZHSEZSLuGWnwPtunsSLvSqXQ2wfp7Mgqg1I+2dQ=="
     },
-    "node_modules/@xstate/react": {
-      "version": "4.1.3",
-      "resolved": "https://registry.npmjs.org/@xstate/react/-/react-4.1.3.tgz",
-      "integrity": "sha512-zhE+ZfrcCR87bu71Rkh5Z5ruZBivR/7uD/dkelzJqjQdI45IZc9DqTI8lL4Cg5+VN2p5k86KxDsusqW1kW11Tg==",
-      "peer": true,
-      "dependencies": {
-        "use-isomorphic-layout-effect": "^1.1.2",
-        "use-sync-external-store": "^1.2.0"
-      },
-      "peerDependencies": {
-        "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
-        "xstate": "^5.18.2"
-      },
-      "peerDependenciesMeta": {
-        "xstate": {
-          "optional": true
-        }
-      }
-    },
     "node_modules/@xtuc/ieee754": {
       "version": "1.2.0",
       "resolved": "https://registry.npmjs.org/@xtuc/ieee754/-/ieee754-1.2.0.tgz",
@@ -7451,36 +7242,6 @@
       "resolved": "https://registry.npmjs.org/b4a/-/b4a-1.6.7.tgz",
       "integrity": "sha512-OnAYlL5b7LEkALw87fUVafQw5rVR9RjwGd4KUwNQ6DrrNmaVaUCgLipfVlzrPQ4tWOR9P0IXGNOx50jYCCdSJg=="
     },
-    "node_modules/babel-eslint": {
-      "version": "10.1.0",
-      "resolved": "https://registry.npmjs.org/babel-eslint/-/babel-eslint-10.1.0.tgz",
-      "integrity": "sha512-ifWaTHQ0ce+448CYop8AdrQiBsGrnC+bMgfyKFdi6EsPLTAWG+QfyDeM6OH+FmWnKvEq5NnBMLvlBUPKQZoDSg==",
-      "deprecated": "babel-eslint is now @babel/eslint-parser. This package will no longer receive updates.",
-      "peer": true,
-      "dependencies": {
-        "@babel/code-frame": "^7.0.0",
-        "@babel/parser": "^7.7.0",
-        "@babel/traverse": "^7.7.0",
-        "@babel/types": "^7.7.0",
-        "eslint-visitor-keys": "^1.0.0",
-        "resolve": "^1.12.0"
-      },
-      "engines": {
-        "node": ">=6"
-      },
-      "peerDependencies": {
-        "eslint": ">= 4.12.1"
-      }
-    },
-    "node_modules/babel-eslint/node_modules/eslint-visitor-keys": {
-      "version": "1.3.0",
-      "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-1.3.0.tgz",
-      "integrity": "sha512-6J72N8UNa462wa/KFODt/PJ3IU60SDpC3QXC1Hjc1BXXpfL2C9R5+AU7jhe0F6GREqVMh4Juu+NY7xn+6dipUQ==",
-      "peer": true,
-      "engines": {
-        "node": ">=4"
-      }
-    },
     "node_modules/babel-jsx-utils": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/babel-jsx-utils/-/babel-jsx-utils-1.1.0.tgz",
@@ -11515,6 +11276,7 @@
       "version": "8.57.1",
       "resolved": "https://registry.npmjs.org/eslint/-/eslint-8.57.1.tgz",
       "integrity": "sha512-ypowyDxpVSYpkXr9WPv2PAZCtNip1Mv5KTW0SCurXv/9iOpcrH9PaqUElksqEB6pChqHGDRCFTyrZlGhnLNGiA==",
+      "dev": true,
       "dependencies": {
         "@eslint-community/eslint-utils": "^4.2.0",
         "@eslint-community/regexpp": "^4.6.1",
@@ -11960,6 +11722,7 @@
       "version": "6.12.6",
       "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.12.6.tgz",
       "integrity": "sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==",
+      "dev": true,
       "dependencies": {
         "fast-deep-equal": "^3.1.1",
         "fast-json-stable-stringify": "^2.0.0",
@@ -11975,6 +11738,7 @@
       "version": "4.3.0",
       "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
       "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+      "dev": true,
       "dependencies": {
         "color-convert": "^2.0.1"
       },
@@ -11989,6 +11753,7 @@
       "version": "4.1.2",
       "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
       "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
+      "dev": true,
       "dependencies": {
         "ansi-styles": "^4.1.0",
         "supports-color": "^7.1.0"
@@ -12004,6 +11769,7 @@
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
       "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
+      "dev": true,
       "dependencies": {
         "color-name": "~1.1.4"
       },
@@ -12014,12 +11780,14 @@
     "node_modules/eslint/node_modules/color-name": {
       "version": "1.1.4",
       "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
-      "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA=="
+      "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
+      "dev": true
     },
     "node_modules/eslint/node_modules/eslint-scope": {
       "version": "7.2.2",
       "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-7.2.2.tgz",
       "integrity": "sha512-dOt21O7lTMhDM+X9mB4GX+DZrZtCUJPL/wlcTqxyrx5IvO0IYtILdtrQGQp+8n5S0gwSVmOf9NQrjMOgfQZlIg==",
+      "dev": true,
       "dependencies": {
         "esrecurse": "^4.3.0",
         "estraverse": "^5.2.0"
@@ -12035,6 +11803,7 @@
       "version": "3.4.3",
       "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-3.4.3.tgz",
       "integrity": "sha512-wpc+LXeiyiisxPlEkUzU6svyS1frIO3Mgxj1fdy7Pm8Ygzguax2N3Fa/D/ag1WqbOprdI+uY6wMUl8/a2G+iag==",
+      "dev": true,
       "engines": {
         "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
       },
@@ -12046,6 +11815,7 @@
       "version": "6.0.2",
       "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-6.0.2.tgz",
       "integrity": "sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==",
+      "dev": true,
       "dependencies": {
         "is-glob": "^4.0.3"
       },
@@ -12057,6 +11827,7 @@
       "version": "13.24.0",
       "resolved": "https://registry.npmjs.org/globals/-/globals-13.24.0.tgz",
       "integrity": "sha512-AhO5QUcj8llrbG09iWhPU2B204J1xnPeL8kQmVorSsy+Sjj1sk8gIyh6cUocGmH4L0UuhAJy+hJMRA4mgA4mFQ==",
+      "dev": true,
       "dependencies": {
         "type-fest": "^0.20.2"
       },
@@ -12071,6 +11842,7 @@
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
       "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
+      "dev": true,
       "engines": {
         "node": ">=8"
       }
@@ -12078,12 +11850,14 @@
     "node_modules/eslint/node_modules/json-schema-traverse": {
       "version": "0.4.1",
       "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz",
-      "integrity": "sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg=="
+      "integrity": "sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==",
+      "dev": true
     },
     "node_modules/eslint/node_modules/supports-color": {
       "version": "7.2.0",
       "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
       "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
+      "dev": true,
       "dependencies": {
         "has-flag": "^4.0.0"
       },
@@ -12109,6 +11883,7 @@
       "version": "9.6.1",
       "resolved": "https://registry.npmjs.org/espree/-/espree-9.6.1.tgz",
       "integrity": "sha512-oruZaFkjorTpF32kDSI5/75ViwGeZginGGy2NoOSg3Q9bnwlnmDm4HLnkl0RE3n+njDXR037aY1+x58Z/zFdwQ==",
+      "dev": true,
       "dependencies": {
         "acorn": "^8.9.0",
         "acorn-jsx": "^5.3.2",
@@ -12125,6 +11900,7 @@
       "version": "3.4.3",
       "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-3.4.3.tgz",
       "integrity": "sha512-wpc+LXeiyiisxPlEkUzU6svyS1frIO3Mgxj1fdy7Pm8Ygzguax2N3Fa/D/ag1WqbOprdI+uY6wMUl8/a2G+iag==",
+      "dev": true,
       "engines": {
         "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
       },
@@ -17473,6 +17249,7 @@
       "version": "3.0.3",
       "resolved": "https://registry.npmjs.org/is-path-inside/-/is-path-inside-3.0.3.tgz",
       "integrity": "sha512-Fd4gABb+ycGAmKou8eMftCupSir5lRxqf4aD/vd0cD2qc4HL07OjCeuHMr8Ro4CoMaeCKDB0/ECBOVWjTwUvPQ==",
+      "dev": true,
       "engines": {
         "node": ">=8"
       }
@@ -17878,12 +17655,6 @@
         "@sideway/pinpoint": "^2.0.0"
       }
     },
-    "node_modules/jquery": {
-      "version": "3.7.1",
-      "resolved": "https://registry.npmjs.org/jquery/-/jquery-3.7.1.tgz",
-      "integrity": "sha512-m4avr8yL8kmFN8psrbFFFmB/If14iN5o9nw/NgnnM+kybDJpRsAynV2BsfpTYrTRysYUdADVD7CkUUizgkpLfg==",
-      "peer": true
-    },
     "node_modules/js-cookie": {
       "version": "2.2.1",
       "resolved": "https://registry.npmjs.org/js-cookie/-/js-cookie-2.2.1.tgz",
@@ -26114,19 +25885,6 @@
         "is-typedarray": "^1.0.0"
       }
     },
-    "node_modules/typescript": {
-      "version": "5.6.3",
-      "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.6.3.tgz",
-      "integrity": "sha512-hjcS1mhfuyi4WW8IWtjP7brDrG2cuDZukyrYrSauoXGNgx0S7zceP07adYkJycEr56BOUTNPzbInooiN3fn1qw==",
-      "peer": true,
-      "bin": {
-        "tsc": "bin/tsc",
-        "tsserver": "bin/tsserver"
-      },
-      "engines": {
-        "node": ">=14.17"
-      }
-    },
     "node_modules/ua-parser-js": {
       "version": "1.0.39",
       "resolved": "https://registry.npmjs.org/ua-parser-js/-/ua-parser-js-1.0.39.tgz",
@@ -26716,15 +26474,6 @@
         }
       }
     },
-    "node_modules/use-sync-external-store": {
-      "version": "1.2.2",
-      "resolved": "https://registry.npmjs.org/use-sync-external-store/-/use-sync-external-store-1.2.2.tgz",
-      "integrity": "sha512-PElTlVMwpblvbNqQ82d2n6RjStvdSoNe9FG28kNfz3WiXilJm4DdNkEzRhCZuIDwY8U08WVihhGR5iRqAwfDiw==",
-      "peer": true,
-      "peerDependencies": {
-        "react": "^16.8.0 || ^17.0.0 || ^18.0.0"
-      }
-    },
     "node_modules/util-deprecate": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz",
diff --git a/src/collections/blog/2022/2022-06-08-experience-lfx-pranav-singh/index.mdx b/src/collections/blog/2022/2022-06-08-experience-lfx-pranav-singh/index.mdx
index ffec6abb20f9..5c188d25e8ce 100644
--- a/src/collections/blog/2022/2022-06-08-experience-lfx-pranav-singh/index.mdx
+++ b/src/collections/blog/2022/2022-06-08-experience-lfx-pranav-singh/index.mdx
@@ -30,7 +30,7 @@ more excited by the enthusiasm and energy of each community members welcoming me
 learned about the project through the demos/updates from fellow contributors. Slowly and gradually, I started contributing too, then delivering updates in the 
 community calls, and consequently started climbing the contributor ladder.
 
-When I realised that I would be working on [Layer5 Cloud](https://meshery.layer5.io) and <Link to="/cloud-native-management/meshery">Meshery</Link> as an LFX intern at Layer5, then I couldn't control my excitement. 
+When I realised that I would be working on [Layer5 Cloud](https://cloud.layer5.io) and <Link to="/cloud-native-management/meshery">Meshery</Link> as an LFX intern at Layer5, then I couldn't control my excitement. 
 That excitement was to ship more impactful features for the Layer5 projects, work and engage more deeply with the engineering team at Layer5 and have an overall 
 upliftment of my development skills.  Throughout my internship I worked on several features. Few on the top of the list are as follows, expanding 
 [Meshery extension points](https://docs.meshery.io/extensibility), exposing node details of the K8s clusters on which Meshery runs <Link to="/projects/cloud-native-performance">performance tests</Link>, 
diff --git a/src/collections/blog/2023/2023-09-05-unlocking-the-power-of-webassembly-in-service-mesh-management/index.mdx b/src/collections/blog/2023/2023-09-05-unlocking-the-power-of-webassembly-in-service-mesh-management/index.mdx
index 7d44ff951180..03b94ee34678 100644
--- a/src/collections/blog/2023/2023-09-05-unlocking-the-power-of-webassembly-in-service-mesh-management/index.mdx
+++ b/src/collections/blog/2023/2023-09-05-unlocking-the-power-of-webassembly-in-service-mesh-management/index.mdx
@@ -32,7 +32,7 @@ With this collaboration, we're introducing powerful features that simplify the m
 ### Meshery UI and CLI Integration
 - **Import WASM Envoy Filters**: Easily import your WebAssembly Envoy filters into Meshery using the intuitive UI or the command-line interface ([CLI](https://docs.meshery.io/reference/mesheryctl#data-plane-intelligence)).
 - **Publish and Clone Filters**: Share your filters with the community by publishing them in the [Meshery Catalog](https://meshery.io/catalog) and make it effortless for others to clone them.
-- **Download WASM Binaries**: Access and download WebAssembly binaries directly from [Meshery Cloud](https://meshery.layer5.io/).
+- **Download WASM Binaries**: Access and download WebAssembly binaries directly from [Meshery Cloud](https://cloud.layer5.io/).
 - **Efficient Data Plane Design**: Seamlessly design and deploy Istio and Envoy data planes using [MeshMap](https://layer5.io/cloud-native-management/meshmap).
 - **Contribute to Open Source**: Get involved with the service mesh community by contributing to any of the 7 open-source [wasm-filters](https://github.com/layer5io/wasm-filters) developed by Layer5.
 
diff --git a/src/collections/blog/2024/10-22-meet-the-maintainer-aadhitya-amarendiran/aadhitya-amarendiran-layer5-maintainer.png b/src/collections/blog/2024/10-22-meet-the-maintainer-aadhitya-amarendiran/aadhitya-amarendiran-layer5-maintainer.png
new file mode 100644
index 000000000000..8fa9efbe6df3
Binary files /dev/null and b/src/collections/blog/2024/10-22-meet-the-maintainer-aadhitya-amarendiran/aadhitya-amarendiran-layer5-maintainer.png differ
diff --git a/src/collections/blog/2024/10-22-meet-the-maintainer-aadhitya-amarendiran/post.mdx b/src/collections/blog/2024/10-22-meet-the-maintainer-aadhitya-amarendiran/post.mdx
new file mode 100644
index 000000000000..4c1d851741be
--- /dev/null
+++ b/src/collections/blog/2024/10-22-meet-the-maintainer-aadhitya-amarendiran/post.mdx
@@ -0,0 +1,197 @@
+---
+title: "Meet the Maintainer: Aadhitya Amarendiran"
+subtitle: "An interview series with open source maintainers"
+date: 2024-09-08 10:30:05 -0530
+author: Vivek Vishal
+thumbnail: ./aadhitya-amarendiran-layer5-maintainer.png
+darkthumbnail: ./aadhitya-amarendiran-layer5-maintainer.png
+description: Meet the Maintainer series with open source maintainer, Aadhitya Amarendiran
+type: Blog
+category: Open Source
+tags:
+  - Open Source
+featured: false
+published: true
+---
+
+import { BlogWrapper } from "../../Blog.style.js";
+import img from "./aadhitya-amarendiran-layer5-maintainer.png";
+import { MeetTheMaintainer } from "../../MeetTheMaintainer.style.js";
+import { Link } from "gatsby";
+import ForkLift from "../../../../assets/images/app/hero/forklift.svg";
+
+<BlogWrapper>
+<MeetTheMaintainer>
+
+<div class="intro">
+  <p>
+    Continuing in our Meet the Maintainer series, we have{" "}
+    <Link to="/community/members/aadhitya-amarendiran">Aadhitya Amarendiran</Link>. Aadhitya
+    is a maintainer of the{" "}
+    <Link to="/cloud-native-management/meshery"> Meshery CLI</Link> project. In
+    this interview, we get to know Aadhitya a little better and learn about his
+    journey as an open source project maintainer and with Layer5 community.
+  </p>
+</div>
+
+<div class="interviewer">
+  <span>Vivek:</span>
+  <p>
+    Aadhitya, thank you for joining me today. Many people inside and outside of the Layer5 Community have seen the effects of your contributions, but may not know the backstory as to who Aadhitya is and how you arrived at your maintainer role. Indulge us. How did you discover the Layer5 community? What made you stay?
+  </p>
+</div>
+
+<div class="interviewee">
+  <span>Aadhitya:</span>
+  <p>
+    It was around the year 2020 when I was a sophomore and explored many things in the field of open source. I got to know about Meshery via the LFX program and tried applying for it, though I was a newcomer at that time. Later, I learned more about Layer5, started attending the community call, and met the community. The community members helped me a lot wherever I got stuck as a newcomer, which made me learn new things and involve myself in the project, which later helped me grow. Oh, of course, great learning sessions from Lee during development and community calls.
+  </p>
+</div>
+
+<div class="interviewer">
+  <span>Vivek:</span>
+  <p>
+    You’re a Meshery Maintainer and have been for some long time now. What does
+    being a Meshery maintainer mean to you?
+  </p>
+</div>
+
+<div class="interviewee">
+  <span>Aadhitya:</span>
+  <p>
+    Three things come into my mind: Learning lots of new things, Challenging yourself to your limits and being a helpful navigator for contributors. During my time as a newcomer, I started out with a simple readme fix PR in the Meshery project, which I thought would cause less impact. But the maintainers accepted my PR though it’s a very small one. That instilled a feeling in me that I should give back to the community by helping newcomers and contributors whenever they are stuck in work.
+  </p>
+</div>
+
+<div class="interviewer">
+  <span>Vivek:</span>
+  <p>Have you worked with any other open source project? How does Layer5 compare?</p>
+</div>
+
+<div class="interviewee">
+  <span>Aadhitya:</span>
+  <p>
+    Not a lot, but I worked on quite a few open source projects. Layer5 is one of the best places to start if you are new to open source. By being involved in the community, you will feel and understand the spirit of open source.
+  </p>
+</div>
+
+<div class="interviewer">
+  <span>Vivek:</span>
+  <p>
+    <Link to="/projects">Layer5 projects</Link> have a number of active, open
+    source projects. You’ve been consistently contributing to a few of them.
+    Which one(s) are you currently focusing on?
+  </p>
+</div>
+
+<div class="interviewee">
+  <span>Aadhitya:</span>
+  <p>
+    I currently work on Meshery, as it piqued my interest during my initial days. I also work on the Meshery-SMP GitHub action project as well.
+  </p>
+</div>
+
+<div class="interviewer">
+  <span>Vivek:</span>
+  <p>What’s the coolest Meshery demo you have done/seen?</p>
+</div>
+
+<div class="interviewee">
+  <span>Aadhitya:</span>
+  <p>
+   I’ve seen a lot of demos but the coolest one for me is the Meshery Docker extension where you can start and use Meshery right from DockerHub!
+  </p>
+</div>
+
+<div class="interviewer">
+  <span>Vivek:</span>
+  <p>
+    What is your favorite Meshery CLI Command?
+  </p>
+</div>
+
+<div class="interviewee">
+  <span>Aadhitya:</span>
+  <p>Oof! That’s a tricky one. But my favorite one is definitely <code>mesheryctl perf</code></p>
+</div>
+
+<div class="interviewer">
+  <span>Vivek:</span>
+  <p>What is your hot tip for working with Meshery that others may not know?</p>
+</div>
+
+<div class="interviewee">
+  <span>Aadhitya:</span>
+  <p>
+    If you’re starting out with Meshery, make sure to use the Meshery Playground if you want to get hands-on for the first time without the need to deploy Meshery in your system. After you get the basics right, install Meshery and log in to your deployed instance. You’ll see that your designs, performance test results and configurations remain intact in your instance as if they are present exactly the same in the Playground. There’s no need to start from scratch. Just continue where you left off!
+  </p>
+</div>
+
+<div class="interviewer">
+  <span>Vivek:</span>
+  <p>
+    Where do you see opportunities for contributors to get involved within Meshery and Layer5 community?
+  </p>
+</div>
+
+<div class="interviewee">
+  <span>Aadhitya:</span>
+  <p>Considering the fact that Meshery is now a part of CNCF (especially the fact that we are aiming for the Incubation status as well!), I feel that Meshery has a wide range of scope for contributors to be involved in. Whether you’re an expert or a newbie, Meshery has lots of subdomains to contribute. Documentation, Frontend, Backend, Adapters… the list goes on.</p>
+</div>
+
+<div class="interviewer">
+  <span>Vivek:</span>
+  <p>
+    Your most often used emoji? Your preference: movie or book? Morning person
+    or night owl? What have you worked on in the past six months that you’re
+    particularly proud of?
+  </p>
+</div>
+
+<div class="interviewee">
+  <span>Aadhitya:</span>
+  <p>
+   Most used emoji: 😎. I’m a morning person usually and sleep early, but sometimes I’m a night owl when it comes to intense work. I’d prefer movies compared to books as for some they clearly adapt from books. I’ve worked on refactoring the <code>mesheryctl pattern</code> command to <code>mesheryctl design</code> without losing the core features present. This took me a bit of time as I had to balance my current work as well which caused a bit of inactivity. But I managed to complete it, and I’m proud of doing such great work!
+  </p>
+</div>
+
+<div class="interviewer">
+  <span>Vivek:</span>
+  <p>
+    Do you have any advice for individuals hopeful to become Layer5 contributors
+    or potentially maintainers?
+  </p>
+</div>
+
+<div class="interviewee">
+  <span>Aadhitya:</span>
+  <p>
+    Make your presence stand out from the crowd even if you are a beginner, and learn as much as you can. Seek MeshMates and maintainers if you get stuck in something. Ask questions during meets or in Slack, and get feedback on your PRs, doesn’t matter if it’s big or small. Incorporate feedback and improvise. Remember, communication is the key, and be active!
+  </p>
+</div>
+
+<div class="interviewer">
+  <span>Vivek:</span>
+  <p>
+    In other words, whether your contribution is big or small, it sounds like aiming for high-quality contributions that add value to the projects is key.
+  </p>
+</div>
+
+<div class="interviewee">
+  <span>Aadhitya:</span>
+  <p>
+    Yes, you got it right! Even the smallest contribution which creates a good impact in a project becomes a great factor in Open source. All that matters is perseverance, challenging yourself to limits and learning. Do these things right and you’ll find yourself growing in the community.
+  </p>
+</div>
+
+<div class="note">
+  <img src={ForkLift} height="100px" />
+  <p>
+    The Meshery project moves at an impressive pace thanks to maintainers like
+    Aadhitya. Be like Aadhitya. Join the{" "}
+    <a href="https://slack.layer5.io">Layer5 Slack</a> and say “hi".
+  </p>
+</div>
+
+</MeetTheMaintainer>
+</BlogWrapper>
diff --git a/src/collections/blog/2024/11-05-what-is-the-kanvas-catalog/post.mdx b/src/collections/blog/2024/11-05-what-is-the-kanvas-catalog/post.mdx
index 3264a6af7d6f..1f53b04f9ee0 100644
--- a/src/collections/blog/2024/11-05-what-is-the-kanvas-catalog/post.mdx
+++ b/src/collections/blog/2024/11-05-what-is-the-kanvas-catalog/post.mdx
@@ -24,7 +24,7 @@ import { Link } from "gatsby";
 
 <Link to="/cloud-native-management/catalog">Kanvas Catalog</Link> is a hub for sharing and discovering best practices, reusable templates, and operational patterns for Kubernetes and cloud-native infrastructure. It's like a marketplace where you can find and contribute pre-built infrastructure configurations and operational views. The Catalog is a part of the Kanvas platform, which is a comprehensive suite of tools for managing cloud-native infrastructure.
 
-<div className="note"> <a href="https://meshery.layer5.io/catalog">Explore the catalog</a></div>
+<div className="note"> <a href="https://cloud.layer5.io/catalog">Explore the catalog</a></div>
 
 ### What can you find in the Catalog?
 
diff --git a/src/collections/blog/2024/11-10-kubecon-na-2024/kubeconna-2024.png b/src/collections/blog/2024/11-10-kubecon-na-2024/kubeconna-2024.png
new file mode 100644
index 000000000000..edbbe2fa45be
Binary files /dev/null and b/src/collections/blog/2024/11-10-kubecon-na-2024/kubeconna-2024.png differ
diff --git a/src/collections/blog/2024/11-10-kubecon-na-2024/post.mdx b/src/collections/blog/2024/11-10-kubecon-na-2024/post.mdx
new file mode 100644
index 000000000000..69dda7e6fe3b
--- /dev/null
+++ b/src/collections/blog/2024/11-10-kubecon-na-2024/post.mdx
@@ -0,0 +1,91 @@
+---
+title: "Meshery at KubeCon + CloudNativeCon NA 2024"
+subtitle: "Join us at these Meshery sessions"
+date: 2024-11-10
+author: Layer5 Team
+thumbnail: ./kubeconna-2024.png
+darkthumbnail: ./kubeconna-2024.png
+description: "Meshery sessions at KubeCon + CloudNativeCon NA 2024"
+type: Blog
+category: Events
+tags:
+  - Meshery
+featured: false
+published: true
+resource: false
+---
+
+import { BlogWrapper } from "../../Blog.style.js";
+import { Link } from "gatsby";
+import Button from "../../../../reusecore/Button";
+
+<BlogWrapper>
+
+
+Join Layer5 at KubeCon + CloudNativeCon NA, Salt Lake City, Utah!
+
+
+<p>
+Join the Meshery project at KubeCon NA 2024 from November 11th to November 16th, 2024 and get introduced to collaborative cloud native management and Meshery open source maintainers.
+</p>
+
+### Session: Meshery - Visualizing Kubernetes Resource Relationships with Meshery
+
+<p>
+Meshery and its extensions empower you to navigate cloud native infrastructure in complex environments. This lighting talk delves into the human-computer interaction (HCI) principles that underpin MeshMap's intuitive visualization of Kubernetes resources and the various forms of inter/relationships with other CNCF projects' resources.
+
+Human-Computer Interaction Principles in Meshery:
+
+<ul>
+  <li>Cognitive Load: How Meshery reduces cognitive load by presenting complex information in a structured and visually digestible manner.</li>
+  <li>Mental Models: How Meshery aligns with users' mental models of Kubernetes environments, facilitating comprehension and navigation.</li>
+  <li>Visual Perception: How Meshery leverages visual cues, colors, and layout to guide users' attention and highlight critical information.</li>
+</ul>
+</p>
+
+<div class="flex-row" style="margin-bottom: 2rem;">
+  <p>
+    Date: November 12, 2024<br />
+    Time: 3:04pm - 3:09pm MST
+  </p>
+
+  <Button $secondary title="See Details" $url="https://sched.co/1iWA9" $external={ true } />
+</div>
+
+### Session: CNCF TAG Network - Intro & Deep Dive
+
+<p>
+“It’s the network!” is the cry of every engineer. With the increased prevalence of microservices and distributed systems, it’s true - networking as a discipline has never been more critical in the well-architected design and efficient operation of modern infrastructure. Join this talk for an intro to the TAG, its charter and a deeper discussion of current cloud native networking topics being advanced in this TAG.
+</p>
+
+<div class="flex-row" style="margin-bottom: 2rem;">
+  <p>
+    Date: November 14, 2024 <br />
+    Time: 11:55am - 12:30pm MST
+  </p>
+
+  <Button $secondary title="See Details" $url=" https://sched.co/1howx" $external={ true } />
+</div>
+
+### Session: Contribfest - Meshery Contribfest: Extending the Cloud Native Manager
+
+<p>
+Join the Meshery maintainers and community in improving the leading cloud native management plane. This is your chance to get hands-on with the tools shaping the future of collaborative cloud native management. Opportunities: Work on core functionality in the Server (Golang) or UI (React) or extend Meshery by building your own plugin. Contribute to the Meshery documentation by incorporating your own examples of cloud native solution architectures using Meshery Designer. 
+</p>
+<p>
+Why Contribute to Meshery? - Gain experience with cloud native technologies, including essentially every CNCF project and open source development practices. As is the 10th fastest growing CNCF project, Meshery has a vibrant community. Work alongside passionate maintainers and contributors. No Prior Experience Needed: We welcome contributions from all levels of experience. Join us at Meshery Contribfest and be part of the growing community shaping the future of collaborative cloud native management.
+</p>
+
+<div class="flex-row" style="margin-bottom: 2rem;">
+  <p>
+    Date: November 14, 2024 <br />
+    Time: 4:30pm - 6:00pm MST
+  </p>
+  <Button $secondary title="See Details" $url="https://kccncna2024.sched.com/event/1hoxN/contribfest-meshery-contribfest-extending-the-cloud-native-manager" $external={ true } />
+</div>
+
+
+
+
+
+</BlogWrapper>
diff --git a/src/collections/integrations/antrea/icons/components/packet-capture/icons/color/packet-capture-color.svg b/src/collections/integrations/antrea/icons/components/packet-capture/icons/color/packet-capture-color.svg
new file mode 100644
index 000000000000..8294df7d2b51
--- /dev/null
+++ b/src/collections/integrations/antrea/icons/components/packet-capture/icons/color/packet-capture-color.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="-2.23 -2.1 109.2 109.08" enable-background="new 0 0 105 105"><path d="M29.3 81.1zm-4.1-3.9z" fill="#00c1d5"/><path fill="#1d428a" d="M78 61.5c-.8 3.5-2 6.9-3.7 10.2 3.1 1 6.1 2.3 8.9 3.9a60.25 60.25 0 0 0 6.2-14.8c0-.2.1-.4.2-.6l-5.4.6c-2.1.2-4.1.5-6.2.7zm-6.7 15.1c-5.3 7-13.8 11.6-26.2 12.2-1.6.1-3.1.1-4.5.1a30.3 30.3 0 0 0 13 2.3c12.1-.6 19.6-4.2 24.9-9.5.5-.5.9-1 1.4-1.5-2.8-1.5-5.6-2.7-8.6-3.6zM80.5 44l-.3 3.6-1 8.1 4.7-.5 7.3-.8 3-12.4-13.7 2zm-5.3-5l.7-11.3c-3.6.5-7.2.9-10.8 1.3l-1 11.4v.3h.3L75.2 39zM59.8 23.9c.3-4.5.7-9 1.1-13.3l-11.1 3.2c-.1 1.8-.1 3.7-.2 5.6s-.2 4.1-.2 6.1l6.6-1.2c1.2 0 2.5-.2 3.8-.4zm14.7 23.4c.1-.8.1-1.7.2-2.5-3.3.5-6.5.9-9.7 1.5l-1.7.3c-.5 3.8-1.2 7.7-2.1 11.4 4-.7 8-1.2 12-1.7.6-2.9 1-5.9 1.3-9zM72 62.2c-4.2.5-8.4 1.2-12.5 1.9-.8 2.2-1.6 4.3-2.7 6.4 3.9-.5 7.9-.6 11.8-.1 1.5-2.5 2.6-5.3 3.4-8.2zM58.5 40.1l.9-10.3c-1 .1-1.9.2-2.9.4-2.6.4-5 .8-7.4 1.4-.3 4.3-.6 8.6-1.1 12.9 3.3-1 6.8-1.9 10.4-2.6 0-.7 0-1.3.1-1.8zM43.3 33c-3.3.9-6.4 2.3-9.3 4 .8 4.3 1 8.8.6 13.2 2.3-1.4 4.8-2.7 7.4-3.7.5-4.5.9-9 1.3-13.5zM28.2 55c.9-4.6 1.2-9.3.8-13.9-4.2 4.4-6.7 10.6-6.7 20.4v1.7c1.5-3 3.6-5.8 5.9-8.2zm-2.7 15.2c4-2.5 8.3-4.6 12.7-6.2a106.52 106.52 0 0 0 2.7-10.8c-1.7.8-3.3 1.7-4.8 2.8-5.2 3.4-8.9 7.8-10.6 14.2zM46 83.1c9-.6 14.7-3.3 18.7-7.4-4.1-.1-8.1.3-12.1 1.3-1.8 2.3-4.1 4.4-6.6 6.1zm-20.8-5.9c1 1.6 2.4 3 4.1 3.9h.1c.3.2.6.3.9.4 2.1-3.3 3.8-6.8 5.3-10.4-3.7 1.7-7.2 3.7-10.4 6.1zm25.6-7.1c.9-1.5 1.6-3 2.3-4.6-3.6.8-7.1 1.8-10.4 2.9-1.6 4.6-3.6 9-6 13.2 6.6-2 10.8-6 14.1-11.5zM77 16.6c-3.3-2.2-6.8-4-10.5-5.2l-1.1 12 10.9-1.3c.2-1.9.5-3.7.7-5.5zM43.6 27l.3-7.4c0-1.3.1-2.6.1-3.9l-1.5.5c-5 1.7-9.9 4-14.3 6.9 1.7 2.7 3.1 5.5 4.2 8.4 3.5-1.9 7.3-3.5 11.2-4.5zm-16 7.8c-1-2.8-2.3-5.5-3.9-8l-1.4 1.4c-5 5.6-8.1 13.3-8.1 25.5a31.67 31.67 0 0 0 2.6 11.8c-.1-1.2-.1-2.4-.1-3.7-.1-12.6 4.2-21.4 10.9-27zM87 26c-1.8.3-3.6.7-5.4.9l-.8 11.4 12.1-1.8c-1.5-3.8-3.5-7.3-5.9-10.5zM57.5 47.7c-3.6.8-7.1 1.7-10.5 2.9-.6 3.8-1.4 7.5-2.4 11.2 3.4-1 7-1.9 10.5-2.6 1.1-3.8 1.9-7.6 2.4-11.5z"/><g fill="#00c1d5"><path d="M94.8 42.4c.1.6.3 1.1.4 1.7l-.4-1.7zm.5 2.2l.3 1.6-.3-1.6zm-1-4.3c.2.6.3 1.2.5 1.8-.2-.6-.4-1.2-.5-1.8zm1.5 16.4c-.1 1.4-.3 2.7-.6 4 .3-1.3.4-2.7.6-4zm.1-2.1c0 .6 0 1.1-.1 1.7.1-.6.1-1.1.1-1.7zm0-5.3c0 .3.1.7.1 1-.1-.3-.1-.6-.1-1zm-2.3-11l.6 1.9c-.1-.6-.3-1.2-.6-1.9zm0 0l-.7-1.9c.3.7.5 1.3.7 1.9zm2 8.6c.1.4.1.9.2 1.3-.1-.4-.2-.9-.2-1.3zM87 26c-1.4-1.8-2.9-3.5-4.5-5 1.6 1.5 3.1 3.2 4.5 5zm-7.2-7.3l2.5 2.2c-.8-.8-1.7-1.6-2.5-2.2zm-.1-.1l-2.7-2c.9.6 1.8 1.3 2.7 2z"/><path d="M95.9 50.3c0-.3-.1-.7-.1-1s0-.7-.1-1.1-.1-.9-.2-1.3l-.1-.7-.3-1.6c0-.2 0-.3-.1-.4-.1-.6-.2-1.2-.4-1.7l-.1-.2c-.1-.6-.3-1.2-.5-1.8v-.1l-.6-1.9-.7-1.9c-3.9.7-8 1.3-12.1 1.8l.8-11.4 5.3-.9h.1c-1.4-1.8-2.9-3.5-4.5-5l-.2-.2a26.22 26.22 0 0 0-2.5-2.2l-.1-.1c-.9-.7-1.8-1.4-2.7-2-.3 1.8-.5 3.5-.7 5.3-3.6.5-7.2.9-10.9 1.3.3-4.1.6-8.1 1.1-12-22.5-7.6-47.2 4.5-54.9 27.3S15.8 86 38.6 93.7s47.5-4.4 55.2-27.2c.6-1.9 1.2-3.8 1.5-5.8l.6-4v-.4c.1-.5.1-1.1.1-1.7 0-.7.1-1.4.1-2.1s-.1-1.4-.2-2.2zm-31.8-10c.4-3.8.7-7.6 1-11.4l10.8-1.3c-.3 3.8-.5 7.6-.7 11.3l-10.8 1.6h-.3v-.2zm-.7 6.3l1.7-.3 9.7-1.5c-.1.8-.1 1.7-.2 2.5-.3 3.1-.7 6.2-1.2 9-4 .5-8 1-12 1.7.8-3.8 1.5-7.6 2-11.4zm-6.6 24c1-2.1 1.9-4.2 2.7-6.4 4.1-.8 8.2-1.4 12.5-1.9-.8 2.9-1.9 5.6-3.3 8.2-4-.5-7.9-.5-11.9.1zm8 5.1c-4 4.1-9.8 6.8-18.7 7.4 2.5-1.7 4.8-3.8 6.7-6.1 3.8-.9 7.9-1.4 12-1.3zM49.6 19.5c.1-1.9.1-3.8.2-5.6 3.6-1.1 7.4-2.1 11.1-3.2-.5 4.4-.8 8.8-1.1 13.3-1.3.2-2.6.4-3.9.5-2.2.3-4.4.7-6.6 1.2l.3-6.2zm-.5 12c2.4-.5 4.9-1 7.4-1.4 1-.1 1.9-.3 2.9-.4L58.5 40c-.1.6-.1 1.2-.2 1.7-3.6.7-7.1 1.6-10.4 2.6.5-4.3.9-8.6 1.2-12.8zm-2 19.1c3.4-1.2 6.9-2.1 10.5-2.9-.6 3.9-1.3 7.7-2.4 11.4-3.6.7-7.1 1.6-10.6 2.6 1-3.6 1.8-7.4 2.5-11.1zm-4.6-34.4l1.6-.5c0 1.3-.1 2.6-.1 3.9l-.3 7.5c-3.9 1-7.7 2.6-11.2 4.5-1.1-2.9-2.5-5.8-4.2-8.4 4.3-3 9.1-5.3 14.2-7zm-8 34c.5-4.4.3-8.8-.6-13.2 2.9-1.7 6-3.1 9.3-4-.3 4.5-.7 9.1-1.3 13.5-2.5 1-5 2.3-7.4 3.7zm6.3 2.9c-.7 3.7-1.6 7.3-2.7 10.9-4.4 1.7-8.7 3.7-12.7 6.2 1.7-6.4 5.4-10.8 10.5-14.3 1.6-1 3.2-2 4.9-2.8zm-24 12.4a31.67 31.67 0 0 1-2.6-11.8c0-12.2 3.2-20 8.1-25.5.4-.5.9-1 1.4-1.4a31.2 31.2 0 0 1 3.9 8c-6.7 5.7-11 14.4-11 27 0 1.3.1 2.5.2 3.7zm5.5-4c0-9.8 2.5-16 6.6-20.4.4 4.6.2 9.3-.8 13.9h.1c-2.4 2.4-4.5 5.1-6 8.2l.1-1.7zm7.9 20c-.3-.1-.6-.3-.9-.4-1.7-.9-3.1-2.2-4.1-3.9 3.2-2.4 6.7-4.4 10.3-6-1.4 3.6-3.2 7-5.3 10.3zm12.4-13.1c3.3-1.1 6.8-2.1 10.4-2.9-.6 1.6-1.4 3.1-2.3 4.6-3.2 5.5-7.5 9.5-14.1 11.5 2.5-4.2 4.5-8.6 6-13.2zm35.9 13.4c-5.3 5.3-12.8 8.9-24.9 9.5a30.3 30.3 0 0 1-13-2.3c1.4 0 3 0 4.5-.1 12.4-.7 20.9-5.2 26.2-12.2 3 .8 5.9 2 8.6 3.6-.5.5-1 1-1.4 1.5zm11-21C88.1 66 86 70.9 83.3 75.6c-2.8-1.6-5.8-2.9-8.9-3.9 1.6-3.2 2.8-6.7 3.7-10.2 2.1-.2 4.1-.5 6.2-.7l5.4-.6c-.2.2-.2.4-.2.6zm1.7-6.5c-2.4.3-4.8.5-7.3.8l-4.7.5c.4-2.7.8-5.4 1-8.1l.3-3.6c4.6-.6 9.2-1.3 13.6-2l-2.9 12.4z"/></g><g fill="#717074"><path d="M95.2 44.1c0 .2 0 .3.1.4-.1-.1-.1-.2-.1-.4zm-.5-1.9l.1.2-.1-.2zm-1.1-3.9zm.6 1.9zM79.7 18.6zm16.1 37.7v.4-.4zm-.3-10.1l.1.7-.1-.7z"/><path d="M52.5 0C23.5 0 0 23.5 0 52.5S23.5 105 52.5 105 105 81.5 105 52.5 81.5 0 52.5 0zm43.3 56.3v.4c-.1 1.4-.3 2.7-.6 4-4.5 23.6-27.3 39-50.9 34.5S5.3 67.9 9.8 44.3s27.3-39 50.9-34.5c5.8 1.1 11.4 3.4 16.3 6.8.9.6 1.8 1.3 2.7 2l.1.1c.8.7 1.7 1.4 2.5 2.2l.2.2c1.6 1.5 3.1 3.2 4.5 5a42.03 42.03 0 0 1 6 10.5c.2.6.5 1.2.7 1.9.2.6.4 1.2.6 1.9v.1c.2.6.3 1.2.5 1.8l.1.2c.1.6.3 1.1.4 1.7 0 .2 0 .3.1.4l.3 1.6.1.7c0 .4.1.9.2 1.3s.1.7.1 1.1.1.7.1 1c0 .7.1 1.4.1 2.2s0 1.4-.1 2.1c-.3.6-.3 1.1-.4 1.7zM82.3 20.8l.2.2-.2-.2zM96 52.5l-.1 2.1c.1-.7.1-1.4.1-2.1zm-.2-4.3c0 .4.1.7.1 1.1 0-.3-.1-.7-.1-1.1zm.1 2.1l.1 2.2-.1-2.2z"/></g></svg>
\ No newline at end of file
diff --git a/src/collections/integrations/antrea/icons/components/packet-capture/icons/white/packet-capture-white.svg b/src/collections/integrations/antrea/icons/components/packet-capture/icons/white/packet-capture-white.svg
new file mode 100644
index 000000000000..c016e3a306b9
--- /dev/null
+++ b/src/collections/integrations/antrea/icons/components/packet-capture/icons/white/packet-capture-white.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" role="img" viewBox="-2.23 -2.10 109.20 109.08"><style>svg {enable-background:new 0 0 105 105}</style><style>.st0{fill:#fff}</style><path d="M25.2 77.2c1 1.6 2.4 3 4.1 3.9.3.2.6.3.9.4 2.1-3.3 3.8-6.8 5.3-10.4-3.7 1.6-7.1 3.7-10.3 6.1zM78 61.5c-.8 3.5-2 6.9-3.7 10.2 3.1 1 6.1 2.3 8.9 3.9C85.9 71 88 66 89.4 60.8c0-.2.1-.4.2-.6l-5.4.6c-2.1.2-4.1.5-6.2.7zm-6.7 15.1c-5.3 7-13.8 11.6-26.2 12.2-1.6.1-3.1.1-4.5.1 4.1 1.7 8.5 2.5 13 2.3 12.1-.6 19.6-4.2 24.9-9.5.5-.5.9-1 1.4-1.5-2.8-1.5-5.6-2.7-8.6-3.6zm8.9-29c-.3 2.7-.6 5.4-1 8.1l4.7-.5c2.5-.3 4.9-.5 7.3-.8 1-4 1.9-8.2 3-12.4-4.5.8-9.1 1.4-13.7 2l-.3 3.6zm-5-8.6c.2-3.7.4-7.5.7-11.3-3.6.5-7.2.9-10.8 1.3-.3 3.8-.6 7.6-1 11.4v.3h.3c3.6-.6 7.2-1.2 10.8-1.7zM59.8 23.9c.3-4.5.7-9 1.1-13.3-3.8 1.1-7.5 2.2-11.1 3.2-.1 1.8-.1 3.7-.2 5.6s-.2 4.1-.2 6.1l6.6-1.2c1.2 0 2.5-.2 3.8-.4zm14.7 23.4c.1-.8.1-1.7.2-2.5-3.3.5-6.5.9-9.7 1.5l-1.7.3c-.5 3.8-1.2 7.7-2.1 11.4 4-.7 8-1.2 12-1.7.6-2.9 1-5.9 1.3-9zM72 62.2c-4.2.5-8.4 1.2-12.5 1.9-.8 2.2-1.6 4.3-2.7 6.4 3.9-.5 7.9-.6 11.8-.1 1.5-2.5 2.6-5.3 3.4-8.2zM58.5 40.1c.3-3.4.6-6.8.9-10.3-1 .1-1.9.2-2.9.4-2.6.4-5 .8-7.4 1.4-.3 4.3-.6 8.6-1.1 12.9 3.3-1 6.8-1.9 10.4-2.6 0-.7 0-1.3.1-1.8zM43.3 33c-3.3.9-6.4 2.3-9.3 4 .8 4.3 1 8.8.6 13.2 2.3-1.4 4.8-2.7 7.4-3.7.5-4.5.9-9 1.3-13.5zM28.2 55c.9-4.6 1.2-9.3.8-13.9-4.2 4.4-6.7 10.6-6.7 20.4v1.7c1.5-3 3.6-5.8 5.9-8.2zm-2.7 15.2c4-2.5 8.3-4.6 12.7-6.2 1.1-3.6 2-7.2 2.7-10.8-1.7.8-3.3 1.7-4.8 2.8-5.2 3.4-8.9 7.8-10.6 14.2zM46 83.1c9-.6 14.7-3.3 18.7-7.4-4.1-.1-8.1.3-12.1 1.3-1.8 2.3-4.1 4.4-6.6 6.1zm4.8-13c.9-1.5 1.6-3 2.3-4.6-3.6.8-7.1 1.8-10.4 2.9-1.6 4.6-3.6 9-6 13.2 6.6-2 10.8-6 14.1-11.5zM43.6 27c.1-2.5.2-5 .3-7.4 0-1.3.1-2.6.1-3.9l-1.5.5c-5 1.7-9.9 4-14.3 6.9 1.7 2.7 3.1 5.5 4.2 8.4 3.5-1.9 7.3-3.5 11.2-4.5zm-16 7.8c-1-2.8-2.3-5.5-3.9-8l-1.4 1.4c-5 5.6-8.1 13.3-8.1 25.5.1 4.1.9 8.1 2.6 11.8-.1-1.2-.1-2.4-.1-3.7-.1-12.6 4.2-21.4 10.9-27zm29.9 12.9c-3.6.8-7.1 1.7-10.5 2.9-.6 3.8-1.4 7.5-2.4 11.2 3.4-1 7-1.9 10.5-2.6 1.1-3.8 1.9-7.6 2.4-11.5z" class="st0"/><path d="M52.5 0C23.5 0 0 23.5 0 52.5S23.5 105 52.5 105 105 81.5 105 52.5 81.5 0 52.5 0zm43.3 56.3v.4c-.1 1.4-.3 2.7-.6 4-4.5 23.6-27.3 39.1-50.9 34.5S5.3 67.9 9.8 44.3 37.1 5.2 60.7 9.8c2 .4 3.9.9 5.8 1.5-.4 3.9-.8 7.9-1.1 12 3.7-.4 7.3-.9 10.9-1.3.2-1.8.4-3.6.7-5.3.9.6 1.8 1.3 2.7 2l.1.1c.8.7 1.7 1.4 2.5 2.2l.2.2c1.6 1.5 3.1 3.2 4.5 5h-.1c-1.7.3-3.5.7-5.3.9-.3 3.7-.5 7.5-.8 11.4 4.1-.6 8.2-1.2 12.1-1.8.2.6.5 1.2.7 1.9.2.6.4 1.2.6 1.9v.1c.2.6.3 1.2.5 1.8l.1.2c.1.6.3 1.1.4 1.7 0 .2 0 .3.1.4.1.5.2 1 .3 1.6l.1.7c.1.4.1.9.2 1.3s.1.7.1 1.1.1.7.1 1c0 .7.1 1.4.1 2.2s0 1.4-.1 2.1c-.2.5-.2 1-.3 1.6z" class="st0"/></svg>
\ No newline at end of file
diff --git a/src/collections/integrations/antrea/index.mdx b/src/collections/integrations/antrea/index.mdx
index 0d695cbbf8d7..cf138d411dc3 100644
--- a/src/collections/integrations/antrea/index.mdx
+++ b/src/collections/integrations/antrea/index.mdx
@@ -110,6 +110,12 @@ components: [
 "colorIcon": "icons/components/node-latency-monitor/icons/color/node-latency-monitor-color.svg",
 "whiteIcon": "icons/components/node-latency-monitor/icons/white/node-latency-monitor-white.svg",
 "description": "",
+},
+{
+"name": "packet-capture",
+"colorIcon": "icons/components/packet-capture/icons/color/packet-capture-color.svg",
+"whiteIcon": "icons/components/packet-capture/icons/white/packet-capture-white.svg",
+"description": "",
 }]
 featureList: [
   "Network policy enforcement",
diff --git a/src/collections/integrations/keda/index.mdx b/src/collections/integrations/keda/index.mdx
index a9cc3be78bef..8d7a268a2d4d 100644
--- a/src/collections/integrations/keda/index.mdx
+++ b/src/collections/integrations/keda/index.mdx
@@ -49,7 +49,7 @@ components: [
 "name": "cluster-cloud-event-source",
 "colorIcon": "icons/components/cluster-cloud-event-source/icons/color/cluster-cloud-event-source-color.svg",
 "whiteIcon": "icons/components/cluster-cloud-event-source/icons/white/cluster-cloud-event-source-white.svg",
-"description": "#326de6",
+"description": "",
 }]
 featureList: [
   "Scales applications based on various metrics",
diff --git a/src/collections/members/Hargun-Kaur/index.mdx b/src/collections/members/Hargun-Kaur/index.mdx
index 5713b0e040fc..863782637a06 100644
--- a/src/collections/members/Hargun-Kaur/index.mdx
+++ b/src/collections/members/Hargun-Kaur/index.mdx
@@ -12,6 +12,6 @@ badges:
  - community
  - docs
 community_manager: yes
-status: Active
+status: Inactive
 published: true
 ---
diff --git a/src/collections/members/_member-profile-template/index.mdx b/src/collections/members/_member-profile-template/index.mdx
index 8bfbfa25a84e..a250b8b4ab05 100644
--- a/src/collections/members/_member-profile-template/index.mdx
+++ b/src/collections/members/_member-profile-template/index.mdx
@@ -5,7 +5,7 @@ image_path: ./display-picture.webp
 github: # just the user handle (e.g. vinayaksh42)
 twitter: # just the user handle (e.g. Vinayak47427793)
 linkedin: # last portion of https://www.linkedin.com/in/<profile-name> (e.g. vinayak-sharma-141096193)
-layer5: # Layer5 Cloud user ID; last portion of https://meshery.layer5.io/user/<uuid>
+layer5: # Layer5 Cloud user ID; last portion of https://cloud.layer5.io/user/<uuid>
 location: # City, Country
 bio: # One or two paragraphs about the community member, enclosed in quotation marks.
 badges: # List of badges that this member carries. 
diff --git a/src/collections/members/ aditya-Mohan/aditya-mohan.webp b/src/collections/members/aditya-Mohan/aditya-mohan.webp
similarity index 100%
rename from src/collections/members/ aditya-Mohan/aditya-mohan.webp
rename to src/collections/members/aditya-Mohan/aditya-mohan.webp
diff --git a/src/collections/members/ aditya-Mohan/index.mdx b/src/collections/members/aditya-Mohan/index.mdx
similarity index 97%
rename from src/collections/members/ aditya-Mohan/index.mdx
rename to src/collections/members/aditya-Mohan/index.mdx
index 9bb952555768..33de690f48c9 100644
--- a/src/collections/members/ aditya-Mohan/index.mdx	
+++ b/src/collections/members/aditya-Mohan/index.mdx
@@ -10,7 +10,7 @@ location: Atlanta, Georgia, United States
 bio: Hi, Open-source enthusiast, full-stack developer, and M.S. Computer Science student at Georgia State University—blending creativity in code, music, and gaming with a passion for tech and gadgets, and always on the lookout for the next cool toy to tinker with.
 badges:
    - meshery
-status: Active
+status: Inactive
 published: true
 maintainer: no
 ---
diff --git a/src/collections/news/2024/2024-11-12-layer5-launches-kanvas-a-collaborative-platform-for-cloud-native-infrastructure/index.mdx b/src/collections/news/2024/2024-11-12-layer5-launches-kanvas-a-collaborative-platform-for-cloud-native-infrastructure/index.mdx
new file mode 100644
index 000000000000..6deb429fd4e0
--- /dev/null
+++ b/src/collections/news/2024/2024-11-12-layer5-launches-kanvas-a-collaborative-platform-for-cloud-native-infrastructure/index.mdx
@@ -0,0 +1,114 @@
+---
+title: "Layer5 Launches Kanvas: A Collaborative Platform for Cloud Native Infrastructure"
+subtitle: "Enabling teams to collaboratively design, deploy, and manage cloud native infrastructure without finger-pointing"
+date: 2024-11-15 08:00:00 -0530
+author: The Newsroom
+thumbnail: ../../../../assets/images/kanvas/stacked/kanvas-stacked-color.svg
+darkthumbnail: ../../../../assets/images/kanvas/stacked/kanvas-stacked-partial-color.svg
+category: "Press Release"
+description: "Layer5 announces Kanvas, a collaboration platform for engineering teams managing cloud native infrastructure. Built on Meshery, Kanvas provides an intuitive design suite for engineers to visualize, manage, and collaboratively design multi-cloud and Kubernetes-native infrastructure."
+tags:
+ - Announcements
+ - Kanvas
+type: News
+presskit: ""
+resource: false
+published: true
+---
+import { Link } from "gatsby";
+import Kanvas from "./kanvas-icon-color.svg";
+import KanvasScreenshot from "./layer5-kanvas-designer.webp";
+import { NewsWrapper } from "../../News.style.js";
+import Blockquote from "../../../../reusecore/Blockquote";
+import BlockquoteAlt from "../../../../reusecore/Blockquote/Blockquote-alt-style";
+
+<NewsWrapper>
+<p>
+[Salt Lake City, UT] [KubeCon + CloudNativeCon] - November 14th, 2024 – <Link to="/">Layer5</Link>, the open source company behind the popular <a href="https://meshery.io">Meshery</a> project, announces Kanvas, a new collaboration platform that is like Google Workspace, but designed for engineering teams.
+</p>
+
+<a href={KanvasScreenshot}><img src={KanvasScreenshot} alt="Layer5 Kanvas Designer" width="100%" className="block-display align-center" /></a>
+
+<p><a href="https://kanvas.new/">Kanvas</a> is a multi-modal collaboration suite built atop one of the Cloud Native Computing Foundation’s highest velocity open source projects: Meshery. Kanvas’s two modes, Designer and Operator, offer declarative and imperative DevOps workflows, respectively. Both modes provide a visual interface for creating and managing complex cloud native infrastructure, expediting collaborative problem-solving, brainstorming and innovation, engineer onboarding, and auto-documented infrastructure. Importantly, Kanvas helps teams avoid finger-pointing and the blame-game by allowing them to be on the same page - literally.</p>
+
+<BlockquoteAlt 
+  quote="Partnering on Dapr’s integration with Meshery has been eye-opening. Kanvas promotes collaboration in the design and discussion of cloud native applications, eliminating misunderstandings between teams. It is a game-changer for how we navigate the complexities of relationships between system components"
+  person="Mauricio Salatino"
+  title="Software Engineer at Diagrid and author of Platform Engineering on Kubernetes"
+  />
+
+<p>
+As an extensible, self-service engineering platform with hundreds of technology integrations, supporting multi-cloud and Kubernetes native infrastructure, Meshery is the ideal management platform upon which to build Kanvas’ novel collaboration experience. Meshery has thousands of pre-built components supporting Kubernetes and Cloud services and with over 2,000 contributors, Meshery is the 9th fastest growing CNCF (out of 200+ projects).
+</p>
+
+
+<Blockquote
+  quote="Internal developer platforms, like Meshery, are rising in popularity, because engineering teams remain siloed with disparate tooling, inconsistent workflow, lack of collaboration and shared process. A lack of collaboration plagues engineering teams with 83% of IT organizations implementing DevOps practices. 62% of organizations are stuck mid-DevOps evolution, teams tightly coupled and responsibilities diffused. Engineering teams desperately need to collaborate, but lack tooling specifically designed for cloud native infrastructure."
+  person="Lee Calcote"
+  title="Layer5 founder" 
+  />
+
+<p>
+Like Figma for engineers, Kanvas users can access Kanvas from any computer with an internet connection and a web browser.
+</p>
+
+#### Feature Highlights:
+<ul>
+  <li><strong>Infrastructure as Design</strong>: Intuitive drag-and-drop interface for designing and visualizing cloud native infrastructure and general architecture diagrams. Supports Kubernetes and multi-cloud services.</li>
+  <li><strong>Self-Service DevOps</strong>: Empowers engineers to create, share, and manage their own environments on demand.</li>
+  <li><strong>Greenfields and Brownfield Infrastructure</strong>: Import existing cloud environments to visualize current infrastructure or create a new design from scratch.</li>
+  <li><strong>GitOps Integration</strong>: Pull request integration for infrastructure design reviews.</li>
+  <li><strong>Model-Driven</strong> characterization of both semantic and non-semantic infrastructure as design components.</li>
+  <li><strong>Policy-driven intelligent inference</strong> of infrastructure components and their relationships.</li>
+  <li><strong>Real-Time Collaboration</strong>: Work with others on your designs in real-time, making it easier to collaborate and share ideas, while all changes are saved automatically. </li>
+  <li><strong>Design Patterns</strong>: A catalog full of ready-made blueprints for common infrastructure and application architectures.</li>
+  <li><strong>Kanvas Spaces</strong>: provide a collaborative environment similar to Google Shared Drive, but specifically tailored for cloud-native infrastructure management.</li>
+  <li><strong>Design Reviews</strong>: Collaboratively review and provide feedback on designs and prototypes.</li>
+</ul>
+
+<div>
+<iframe width="100%" height="315" style="margin-right: 1.5rem;margin-left:1.5rem;" src="https://www.youtube.com/embed/4WcofErPTx4?si=UfouUV7mhADg3zkk" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
+<p style="font-style:italic;font-size:1rem;margin-left:1rem;">Birth of Kanvas from Meshery</p>
+</div>
+#### Kanvas caters to a wide range of users, including:
+<ul>
+  <li>Teams and engineering managers for brainstorming, diagramming, wireframing, and interviewing.</li>
+  <li>Platform engineers for underpinning self-service and developer empowerment.</li>
+  <li>Site reliability engineers for curating a catalog of design patterns as a center of excellence.</li>
+  <li>Operators for managing and visualizing infrastructure components.</li>
+  <li>Solution architects designing infrastructure across multiple cloud providers from a single canvas.</li>
+  <li>Developer advocates and educators for facilitating real-time exploration and asynchronous study of any cloud native technology.</li>
+  <li>Developers and product engineers for ease of understanding and design of their application infrastructure.</li>
+  <li>System integrators and consultants for a service provider-grade organization hierarchy, multi-tenant, white-labelable, highly extensible delivery platform.</li>
+</ul>
+
+<BlockquoteAlt 
+  quote="Layer5 Kanvas is revolutionizing our approach to infrastructure design. With its collaborative environment, we're seeing significant gains in efficiency and cost-effectiveness, streamlining our workflows and fostering a shared understanding between our customers and partners. Any team that needs a shared space to collaborate and visualize ideas can benefit from using Kanvas."
+  person="Yogi Porla"
+  title=" CTO of Deeplineage"
+  />
+
+<p>Kanvas Designer is available now in beta as a service or self-hosted solution. Kanvas Operator will be available early next year. Try dragging and dropping your Kubernetes manifest into <a href="https://kanvas.new">https://kanvas.new</a> today.</p>
+
+
+
+#### Resources
+<ul>
+<li>Kanvas application: <a href="https://kanvas.new">https://kanvas.new</a>.</li>
+<li>Design Catalog: <a href="https://cloud.layer5.io/catalog">https://cloud.layer5.io/catalog</a>.</li>
+<li>Kanvas website: <Link to="/cloud-native-management/kanvas">https://layer5.io/cloud-native-management/kanvas</Link>.</li>
+<li>Kanvas documentation: <a href="https://docs.layer5.io/kanvas/">https://docs.layer5.io/kanvas/</a>.</li>
+<li>Attend <a href="https://layer5.io/community/events/kubecon-cloudnativecon-na-salt-lake-city-utah-2024">KubeCon NA 2024 Session: Visualizing Kubernetes Resource Relationships with Meshery</a>.</li>
+</ul>
+
+##### About Layer5, Inc.
+<p style="font-size:1rem">
+Our open source and commercial products empower organizations to embrace the power of cloud native with confidence. Layer5's mission is to simplify the adoption and operation of cloud native infrastructure, enabling organizations to innovate faster and engineers to do so collaboratively. 
+Layer5’s award-winning open source community has over 10,000 members. For more information, visit <Link to="/">https://layer5.io</Link></p>
+
+##### About Kanvas
+<p style="font-size:1rem">
+Kanvas is a web-based collaboration tool that allows you to create, review, and operate highly-detailed  architecture diagrams of your cloud and cloud infrastructure using a drag-and-drop interface. Kanvas is popular with site reliability engineers, platform engineers, architects, operators, and developers as an enabler of productive, collaborative infrastructure management. Try Kanvas at <a href="https://kanvas.new">https://kanvas.new</a>.</p>
+
+
+</NewsWrapper>
\ No newline at end of file
diff --git a/src/collections/news/2024/2024-11-12-layer5-launches-kanvas-a-collaborative-platform-for-cloud-native-infrastructure/kanvas-icon-color.svg b/src/collections/news/2024/2024-11-12-layer5-launches-kanvas-a-collaborative-platform-for-cloud-native-infrastructure/kanvas-icon-color.svg
new file mode 100644
index 000000000000..80226d79285b
--- /dev/null
+++ b/src/collections/news/2024/2024-11-12-layer5-launches-kanvas-a-collaborative-platform-for-cloud-native-infrastructure/kanvas-icon-color.svg
@@ -0,0 +1,20 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 500 500">
+  <defs>
+    <style>
+      .cls-1 {
+        fill: #00b39f;
+      }
+
+      .cls-2 {
+        fill: #00d3a9;
+      }
+    </style>
+  </defs>
+  <polygon class="cls-2" points="261.82 30.1 261.82 228.75 433.99 129.07 261.82 30.1"/>
+  <polygon class="cls-2" points="261.82 270.3 261.82 469.9 435.56 370.56 261.82 270.3"/>
+  <polygon class="cls-1" points="237.03 227.38 237.03 31.77 66.97 129.25 237.03 227.38"/>
+  <polygon class="cls-1" points="237.03 468.98 237.03 271.74 66.56 370.43 237.03 468.98"/>
+  <polygon class="cls-1" points="447.37 348.75 447.37 149.97 275.4 249.52 447.37 348.75"/>
+  <polygon class="cls-2" points="52.63 149.59 52.63 349.85 225.87 249.56 52.63 149.59"/>
+</svg>
\ No newline at end of file
diff --git a/src/collections/news/2024/2024-11-12-layer5-launches-kanvas-a-collaborative-platform-for-cloud-native-infrastructure/kanvas-icon-white.svg b/src/collections/news/2024/2024-11-12-layer5-launches-kanvas-a-collaborative-platform-for-cloud-native-infrastructure/kanvas-icon-white.svg
new file mode 100644
index 000000000000..29c4be1f481b
--- /dev/null
+++ b/src/collections/news/2024/2024-11-12-layer5-launches-kanvas-a-collaborative-platform-for-cloud-native-infrastructure/kanvas-icon-white.svg
@@ -0,0 +1,26 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 500 500">
+  <defs>
+    <style>
+      .cls-1 {
+        fill: #fff;
+      }
+
+      .cls-2 {
+        opacity: .8;
+      }
+    </style>
+  </defs>
+  <polygon class="cls-1" points="261.82 30.1 261.82 228.75 433.99 129.07 261.82 30.1"/>
+  <polygon class="cls-1" points="261.82 270.3 261.82 469.9 435.56 370.56 261.82 270.3"/>
+  <g class="cls-2">
+    <polygon class="cls-1" points="237.03 227.38 237.03 31.77 66.97 129.25 237.03 227.38"/>
+  </g>
+  <g class="cls-2">
+    <polygon class="cls-1" points="237.03 468.98 237.03 271.74 66.56 370.43 237.03 468.98"/>
+  </g>
+  <g class="cls-2">
+    <polygon class="cls-1" points="447.37 348.75 447.37 149.97 275.4 249.52 447.37 348.75"/>
+  </g>
+  <polygon class="cls-1" points="52.63 149.59 52.63 349.85 225.87 249.56 52.63 149.59"/>
+</svg>
\ No newline at end of file
diff --git a/src/collections/news/2024/2024-11-12-layer5-launches-kanvas-a-collaborative-platform-for-cloud-native-infrastructure/layer5-kanvas-designer.png b/src/collections/news/2024/2024-11-12-layer5-launches-kanvas-a-collaborative-platform-for-cloud-native-infrastructure/layer5-kanvas-designer.png
new file mode 100644
index 000000000000..5f003679a602
Binary files /dev/null and b/src/collections/news/2024/2024-11-12-layer5-launches-kanvas-a-collaborative-platform-for-cloud-native-infrastructure/layer5-kanvas-designer.png differ
diff --git a/src/collections/news/2024/2024-11-12-layer5-launches-kanvas-a-collaborative-platform-for-cloud-native-infrastructure/layer5-kanvas-designer.webp b/src/collections/news/2024/2024-11-12-layer5-launches-kanvas-a-collaborative-platform-for-cloud-native-infrastructure/layer5-kanvas-designer.webp
new file mode 100644
index 000000000000..0bc9841f6f11
Binary files /dev/null and b/src/collections/news/2024/2024-11-12-layer5-launches-kanvas-a-collaborative-platform-for-cloud-native-infrastructure/layer5-kanvas-designer.webp differ
diff --git a/src/collections/news/News.style.js b/src/collections/news/News.style.js
index da6604f3540a..945d178711c9 100644
--- a/src/collections/news/News.style.js
+++ b/src/collections/news/News.style.js
@@ -19,6 +19,9 @@ export const NewsWrapper = styled.div`
     .block-display {
         display: block;
     }
+    .align-center {
+        text-align: center;
+    }
 
 
 @media screen and (max-width: 768px) {
diff --git a/src/components/Learn-Components/what-await-section/index.js b/src/components/Learn-Components/what-await-section/index.js
index 016c12fd22ab..8ed297465a53 100644
--- a/src/components/Learn-Components/what-await-section/index.js
+++ b/src/components/Learn-Components/what-await-section/index.js
@@ -15,7 +15,7 @@ const WhatAwaitsSection = () => {
             <p>Cloud Native patterns help you get the most out of any cloud native. Each pattern can be used as a template and is customizable.
             </p>
             <p style={{ "justifyContent": "center", "textAlign": "center" }}>
-              <Button $primary title="Visit Cloud Native Patterns catalog" $url="https://meshery.layer5.io/catalog" $external={true} style={{ "margin": "1rem" }}/>
+              <Button $primary title="Visit Cloud Native Patterns catalog" $url="https://cloud.layer5.io/catalog" $external={true} style={{ "margin": "1rem" }}/>
               <Button $secondary title="Visit Service Mesh Patterns website" $url="https://service-mesh-patterns.github.io/service-mesh-patterns/" $external={true} />
             </p>
           </div>
diff --git a/src/components/PlanCard/collapsible-details.js b/src/components/PlanCard/collapsible-details.js
index e1cf0d9e15e9..1276a6bd473a 100644
--- a/src/components/PlanCard/collapsible-details.js
+++ b/src/components/PlanCard/collapsible-details.js
@@ -4,77 +4,96 @@ import { MdExpandMore } from "@react-icons/all-files/md/MdExpandMore";
 import { RiArrowRightSLine } from "@react-icons/all-files/ri/RiArrowRightSLine";
 
 const FeatureDetailsWrapper = styled.div`
-display: inline;
-cursor: pointer;
-.open{
+  display: inline;
+  cursor: pointer;
+
+  .open {
     margin: 0rem;
     list-style: none;
-    height:auto !important;
-    opacity:1 !important;
+    height: auto !important;
+    opacity: 1 !important;
     margin-bottom: 2rem;
-    transition:all .4s !important;
-   }
-   .toggle-icon{
-    width: 1.2rem; 
-    height: 1.2rem; 
-    fill: ${props => props.theme.primaryColor};
+    transition: all 0.4s !important;
+  }
+
+  .toggle-icon {
+    width: 1.2rem;
+    height: 1.2rem;
+    fill: ${(props) => props.theme.primaryColor};
     transition: 0.8s cubic-bezier(0.2, 0.8, 0.2, 1);
   }
-p{
+
+  p {
     font-size: 0.9rem;
-    color: ${props => props.theme.greyC1C1C1ToGreyB3B3B3}; 
-    transition: 0.8s cubic-bezier(0.2, 0.8, 0.2, 1); 
-}
-.toggle-btn{
-    display:inline-block;
+    color: ${(props) => props.theme.greyC1C1C1ToGreyB3B3B3};
+    transition: 0.8s cubic-bezier(0.2, 0.8, 0.2, 1);
+  }
+
+  .toggle-btn {
+    display: inline-block;
     float: left;
-    vertical-align: middle;;
-   }
-   .closed{
-    opacity:1;
-    height:0;
-    transition:none;
-    visibility:hidden;
-   }
-   .open{
-    visibility:visible;
-   }
- h5{
-   display: inline-block;
-   vertical-align: middle;
- }
+    vertical-align: middle;
+  }
+
+  .closed {
+    opacity: 1;
+    height: 0;
+    transition: none;
+    visibility: hidden;
+  }
+
+  .open {
+    visibility: visible;
+  }
+
+  h5 {
+    display: inline-block;
+    vertical-align: middle;
+  }
+
+  .beta-tag {
+    display: inline-block;
+    background-color: #ffd700;
+    color: #000000;
+    font-size: 0.7rem;
+    padding: 2px 6px;
+    border-radius: 4px;
+    margin-left: 8px;
+    font-weight: bold;
+    vertical-align: middle;
+  }
 `;
 
-const FeatureDetails = (props) => {
+const FeatureDetails = ({ category, description, tier }) => {
   const [expand, setExpand] = React.useState(false);
 
+  const BetaTag = () => <span className="beta-tag">Coming Soon</span>;
+
   return (
     <FeatureDetailsWrapper>
-      <div onClick={function () {
-        setExpand(!expand);
-      }}>
-        {props.description ?
+      <div onClick={() => setExpand(!expand)}>
+        {description && (
           <div className="toggle-btn">
             {expand ? (
               <MdExpandMore
                 className="toggle-icon"
-                onClick={function () {
-                  setExpand(!expand);
-                }}
+                onClick={() => setExpand(!expand)}
               />
             ) : (
               <RiArrowRightSLine
                 className="toggle-icon"
-                onClick={function () {
-                  setExpand(!expand);
-                }}
+                onClick={() => setExpand(!expand)}
               />
             )}
-          </div> : ""}
-        <h5>{props.category}</h5>
+          </div>
+        )}
+        <h5>
+          {category}
+          {tier === "Team-Beta" && <BetaTag />}
+        </h5>
         <div className="details">
           <p className={`closed ${expand ? "open" : ""}`}>
-            {props.description}
+            {description}
           </p>
         </div>
       </div>
diff --git a/src/components/PlanCard/index.js b/src/components/PlanCard/index.js
index 29726d2edd78..c3f3e2000209 100644
--- a/src/components/PlanCard/index.js
+++ b/src/components/PlanCard/index.js
@@ -4,33 +4,31 @@ import { Col, Row, Container } from "../../reusecore/Layout";
 import PlanCardWrapper from "./planCard.style";
 import FeatureDetails from "./collapsible-details";
 
-const PlanCard = (props) => {
-  return (
+const PlanCard = ({ planData }) => {
+  if (!planData || !Array.isArray(planData) || planData.length === 0) {
+    return <div>No plan data available</div>;
+  }
 
+  return (
     <PlanCardWrapper>
       <Container>
         <Row $Hcenter={true}>
-          {props.planData.map((x) => (
+          {planData.map((x) => (
             <Col lg={4} md={6} key={x.tier}>
-              <div
-                className={`${x.featured ? "featured" : ""} pricing-table`}
-              >
-                {x.featured ? (
-                  <div className="pricing-label">Free Forever</div>
-                ) : (
-                  ""
-                )}
+              <div className={`${x.featured ? "featured" : ""} pricing-table`}>
+                {x.featured && <div className="pricing-label">Free Forever</div>}
                 <div className="pricing_coming_soon">
                   {x.pricing_coming_soon}
                 </div>
                 <h2>{x.tier}</h2>
                 <h5 className="byline">{x.byline}</h5>
                 <div className="pricing-features">
-                  {x.summary.map((t) => (
+                  {x.summary && x.summary.map((t) => (
                     <div className="feature" key={t.id}>
                       <FeatureDetails
                         category={t.category}
                         description={t.description}
+                        tier={t.tier}
                       />
                     </div>
                   ))}
@@ -49,7 +47,6 @@ const PlanCard = (props) => {
               </div>
             </Col>
           ))}
-
         </Row>
       </Container>
     </PlanCardWrapper>
diff --git a/src/pages/projects/sistent/components/box/code.js b/src/pages/projects/sistent/components/box/code.js
new file mode 100644
index 000000000000..f7228ded370a
--- /dev/null
+++ b/src/pages/projects/sistent/components/box/code.js
@@ -0,0 +1,8 @@
+import React from "react";
+import { BoxCode } from "../../../../../sections/Projects/Sistent/components/box/code";
+
+const BoxCodePage = () => {
+  return <BoxCode />;
+};
+
+export default BoxCodePage;
diff --git a/src/pages/projects/sistent/components/box/guidance.js b/src/pages/projects/sistent/components/box/guidance.js
new file mode 100644
index 000000000000..7294f7552040
--- /dev/null
+++ b/src/pages/projects/sistent/components/box/guidance.js
@@ -0,0 +1,8 @@
+import React from "react";
+import { BoxGuidance } from "../../../../../sections/Projects/Sistent/components/box/guidance";
+
+const BoxGuidancePage = () => {
+  return <BoxGuidance />;
+};
+
+export default BoxGuidancePage;
diff --git a/src/pages/projects/sistent/components/box/index.js b/src/pages/projects/sistent/components/box/index.js
new file mode 100644
index 000000000000..31eb7536a5e2
--- /dev/null
+++ b/src/pages/projects/sistent/components/box/index.js
@@ -0,0 +1,8 @@
+import React from "react";
+import SistentBox from "../../../../../sections/Projects/Sistent/components/box/index";
+
+const SistentBoxPage = () => {
+  return <SistentBox />;
+};
+
+export default SistentBoxPage;
diff --git a/src/sections/Cloud-Native-Catalog/new-catalog.js b/src/sections/Cloud-Native-Catalog/new-catalog.js
index 789042459978..08c3162cbb9a 100644
--- a/src/sections/Cloud-Native-Catalog/new-catalog.js
+++ b/src/sections/Cloud-Native-Catalog/new-catalog.js
@@ -52,7 +52,7 @@ const NewCatalog = () => {
           CREATE AND SHARE YOUR OWN BEST PRACTICES
         </p>
         <div className="new-catalog__button_section">
-          <Button $primary $external={true} title="Publish Your Own Design" $url="https://meshery.layer5.io/catalog" />
+          <Button $primary $external={true} title="Publish Your Own Design" $url="https://cloud.layer5.io/catalog" />
         </div>
       </Container>
     </NewCatalogWrapper>
diff --git a/src/sections/Community/Handbook/recognition.js b/src/sections/Community/Handbook/recognition.js
index fe372dc4580c..8b21be642c5d 100644
--- a/src/sections/Community/Handbook/recognition.js
+++ b/src/sections/Community/Handbook/recognition.js
@@ -235,7 +235,7 @@ const RecognitionPage = () => {
               Each badge is tied to specific activities. Here are some ways you can earn Layer5 Badges:
             </p>
             <p>
-              For users, badges for activities such as using our projects, talking about the projects, sharing your successes and what you like about them. For contributors, badges include activities such as submitting code, reviewing Pull Requests, assisting with documentation, participating in community events, and more. As you accumulate contributions in various areas, you'll begin to unlock badges that showcase your multifaceted involvement. These badges will be prominently displayed on your <a href="https://meshery.layer5.io">Layer5 Cloud</a> profile, visually representing your journey. Not only does this serve as a source of personal pride, but it also helps others in the community recognize your expertise and dedication.
+              For users, badges for activities such as using our projects, talking about the projects, sharing your successes and what you like about them. For contributors, badges include activities such as submitting code, reviewing Pull Requests, assisting with documentation, participating in community events, and more. As you accumulate contributions in various areas, you'll begin to unlock badges that showcase your multifaceted involvement. These badges will be prominently displayed on your <a href="https://cloud.layer5.io">Layer5 Cloud</a> profile, visually representing your journey. Not only does this serve as a source of personal pride, but it also helps others in the community recognize your expertise and dedication.
               <ul>
                 <li>
                   Activity Badges are the badges that are assigned when a user completes a task like sharing a design, creating a design for the first time, etc.
@@ -258,7 +258,7 @@ const RecognitionPage = () => {
             <ul>
               <li>
                 Visit your{" "}
-                <a href="https://meshery.layer5.io">Layer5 Cloud</a>{" "}
+                <a href="https://cloud.layer5.io">Layer5 Cloud</a>{" "}
                 Profile to see the badges
               </li>
               <li>Click on the badge, which you wanted to display</li>
diff --git a/src/sections/Community/Handbook/repo-data.js b/src/sections/Community/Handbook/repo-data.js
index a2a5c33fc1b5..91d6e7eb3d81 100644
--- a/src/sections/Community/Handbook/repo-data.js
+++ b/src/sections/Community/Handbook/repo-data.js
@@ -126,7 +126,7 @@ export const repo_data = [
       {
         project: "Layer5 Cloud",
         image: meshery,
-        site: "https://meshery.layer5.io/",
+        site: "https://cloud.layer5.io/",
         language: "React.js",
         maintainers_name: ["Yash Sharma"],
         link: ["https://layer5.io/community/members/yash-sharma"],
diff --git a/src/sections/Community/Member-single/index.js b/src/sections/Community/Member-single/index.js
index 31ab829daea4..7a7db30255cf 100644
--- a/src/sections/Community/Member-single/index.js
+++ b/src/sections/Community/Member-single/index.js
@@ -375,7 +375,7 @@ const MemberSingle = ({ frontmatter }) => {
                   )}
                   {layer5 && (
                     <li className="tooltip">
-                      <a href={`https://meshery.layer5.io/user/${layer5}`}>
+                      <a href={`https://cloud.layer5.io/user/${layer5}`}>
                         <img src={mesheryLogo} alt="meshery-icon"></img>
                         <span className="tooltiptext">Meshery</span>
                       </a>
diff --git a/src/sections/Company/Legal/terms-of-service/index.js b/src/sections/Company/Legal/terms-of-service/index.js
index c88f9b0abb53..a4e89da9958b 100644
--- a/src/sections/Company/Legal/terms-of-service/index.js
+++ b/src/sections/Company/Legal/terms-of-service/index.js
@@ -15,7 +15,7 @@ const Conduct = () => {
             <div className="conduct_heading">
               <h2>Agreement between User and Layer5, Inc.</h2>
             </div>
-            <p>Welcome to meshery.layer5.io. The meshery.layer5.io website (the “Site”) is comprised of various web pages operated by Layer5.io, Inc (“Layer5”). meshery.layer5.io is offered to you conditioned on your acceptance without modification of the terms, conditions, and notices contained herein (the “Terms”). Your use of meshery.layer5.io constitutes your agreement to all such Terms. Please read these terms carefully, and keep a copy of them for your reference.
+            <p>Welcome to cloud.layer5.io. The cloud.layer5.io website (the “Site”) is comprised of various web pages operated by Layer5.io, Inc (“Layer5”). cloud.layer5.io is offered to you conditioned on your acceptance without modification of the terms, conditions, and notices contained herein (the “Terms”). Your use of cloud.layer5.io constitutes your agreement to all such Terms. Please read these terms carefully, and keep a copy of them for your reference.
             </p>
 
             <p>layer5.io is a Software Product and Services Site.</p>
@@ -29,7 +29,7 @@ const Conduct = () => {
               <h2>Electronic Communications</h2>
             </div>
             <p>
-              Visiting meshery.layer5.io or sending emails to Layer5 constitutes electronic communications. You consent to receive electronic communications and you agree that all agreements, notices, disclosures and other communications that we provide to you electronically, via email and on the Site, satisfy any legal requirement that such communications be in writing.
+              Visiting cloud.layer5.io or sending emails to Layer5 constitutes electronic communications. You consent to receive electronic communications and you agree that all agreements, notices, disclosures and other communications that we provide to you electronically, via email and on the Site, satisfy any legal requirement that such communications be in writing.
             </p>
           </Col>
         </Row>
@@ -39,7 +39,7 @@ const Conduct = () => {
               <h2>Children Under Thirteen</h2>
             </div>
             <h5 className="black-text"></h5>
-Layer5 does not knowingly collect, either online or offline, personal information from persons under the age of thirteen. If you are under 18, you may use meshery.layer5.io only with permission of a parent or guardian.
+Layer5 does not knowingly collect, either online or offline, personal information from persons under the age of thirteen. If you are under 18, you may use cloud.layer5.io only with permission of a parent or guardian.
           </Col>
         </Row>
         <Row>
@@ -48,9 +48,9 @@ Layer5 does not knowingly collect, either online or offline, personal informatio
               <h2>No Unlawful or Prohibited Use/Intellectual Property</h2>
             </div>
             <h5 className="black-text">Links to Third Party Sites/Third Party Services</h5>
-meshery.layer5.io may contain links to other websites ("Linked Sites"). The Linked Sites are not under the control of Layer5 and Layer5 is not responsible for the contents of any Linked Site, including without limitation any link contained in a Linked Site, or any changes or updates to a Linked Site. Layer5 is providing these links to you only as a convenience, and the inclusion of any link does not imply endorsement by Layer5 of the site or any association with its operators.
+            cloud.layer5.io may contain links to other websites ("Linked Sites"). The Linked Sites are not under the control of Layer5 and Layer5 is not responsible for the contents of any Linked Site, including without limitation any link contained in a Linked Site, or any changes or updates to a Linked Site. Layer5 is providing these links to you only as a convenience, and the inclusion of any link does not imply endorsement by Layer5 of the site or any association with its operators.
 
-            <p>Certain services made available via meshery.layer5.io are delivered by third party sites and organizations. By using any product, service or functionality originating from the meshery.layer5.io domain, you hereby acknowledge and consent that Layer5 may share such information and data with any third party with whom Layer5 has a contractual relationship to provide the requested product, service or functionality on behalf of meshery.layer5.io users and customers.</p>
+            <p>Certain services made available via cloud.layer5.io are delivered by third party sites and organizations. By using any product, service or functionality originating from the cloud.layer5.io domain, you hereby acknowledge and consent that Layer5 may share such information and data with any third party with whom Layer5 has a contractual relationship to provide the requested product, service or functionality on behalf of cloud.layer5.io users and customers.</p>
           </Col>
         </Row>
         <Row>
@@ -59,7 +59,7 @@ meshery.layer5.io may contain links to other websites ("Linked Sites"). The Link
               <h2>No Unlawful or Prohibited Use/Intellectual Property</h2>
             </div>
 
-            <p>You are granted a non-exclusive, non-transferable, revocable license to access and use meshery.layer5.io strictly in accordance with these terms of use. As a condition of your use of the Site, you warrant to Layer5 that you will not use the Site for any purpose that is unlawful or prohibited by these Terms. You may not use the Site in any manner which could damage, disable, overburden, or impair the Site or interfere with any other party's use and enjoyment of the Site.</p>
+            <p>You are granted a non-exclusive, non-transferable, revocable license to access and use cloud.layer5.io strictly in accordance with these terms of use. As a condition of your use of the Site, you warrant to Layer5 that you will not use the Site for any purpose that is unlawful or prohibited by these Terms. You may not use the Site in any manner which could damage, disable, overburden, or impair the Site or interfere with any other party's use and enjoyment of the Site.</p>
 
             <p>You may not obtain or attempt to obtain any materials or information through any means not intentionally made available or provided for through the Site.</p>
 
@@ -74,7 +74,7 @@ meshery.layer5.io may contain links to other websites ("Linked Sites"). The Link
               <h2>International Users</h2>
             </div>
             <p>
-              The Service is controlled, operated and administered by Layer5 from our offices within the USA. If you access the Service from a location outside the USA, you are responsible for compliance with all local laws. You agree that you will not use the Layer5 Content accessed through meshery.layer5.io in any country or in any manner prohibited by any applicable laws, restrictions or regulations.
+              The Service is controlled, operated and administered by Layer5 from our offices within the USA. If you access the Service from a location outside the USA, you are responsible for compliance with all local laws. You agree that you will not use the Layer5 Content accessed through cloud.layer5.io in any country or in any manner prohibited by any applicable laws, restrictions or regulations.
             </p>
           </Col>
         </Row>
@@ -128,7 +128,7 @@ meshery.layer5.io may contain links to other websites ("Linked Sites"). The Link
               <h2>Changes to Terms</h2>
             </div>
             <p>
-              Layer5 reserves the right, in its sole discretion, to change the Terms under which meshery.layer5.io is offered. The most current version of the Terms will supersede all previous versions. Layer5 encourages you to periodically review the Terms to stay informed of our updates.
+              Layer5 reserves the right, in its sole discretion, to change the Terms under which cloud.layer5.io is offered. The most current version of the Terms will supersede all previous versions. Layer5 encourages you to periodically review the Terms to stay informed of our updates.
             </p>
           </Col>
         </Row>
diff --git a/src/sections/Company/News-single/index.js b/src/sections/Company/News-single/index.js
index e549695db4f0..2bb787049db8 100644
--- a/src/sections/Company/News-single/index.js
+++ b/src/sections/Company/News-single/index.js
@@ -8,8 +8,10 @@ import NewsSidebar from "./Sidebar";
 
 import NewsPageWrapper from "./NewsSingle.style.js";
 import RelatedPosts from "../../../components/Related-Posts";
+import { useStyledDarkMode } from "../../../theme/app/useStyledDarkMode";
 
 const NewsSingle = ({ data }) => {
+  const { isDark } = useStyledDarkMode();
   const { frontmatter, body, fields } = data.mdx;
   const newsData = useStaticQuery(
     graphql`query relatedNewsPosts {
@@ -54,7 +56,8 @@ const NewsSingle = ({ data }) => {
         subtitle={frontmatter.subtitle}
         category={frontmatter.category}
         author={{ name: frontmatter.author }}
-        thumbnail={frontmatter.thumbnail}
+        thumbnail={ isDark && frontmatter.darkthumbnail && frontmatter.darkthumbnail.publicURL !== frontmatter.thumbnail.publicURL
+          ? frontmatter.darkthumbnail : frontmatter.thumbnail}
         date={frontmatter.date}
       />
       <div className="single-post-wrapper">
diff --git a/src/sections/Counters/index.js b/src/sections/Counters/index.js
index 996065b41063..7f90f142f3e0 100644
--- a/src/sections/Counters/index.js
+++ b/src/sections/Counters/index.js
@@ -5,7 +5,7 @@ import Counter from "../../reusecore/Counter";
 
 import CounterSectionWrapper from "./counterSection.style";
 
-export const URL = "https://meshery.layer5.io/api/performance/results/total";
+export const URL = "https://cloud.layer5.io/api/performance/results/total";
 
 const Counters = () => {
   const [performanceCount, setPerformanceCount] = useState(0);
diff --git a/src/sections/FeatureHero/index.js b/src/sections/FeatureHero/index.js
index 9272e37b96d1..c1081b43df92 100644
--- a/src/sections/FeatureHero/index.js
+++ b/src/sections/FeatureHero/index.js
@@ -36,7 +36,7 @@ const FeatureHero = (props) => {
           <Button
             $primary
             title="Try Now!"
-            $url="https://meshery.layer5.io"
+            $url="https://cloud.layer5.io"
             $external={true}
           />
         </div>
diff --git a/src/sections/GCP-Diagram/diagram.js b/src/sections/GCP-Diagram/diagram.js
index e84703e10a10..35ab063a0559 100644
--- a/src/sections/GCP-Diagram/diagram.js
+++ b/src/sections/GCP-Diagram/diagram.js
@@ -176,7 +176,7 @@ const Gcp = () => {
         </Row>
         <Row className="catalog">
           <Col md={4} className="diagram-detail">
-            <h2 className="heading">Extensive GCP Icon Library</h2>
+            <h2 className="heading">Extensive GCP component library</h2>
             <p className="caption">
               Utilize a vast and continually expanding collection of GCP icons designed for both diagramming and orchestration scenarios. Craft globally comprehensible diagrams that are not only authentic but also aligned with the latest industry standards.
             </p>
diff --git a/src/sections/GCP-Diagram/index.js b/src/sections/GCP-Diagram/index.js
index fcf310317ea5..d80ee016860b 100644
--- a/src/sections/GCP-Diagram/index.js
+++ b/src/sections/GCP-Diagram/index.js
@@ -11,7 +11,7 @@ const GcpDiagramPage = () => {
   const { isDark } = useStyledDarkMode();
   let data = {
     heading: "GCP Orchestration and Diagramming Software",
-    sub_heading: "Orchestrate and design Google Cloud Platform architecture diagrams easily with predefined templates and symbols designed for professionals.",
+    sub_heading: "Orchestrate and design Google Cloud Platform architecture diagrams easily with predefined templates designed for professionals.",
     image: isDark ? GCPDiagramDark : GCPDiagramDark
   };
   return (
diff --git a/src/sections/General/Navigation/index.js b/src/sections/General/Navigation/index.js
index ca80dcadc0ce..dc5b61b7e009 100644
--- a/src/sections/General/Navigation/index.js
+++ b/src/sections/General/Navigation/index.js
@@ -183,7 +183,7 @@ const Navigation = () => {
   }
   useEffect(() => {
     const CLOUD_USER_API =
-      "https://meshery.layer5.io/api/identity/users/profile";
+      "https://cloud.layer5.io/api/identity/users/profile";
     const fetchData = async () => {
       try {
         const token = getCookieValue("provider_token");
@@ -347,7 +347,7 @@ const Navigation = () => {
                           $secondary
                           className="banner-btn two"
                           title="Get Started"
-                          $url="https://meshery.layer5.io/login"
+                          $url="https://cloud.layer5.io/login"
                           $external={true}
                         />
                       </li>
@@ -396,7 +396,7 @@ const Navigation = () => {
                   rel="noreferrer"
                   target="_blank"
                   className="drop-item"
-                  href={`https://meshery.layer5.io/user/${userData.id}`}
+                  href={`https://cloud.layer5.io/user/${userData.id}`}
                 >
                   <div className="drop-item-icon">
                     <CloudIcon />
@@ -429,7 +429,7 @@ const Navigation = () => {
                   onClick={() => {
                     removeCookie("provider_token");
                     // Open logout API link in a new tab
-                    window.open("https://meshery.layer5.io/logout", "_blank");
+                    window.open("https://cloud.layer5.io/logout", "_blank");
 
                     // Refresh the current page
                     window.location.reload();
@@ -453,7 +453,7 @@ const Navigation = () => {
               $external={true}
               title="Get Started"
               alt="Signup for Layer5 Cloud"
-              $url="https://meshery.layer5.io/registration"
+              $url="https://cloud.layer5.io/registration"
             />
           )}
           {/* <Button id="book-a-demo" aria-label="Book a demo" secondary className="banner-btn book-a-demo" external={true} title="Book a demo" alt="Book a demo" url="https://calendar.google.com/calendar/appointments/schedules/AcZssZ3pmcApaDP4xd8hvG5fy8ylxuFxD3akIRc5vpWJ60q-HemQi80SFFAVftbiIsq9pgiA2o8yvU56?gv=true" /> */}
diff --git a/src/sections/Home/Banner-4/index.js b/src/sections/Home/Banner-4/index.js
index b58967ed531b..0f9336571c13 100644
--- a/src/sections/Home/Banner-4/index.js
+++ b/src/sections/Home/Banner-4/index.js
@@ -71,7 +71,7 @@ const Banner1 = (props) => {
                   <Button $primary className="banner-btn one" title="Learn about Kanvas" $url="/cloud-native-management/kanvas">
                     <FaMapMarkedAlt size={21} className="icon-left" />
                   </Button>
-                  <Button $secondary className="banner-btn two" title="Open in Playground" $url="https://play.meshery.io" $external={true}>
+                  <Button $secondary className="banner-btn two" title="Open in Playground" $url="https://kanvas.new/" $external={true}>
                     <BsArrowUpRight size={21} className="icon-left" />
                   </Button>
                 </VintageBox>
diff --git a/src/sections/Home/FeaturesContainer/index.js b/src/sections/Home/FeaturesContainer/index.js
index 95a2602ff268..73c7bc8549cc 100644
--- a/src/sections/Home/FeaturesContainer/index.js
+++ b/src/sections/Home/FeaturesContainer/index.js
@@ -41,7 +41,7 @@ const FeaturesContainer = () => {
       redirectLink: "",
       desc: (
         <span>
-          Incorporate AWS <i>and</i>{" "} GCP components into Meshery designs for
+          Incorporate AWS <i>and</i>{" "} GCP components into Kanvas designs for
           comprehensive <i>and</i>{" "} intuitive system mapping, documentation, <i>and</i>{" "}
           orchestration.
         </span>
diff --git a/src/sections/Home/Playground-home/index.js b/src/sections/Home/Playground-home/index.js
index 0ba21c56e679..c2aff158ba18 100644
--- a/src/sections/Home/Playground-home/index.js
+++ b/src/sections/Home/Playground-home/index.js
@@ -64,7 +64,10 @@ const ViewsSectionWrapper = styled.div`
     @media only screen and (max-width: 767px) {
       text-align: center;
       flex-direction: column-reverse;
+      height: 600px;
+      padding: 0 2%;
     }
+      
 }
     .hero-text {
         display: flex;
@@ -76,7 +79,13 @@ const ViewsSectionWrapper = styled.div`
           max-width: 100%;
           justify-content: center;
           text-align: center;
+          margin-top: 4rem;
+        }
+        @media only screen and (min-width: 768px) and (max-width: 1100px) {
+          padding-left: 1rem;
         }
+
+          
     }
 
     .hero-image {
diff --git a/src/sections/Landscape/smi.js b/src/sections/Landscape/smi.js
index 4cbd74187cf0..ee097268120d 100644
--- a/src/sections/Landscape/smi.js
+++ b/src/sections/Landscape/smi.js
@@ -37,7 +37,7 @@ function SMI_Compatibility() {
   const [smiData, setSmiData] = useState(0);
 
   useEffect(() => {
-    fetch("https://meshery.layer5.io/api/smi/results/public")
+    fetch("https://cloud.layer5.io/api/smi/results/public")
       .then(response => response.json())
       // Group by SMI-spec version
       .then(results => {
diff --git a/src/sections/Meshery/Features-Col/index.js b/src/sections/Meshery/Features-Col/index.js
index eeec9fb67718..850ea68f4d76 100644
--- a/src/sections/Meshery/Features-Col/index.js
+++ b/src/sections/Meshery/Features-Col/index.js
@@ -60,7 +60,7 @@ function getFeatureBlock(feature, index, performanceCount) {
 
 const Features = () => {
   const [performanceCount, setPerformanceCount] = useState(0);
-  const performanceCountEndpoint = "https://meshery.layer5.io/api/performance/results/total";
+  const performanceCountEndpoint = "https://cloud.layer5.io/api/performance/results/total";
 
   useEffect(() => {
     fetch(performanceCountEndpoint)
diff --git a/src/sections/Meshery/Meshery-integrations/Individual-Integrations/CatalogGrid.js b/src/sections/Meshery/Meshery-integrations/Individual-Integrations/CatalogGrid.js
index 27a1f1ad114a..2ddb301c232d 100644
--- a/src/sections/Meshery/Meshery-integrations/Individual-Integrations/CatalogGrid.js
+++ b/src/sections/Meshery/Meshery-integrations/Individual-Integrations/CatalogGrid.js
@@ -13,7 +13,7 @@ const CatalogGrid = ({ frontmatter }) => {
   const { isDark } = useStyledDarkMode();
 
   useEffect(() => {
-    const CLOUD_FETCH_DESIGN = `https://meshery.layer5.io/api/catalog/content/pattern?technology=${
+    const CLOUD_FETCH_DESIGN = `https://cloud.layer5.io/api/catalog/content/pattern?technology=${
       technology[technology.length - 1]
     }&page=0&pagesize=${designSize}&search=&order=&metrics=true`;
     const fetchData = async () => {
@@ -52,7 +52,7 @@ const CatalogGrid = ({ frontmatter }) => {
             return (
               <CatalogCard
                 key={index}
-                cardLink={`https://meshery.layer5.io/catalog/content/catalog/${item?.id}`}
+                cardLink={`https://cloud.layer5.io/catalog/content/catalog/${item?.id}`}
                 cardHeight="20rem"
                 cardWidth="16rem"
                 pattern={item}
diff --git a/src/sections/Meshery/Meshery-integrations/Individual-Integrations/index.js b/src/sections/Meshery/Meshery-integrations/Individual-Integrations/index.js
index a6c11a8b5c45..6496b6ada812 100644
--- a/src/sections/Meshery/Meshery-integrations/Individual-Integrations/index.js
+++ b/src/sections/Meshery/Meshery-integrations/Individual-Integrations/index.js
@@ -114,7 +114,7 @@ const IndividualIntegrations = ({ data }) => {
         ) : isGcpItem ? (
           <HowMesheryWorksSpecs
             title="GCP Orchestration and Diagramming Softwarel"
-            desc="Orchestrate and design Google Cloud Platform architecture diagrams easily with predefined templates and symbols designed for professionals."
+            desc="Orchestrate and design Google Cloud Platform architecture diagrams easily with predefined templates designed for professionals."
             btnUrl="/cloud-native-management/generate-gcp-architecture-diagram"
           />
         ) : (
diff --git a/src/sections/Pricing/comparison.js b/src/sections/Pricing/comparison.js
index 3d4e735ea0d6..9502dc790d19 100644
--- a/src/sections/Pricing/comparison.js
+++ b/src/sections/Pricing/comparison.js
@@ -1,6 +1,6 @@
 import React from "react";
 import styled from "styled-components";
-import { details } from "./data";
+import details  from "./generateDetails";
 import { Container } from "../../reusecore/Layout";
 // import FeatureDetails from "./collapsible-details";
 import FeatureDetails from "../../components/PlanCard/collapsible-details";
diff --git a/src/sections/Pricing/data.js b/src/sections/Pricing/data.js
index 90838de228b1..731ab10e2e8c 100644
--- a/src/sections/Pricing/data.js
+++ b/src/sections/Pricing/data.js
@@ -434,7 +434,7 @@ export const options = [
     monthlyprice: 0,
     yearlyprice: 0,
     byline: "Open Source features, plus:",
-    button: ["Join for Free", "https://meshery.layer5.io"],
+    button: ["Join for Free", "https://cloud.layer5.io"],
     summary: [
       { id: 0, category: "Cloud Native Design Patterns", description: "Import and export your designs using your local filesystem or remote URL." },
       { id: 1, category: "Multiple Kubernetes Clusters", description: "Ongoing synchronization of Kubernetes configuration, workloads and cloud native infrastructure changes across any number of Kubernetes clusters." },
diff --git a/src/sections/Pricing/generateDetails.js b/src/sections/Pricing/generateDetails.js
new file mode 100644
index 000000000000..7d7d358d6310
--- /dev/null
+++ b/src/sections/Pricing/generateDetails.js
@@ -0,0 +1,48 @@
+import React from "react";
+import { GiCheckMark } from "@react-icons/all-files/gi/GiCheckMark";
+import { MdClose } from "@react-icons/all-files/md/MdClose";
+import featureData from "../../../feature_data.json";
+import Configuration from "./icons/configuration.svg";
+import Lifecycle from "./icons/lifecycle.svg";
+import Kanvas from "./icons/kanvas-icon.svg";
+import Perforamance from "./icons/perf.svg";
+import Collab from "./icons/collaboration.svg";
+import Identity from "./icons/identity.svg";
+import Notification from "./icons/notification.svg";
+import Support from "./icons/support.svg";
+
+function generateDetails(data) {
+  const categories = [
+    { id: 0, name: "Configuration Management", icon: Configuration },
+    { id: 1, name: "Lifecycle Management", icon: Lifecycle },
+    { id: 2, name: "Kanvas", icon: Kanvas },
+    { id: 3, name: "Performance Management", icon: Perforamance },
+    { id: 4, name: "Collaboration", icon: Collab },
+    { id: 5, name: "Identity & Access Management", icon: Identity },
+    { id: 6, name: "Incident Management", icon: Notification },
+    { id: 7, name: "Support and Deployment", icon: Support },
+  ];
+
+  return categories.map(category => {
+    const features = data
+      .filter(item => item.entire_row["Theme (also: Keychain Name)"] === category.name)
+      .map(item => ({
+        feature: item.entire_row.Function,
+        description: item.entire_row.Feature,
+        free: item.entire_row["Subscription Tier"] === "Free" ? <GiCheckMark className="yes-icon" /> : <MdClose className="no-icon" />,
+        team: item.entire_row["Subscription Tier"] === "Team" || item.entire_row["Subscription Tier"] === "Free" ? <GiCheckMark className="yes-icon" /> : <MdClose className="no-icon" />,
+        enterprise: <GiCheckMark className="yes-icon" />,
+      }));
+
+    return {
+      id: category.id,
+      category: category.name,
+      icon: category.icon,
+      features: features,
+    };
+  });
+}
+
+const details = generateDetails(featureData);
+
+export default details;
\ No newline at end of file
diff --git a/src/sections/Pricing/generateOptions.js b/src/sections/Pricing/generateOptions.js
new file mode 100644
index 000000000000..07825de1cb38
--- /dev/null
+++ b/src/sections/Pricing/generateOptions.js
@@ -0,0 +1,62 @@
+import featureData from "../../../feature_data.json";
+import comingSoon from "./icons/coming-soon.webp";
+import React from "react";
+
+function generateOptions(data) {
+  const tiers = {
+    "Free": {
+      tier: "Personal",
+      featured: true,
+      monthlyprice: 0,
+      yearlyprice: 0,
+      byline: "Open Source features, plus:",
+      button: ["Join for Free", "https://meshery.layer5.io"]
+    },
+    "Team": {
+      tier: "Team",
+      featured: false,
+      monthlyprice: 9.99,
+      yearlyprice: 100,
+      byline: "Everything in Free, plus:",
+      button: [
+        "Contact Sales",
+        "https://us15.list-manage.com/contact-form?u=6b50be5aea3dfe1fd4c041d80&form_id=d0ffe17c92d8014ede6b721aa16096e8"
+      ]
+    },
+    "Enterprise": {
+      tier: "Enterprise",
+      featured: false,
+      monthlyprice: 15.99,
+      yearlyprice: 180,
+      pricing_coming_soon: <img src={comingSoon} alt="Coming Soon" />,
+      byline: "Everything in Team, plus:",
+      button: ["Coming Soon", ""]
+    }
+  };
+
+  const options = Object.entries(tiers).map(([tierName, tierInfo]) => {
+    const summary = data
+      .filter((item) =>
+        (tierName === "Team" &&
+          (item.entire_row["Subscription Tier"] === "Team" || item.entire_row["Subscription Tier"] === "Team-Beta")) ||
+        (item.entire_row["Subscription Tier"] === tierName && item.pricing_page === "true")
+      )
+      .map((item, index) => ({
+        id: index,
+        category: item.entire_row.Function,
+        description: item.entire_row.Feature,
+        tier: item.entire_row["Subscription Tier"]
+      }));
+
+    return {
+      ...tierInfo,
+      summary: summary.length > 0 ? summary : []
+    };
+  });
+
+  return options;
+}
+
+const options = generateOptions(featureData);
+
+export default options;
diff --git a/src/sections/Pricing/index.js b/src/sections/Pricing/index.js
index c93cb0c8ff9e..56d8457d5d7e 100644
--- a/src/sections/Pricing/index.js
+++ b/src/sections/Pricing/index.js
@@ -3,11 +3,10 @@ import PricingWrapper from "./pricing.style";
 import Comparison from "./comparison";
 import FAQ from "../General/Faq";
 import Reviews from "./review-slider";
-import { options } from "./data";
+import options from "./generateOptions";
 import PlanCard from "../../components/PlanCard";
 
 const Pricing = () => {
-
   // const [monthly, setMonthly] = useState(false);
 
   return (
diff --git a/src/sections/Products/index.js b/src/sections/Products/index.js
index 656fa5b706bf..40caa00cad8a 100644
--- a/src/sections/Products/index.js
+++ b/src/sections/Products/index.js
@@ -24,7 +24,7 @@ const options = [
     monthlyprice: 0,
     yearlyprice: 0,
     byline: "Open Source features, plus:",
-    button: ["Join for Free", "https://meshery.layer5.io"],
+    button: ["Join for Free", "https://cloud.layer5.io"],
     summary: [
       {
         id: 0,
@@ -212,7 +212,7 @@ const index = () => {
                 flexibility, elevating operations to new efficiencies.{" "}
               </p>
               <div className="btn">
-                <Button secondary className="banner-btn two" $external={true} title="Explore Now" alt="" $url="https://meshery.layer5.io/"/>
+                <Button secondary className="banner-btn two" $external={true} title="Explore Now" alt="" $url="https://cloud.layer5.io/"/>
                 <Button id="book-a-demo" aria-label="Book a demo" primary className="banner-btn book-a-demo" $external={true} title="Book a demo" alt="Book a demo" $url="https://calendar.google.com/calendar/appointments/schedules/AcZssZ3pmcApaDP4xd8hvG5fy8ylxuFxD3akIRc5vpWJ60q-HemQi80SFFAVftbiIsq9pgiA2o8yvU56?gv=true" />
               </div>
             </div>
diff --git a/src/sections/Projects/Sistent/components/box/code.js b/src/sections/Projects/Sistent/components/box/code.js
new file mode 100644
index 000000000000..e2ef20c0ed79
--- /dev/null
+++ b/src/sections/Projects/Sistent/components/box/code.js
@@ -0,0 +1,208 @@
+import React from "react";
+import { navigate } from "gatsby";
+import { useLocation } from "@reach/router";
+
+import { SistentThemeProvider, Box } from "@layer5/sistent";
+import { CodeBlock } from "../button/code-block";
+import { SistentLayout } from "../../sistent-layout";
+
+import TabButton from "../../../../../reusecore/Button";
+import { useStyledDarkMode } from "../../../../../theme/app/useStyledDarkMode";
+
+const codes = [
+  `<Box sx={{ bgcolor: "#ffeb3b", padding: 4, height: "50vh" }}>
+    <p>
+      This is a Box component with custom background and padding.
+    </p>
+</Box>`,
+  `<Box
+    sx={{
+      bgcolor: { xs: "#cfe8fc", md: "#ffeb3b" },
+      padding: { xs: 2, md: 4 },
+      height: "50vh",
+    }}
+  >
+    <p style={{ color: "black" }}>
+      This Box is responsive, changing style based on screen size.
+    </p>
+</Box>`,
+  `<Box
+    sx={{
+      bgcolor: { xs: "#cfe8fc", md: "#ffeb3b" },
+      padding: { xs: 2, md: 4 },
+      height: "50vh",
+    }}
+    >
+    <p style={{ color: "black" }}>
+      This Box is responsive, changing style based on screen size.
+    </p>
+</Box>`,
+  `<Box
+    sx={{
+      bgcolor: "#cfe8fc",
+      height: "50vh",
+      padding: 4,
+      transition: "0.3s",
+      "&:hover": {
+        bgcolor: "#ffeb3b",
+        cursor: "pointer",
+      },
+    }}
+    >
+      <p style={{ color: "black" }}>Hover over this Box to see the interactive effect.</p>
+</Box>`,
+];
+
+export const BoxCode = () => {
+  const location = useLocation();
+  const { isDark } = useStyledDarkMode();
+
+  return (
+    <SistentLayout title="Box">
+      <div className="content">
+        <a id="Identity">
+          <h2>Box</h2>
+        </a>
+        <div className="filterBtns">
+          <TabButton
+            className={
+              location.pathname === "/projects/sistent/components/box"
+                ? "active"
+                : ""
+            }
+            onClick={() => navigate("/projects/sistent/components/box")}
+            title="Overview"
+          />
+          <TabButton
+            className={
+              location.pathname === "/projects/sistent/components/box/guidance"
+                ? "active"
+                : ""
+            }
+            onClick={() =>
+              navigate("/projects/sistent/components/box/guidance")
+            }
+            title="Guidance"
+          />
+          <TabButton
+            className={
+              location.pathname === "/projects/sistent/components/box/code"
+                ? "active"
+                : ""
+            }
+            onClick={() => navigate("/projects/sistent/components/box/code")}
+            title="Code"
+          />
+        </div>
+        <div className="main-content">
+          <p>
+            The <code>Box</code> component is a flexible and foundational
+            container in Sistent, designed to structure and style content. It
+            provides quick access to the theme and CSS utilities, allowing for
+            easy customization and responsive design. Using the sx prop,
+            developers can apply CSS styles directly with theme-aware
+            properties, making Box ideal for layouts, spacing, and other UI
+            adjustments. It can render as any HTML element using the component
+            prop, offering high versatility in both structure and styling.
+          </p>
+          <a id="Basic Box">
+            <h2>Basic Box Example</h2>
+          </a>
+          <p>
+            A simple Box component can be used to contain and structure other
+            elements. Here, the Box serves as a basic container without any
+            styling applied.
+          </p>
+          <div className="showcase">
+            <div className="items">
+              <SistentThemeProvider initialMode={isDark ? "dark" : "light"}>
+                <Box>
+                  <p>This is a basic Box component.</p>
+                </Box>
+              </SistentThemeProvider>
+            </div>
+            <CodeBlock name="box-basic" code={codes[0]} />
+          </div>
+          <a id="Styled Box">
+            <h2>Styled Box Example</h2>
+          </a>
+          <p>
+            You can add custom styles to a Box component by applying{" "}
+            <code>sx</code>
+            properties. In this example, the Box has a background color,
+            padding, and a defined height.
+          </p>
+          <div className="showcase">
+            <div className="items">
+              <SistentThemeProvider initialMode={isDark ? "dark" : "light"}>
+                <Box sx={{ bgcolor: "#ffeb3b", padding: 4, height: "50vh" }}>
+                  <p style={{ color: "black" }}>
+                    This is a Box component with custom background and padding.
+                  </p>
+                </Box>
+              </SistentThemeProvider>
+            </div>
+            <CodeBlock name="box-styled" code={codes[1]} />
+          </div>
+          <a id="Responsive Box">
+            <h2>Responsive Box Example</h2>
+          </a>
+          <p>
+            The Box component also supports responsive styling using the{" "}
+            <code>sx</code> prop. In this example, the Box adjusts its padding
+            and background color based on screen size.
+          </p>
+          <div className="showcase">
+            <div className="items">
+              <SistentThemeProvider initialMode={isDark ? "dark" : "light"}>
+                <Box
+                  sx={{
+                    bgcolor: { xs: "#cfe8fc", md: "#ffeb3b" },
+                    padding: { xs: 2, md: 4 },
+                    height: "50vh",
+                  }}
+                >
+                  <p style={{ color: "black" }}>
+                    This Box is responsive, changing style based on screen size.
+                  </p>
+                </Box>
+              </SistentThemeProvider>
+            </div>
+            <CodeBlock name="box-responsive" code={codes[2]} />
+          </div>
+          <a id="Interactive Box">
+            <h2>Interactive Box Example</h2>
+          </a>
+          <p>
+            Here’s an example where the Box component includes hover effects to
+            create a more interactive experience. This is useful for buttons,
+            cards, and other clickable elements.
+          </p>
+          <div className="showcase">
+            <div className="items">
+              <SistentThemeProvider initialMode={isDark ? "dark" : "light"}>
+                <Box
+                  sx={{
+                    bgcolor: "#cfe8fc",
+                    height: "50vh",
+                    padding: 4,
+                    transition: "0.3s",
+                    "&:hover": {
+                      bgcolor: "#ffeb3b",
+                      cursor: "pointer",
+                    },
+                  }}
+                >
+                  <p style={{ color: "black" }}>
+                    Hover over this Box to see the interactive effect.
+                  </p>
+                </Box>
+              </SistentThemeProvider>
+            </div>
+            <CodeBlock name="box-interactive" code={codes[3]} />
+          </div>
+        </div>
+      </div>
+    </SistentLayout>
+  );
+};
diff --git a/src/sections/Projects/Sistent/components/box/guidance.js b/src/sections/Projects/Sistent/components/box/guidance.js
new file mode 100644
index 000000000000..9edf1052df65
--- /dev/null
+++ b/src/sections/Projects/Sistent/components/box/guidance.js
@@ -0,0 +1,179 @@
+import React from "react";
+import { navigate } from "gatsby";
+import { useLocation } from "@reach/router";
+import { Row } from "../../../../../reusecore/Layout";
+import { SistentThemeProvider, Box } from "@layer5/sistent";
+import { SistentLayout } from "../../sistent-layout";
+
+import TabButton from "../../../../../reusecore/Button";
+import { useStyledDarkMode } from "../../../../../theme/app/useStyledDarkMode";
+
+export const BoxGuidance = () => {
+  const location = useLocation();
+  const { isDark } = useStyledDarkMode();
+
+  return (
+    <SistentLayout title="Box">
+      <div className="content">
+        <a id="Identity">
+          <h2>Box</h2>
+        </a>
+        <p>
+          The Box component is a flexible, theme-aware container that adapts
+          seamlessly across various layouts. It provides a convenient way to
+          apply styles, positioning, and responsive adjustments to content,
+          making it ideal for any layout needs.
+        </p>
+        <div className="filterBtns">
+          <TabButton
+            className={
+              location.pathname === "/projects/sistent/components/box"
+                ? "active"
+                : ""
+            }
+            onClick={() => navigate("/projects/sistent/components/box")}
+            title="Overview"
+          />
+          <TabButton
+            className={
+              location.pathname === "/projects/sistent/components/box/guidance"
+                ? "active"
+                : ""
+            }
+            onClick={() =>
+              navigate("/projects/sistent/components/box/guidance")
+            }
+            title="Guidance"
+          />
+          <TabButton
+            className={
+              location.pathname === "/projects/sistent/components/box/code"
+                ? "active"
+                : ""
+            }
+            onClick={() => navigate("/projects/sistent/components/box/code")}
+            title="Code"
+          />
+        </div>
+
+        <div className="main-content">
+          <p>
+            The Box component is a highly versatile tool that can be used for
+            layout management, spacing, styling, and more. With full support for
+            responsive design, Box is an essential part of any well-structured
+            application, allowing developers to customize and style elements
+            while keeping the theme consistent.
+          </p>
+
+          <a id="Function">
+            <h2>Function</h2>
+          </a>
+
+          <p>The Box component serves several functions:</p>
+
+          <h3>Responsive Styling</h3>
+          <p>
+            The <code>sx</code> prop makes it easy to apply responsive styles
+            directly within the component, allowing for adaptive design that
+            looks great across all screen sizes.
+          </p>
+          <Row $Hcenter className="image-container">
+            <SistentThemeProvider initialMode={isDark ? "dark" : "light"}>
+              <Box
+                sx={{
+                  bgcolor: "primary.main",
+                  padding: 3,
+                  borderRadius: 2,
+                  "&:hover": { bgcolor: "primary.light" },
+                }}
+              >
+                <p style={{ color: "black" }}>
+                  This is a responsive Box component.
+                </p>
+              </Box>
+            </SistentThemeProvider>
+          </Row>
+
+          <h3>Flexible Layout Control</h3>
+          <p>
+            Box can serve as a container for organizing other elements, whether
+            it's aligning text, images, or interactive components. The
+            flexibility of the Box component allows it to adapt to a wide range
+            of layout needs, from card-style containers to more complex nested
+            structures.
+          </p>
+
+          <h3>Customizable Appearance</h3>
+          <p>
+            The Box component’s customization options allow you to adjust
+            colors, borders, shadows, and more through the <code>sx</code> prop,
+            ensuring that components blend well with your app's overall theme.
+          </p>
+          <Row $Hcenter className="image-container">
+            <SistentThemeProvider initialMode={isDark ? "dark" : "light"}>
+              <Box
+                sx={{
+                  bgcolor: "secondary.main",
+                  padding: 2,
+                  boxShadow: 3,
+                  borderRadius: 4,
+                }}
+              >
+                <p style={{ color: "black" }}>
+                  Customized Box with shadow and color.
+                </p>
+              </Box>
+            </SistentThemeProvider>
+          </Row>
+
+          <a id="UseCases">
+            <h2>Use Cases</h2>
+          </a>
+
+          <h3>Nested Layouts</h3>
+          <p>
+            Use Box to create nested layouts by embedding one Box within
+            another, each with distinct styling. This setup enables the creation
+            of structured and multi-layered designs.
+          </p>
+          <Row $Hcenter className="image-container">
+            <SistentThemeProvider initialMode={isDark ? "dark" : "light"}>
+              <Box
+                sx={{
+                  padding: 3,
+                  bgcolor: "background.paper",
+                  borderRadius: 2,
+                }}
+              >
+                <Box sx={{ bgcolor: "info.main", padding: 2 }}>
+                  <p style={{ color: "black" }}>Nested Box layout example.</p>
+                </Box>
+              </Box>
+            </SistentThemeProvider>
+          </Row>
+
+          <h3>Utility for Spacing and Margin</h3>
+          <p>
+            Leveraging Box for margin and padding adjustments offers
+            fine-grained control over spacing between components, making it
+            useful in complex layouts where alignment and spacing are crucial.
+          </p>
+
+          <h3>Event Handling and State Management</h3>
+          <p>
+            Box can also be used as an interactive element, handling events and
+            managing state. This makes it ideal for use cases that require
+            dynamic behavior or user interaction.
+          </p>
+
+          <h3>Responsive Design</h3>
+          <p>
+            The Box component seamlessly integrates with Sistent’s responsive
+            design principles, providing a cohesive experience across various
+            screen sizes by leveraging breakpoints in the <code>sx</code> prop.
+          </p>
+        </div>
+      </div>
+    </SistentLayout>
+  );
+};
diff --git a/src/sections/Projects/Sistent/components/box/index.js b/src/sections/Projects/Sistent/components/box/index.js
new file mode 100644
index 000000000000..bb02738c6122
--- /dev/null
+++ b/src/sections/Projects/Sistent/components/box/index.js
@@ -0,0 +1,133 @@
+import React from "react";
+import { navigate } from "gatsby";
+import { useLocation } from "@reach/router";
+
+import { SistentThemeProvider, Box } from "@layer5/sistent";
+import TabButton from "../../../../../reusecore/Button";
+import { SistentLayout } from "../../sistent-layout";
+import { Row } from "../../../../../reusecore/Layout";
+import { useStyledDarkMode } from "../../../../../theme/app/useStyledDarkMode";
+
+const SistentBox = () => {
+  const location = useLocation();
+  const { isDark } = useStyledDarkMode();
+
+  return (
+    <SistentLayout title="Box">
+      <div className="content">
+        <a id="Identity">
+          <h2>Box</h2>
+        </a>
+        <p>
+          The <code>Box</code> component is a versatile, theme-aware container
+          in Sistent, ideal for styling and layout customization. It supports
+          the sx prop for easy, responsive styling and can render as any HTML
+          element.
+        </p>
+        <div className="filterBtns">
+          <TabButton
+            className={
+              location.pathname === "/projects/sistent/components/box"
+                ? "active"
+                : ""
+            }
+            onClick={() => navigate("/projects/sistent/components/box")}
+            title="Overview"
+          />
+          <TabButton
+            className={
+              location.pathname === "/projects/sistent/components/box/guidance"
+                ? "active"
+                : ""
+            }
+            onClick={() =>
+              navigate("/projects/sistent/components/box/guidance")
+            }
+            title="Guidance"
+          />
+          <TabButton
+            className={
+              location.pathname === "/projects/sistent/components/box/code"
+                ? "active"
+                : ""
+            }
+            onClick={() => navigate("/projects/sistent/components/box/code")}
+            title="Code"
+          />
+        </div>
+        <div className="main-content">
+          <p>
+            The <code>Box</code> component is a flexible and foundational
+            container in Sistent, designed to structure and style content. It
+            provides quick access to the theme and CSS utilities, allowing for
+            easy customization and responsive design. Using the sx prop,
+            developers can apply CSS styles directly with theme-aware
+            properties, making Box ideal for layouts, spacing, and other UI
+            adjustments. It can render as any HTML element using the component
+            prop, offering high versatility in both structure and styling.
+          </p>
+          <a id="Usage">
+            <h2>Usage</h2>
+          </a>
+          <p>
+            The Box component differs from other containers available in Sistent
+            in that its usage is intended to be multipurpose and open-ended,
+            just like a <code>`div`</code>. Components like Container, Stack and
+            Paper, by contrast, feature usage-specific props that make them
+            ideal for certain use cases: Container for main layout orientation,
+            Stack for one-dimensional layouts, and Paper for elevated surfaces.
+          </p>
+          <h3>Box component</h3>
+          <p>
+            The Box component renders as a <code>`div`</code> by default, but
+            you can swap in any other valid HTML tag or React component using
+            the component prop. The demo below replaces the <code>`div`</code>
+            with a <code>`section`</code> element:
+          </p>
+          <Row $Hcenter className="image-container">
+            <SistentThemeProvider initialMode={isDark ? "dark" : "light"}>
+              <Box component="section" sx={{ p: 2, border: "1px dashed grey" }}>
+                This Box renders as an HTML section element.
+              </Box>
+            </SistentThemeProvider>
+          </Row>
+
+          <a id="Customization">
+            <h2>Customization</h2>
+          </a>
+          <p>
+            The Box component can be styled flexibly with Sistent
+            <code>sx</code>prop and custom themes. The sx prop allows quick
+            application of CSS styles that are theme-aware, enabling responsive
+            and consistent design.
+          </p>
+
+          <h3>Using the sx Prop</h3>
+          <p>
+            The sx prop supports a wide range of style properties, including
+            colors, spacing, and responsive adjustments. It directly accesses
+            theme values, allowing you to apply theme-based styles to a Box with
+            minimal code.
+          </p>
+          <Row $Hcenter className="image-container">
+            <SistentThemeProvider initialMode={isDark ? "dark" : "light"}>
+              <Box
+                sx={{
+                  width: 100,
+                  height: 100,
+                  borderRadius: 1,
+                  bgcolor: "primary.main",
+                  "&:hover": {
+                    bgcolor: "primary.dark",
+                  },
+                }}
+              />
+            </SistentThemeProvider>
+          </Row>
+        </div>
+      </div>
+    </SistentLayout>
+  );
+};
+
+export default SistentBox;
diff --git a/src/sections/Projects/Sistent/components/index.js b/src/sections/Projects/Sistent/components/index.js
index e440e4ed50d2..2f5639e963a0 100644
--- a/src/sections/Projects/Sistent/components/index.js
+++ b/src/sections/Projects/Sistent/components/index.js
@@ -74,11 +74,18 @@ const componentsData = [
   },
   {
     id: 10,
+    name: "Box",
+    description:
+      "Box is used as a flexible container for layout and styling, allowing quick customization and responsive design adjustments.",
+    url: "/projects/sistent/components/box",
+  },
+  {
+    id: 11,
     name: "Drawer",
     description:
       "A Drawer component provides a sliding panel that can be used to display navigation links, actions, or additional content",
     url: "/projects/sistent/components/drawer",
-  },
+  }
 ];
 
 const SistentComponents = () => {
diff --git a/src/sections/gitops/PerformanceManagementPage.js b/src/sections/gitops/PerformanceManagementPage.js
index a4d03c38cbca..37b2a336dcda 100644
--- a/src/sections/gitops/PerformanceManagementPage.js
+++ b/src/sections/gitops/PerformanceManagementPage.js
@@ -25,7 +25,7 @@ const PerformanceManagementPage = () => {
             <Description>
                Test your Kubernetes cluster and service mesh implementation for conformance with the SMI specification
             </Description>
-            <Button primary className="learn-more-btn" title="Go to Documentation" url="https://meshery.layer5.io/connect/github/new"/>
+            <Button primary className="learn-more-btn" title="Go to Documentation" url="https://cloud.layer5.io/connect/github/new"/>
           </TextColumn>
           <ColumnContainer>
             <SmpLogo className="stack-logo" />
diff --git a/src/sections/gitops/SnapshotPage.js b/src/sections/gitops/SnapshotPage.js
index 97faea593cbb..0141ee6a7dc3 100644
--- a/src/sections/gitops/SnapshotPage.js
+++ b/src/sections/gitops/SnapshotPage.js
@@ -22,7 +22,7 @@ const SnapshotPage = () => {
             <Description>
                Verify your workload designs and Kubernetes cluster configurations prior to accepting and merging pull requests.
             </Description>
-            <Button primary className="learn-more-btn" title="INSTALL" $url="https://meshery.layer5.io/connect/github/new"/>
+            <Button primary className="learn-more-btn" title="INSTALL" $url="https://cloud.layer5.io/connect/github/new"/>
           </TextColumn>
           <ColumnContainer>
             <KanvasStack className="stack-logo" />
diff --git a/src/sections/gitops/index.js b/src/sections/gitops/index.js
index a3281ad6729b..524171b45378 100644
--- a/src/sections/gitops/index.js
+++ b/src/sections/gitops/index.js
@@ -80,7 +80,7 @@ const GitOpsPage = () => {
             <SquarePoint>Connect Kanvas to your GitHub repo and see changes pull request-to-pull request</SquarePoint>
             <SquarePoint>Get snapshots of your infrastructure directly in your PRs</SquarePoint>
             <div className="buttons-container">
-              <Button $primary className="learn-more-btn" title="Install" $url="https://meshery.layer5.io/connect/github/new"/>
+              <Button $primary className="learn-more-btn" title="Install" $url="https://cloud.layer5.io/connect/github/new"/>
               <Button $secondary className="learn-more-btn" title="Learn More" $url="/solutions/gitops/snapshot"/>
             </div>
           </Col>
diff --git a/src/templates/news-single.js b/src/templates/news-single.js
index ed520e6efb6a..2a18df86558f 100644
--- a/src/templates/news-single.js
+++ b/src/templates/news-single.js
@@ -24,6 +24,13 @@ export const query = graphql`
           extension
           publicURL
         }
+        darkthumbnail {
+          childImageSharp {
+            gatsbyImageData(width: 500, layout: CONSTRAINED)
+          }
+          extension
+          publicURL
+        }
       }
       fields {
         slug
diff --git a/static/mail/2023/feature-friday.html b/static/mail/2023/feature-friday.html
index 13feb8255f2c..f2c11b30836b 100644
--- a/static/mail/2023/feature-friday.html
+++ b/static/mail/2023/feature-friday.html
@@ -493,7 +493,7 @@ <h4 style="font-size: 1.75rem;font-style: italic;color: #7A848E;text-align: cent
 <ul data-border="0" data-indent="0" data-stringify-type="unordered-list">
 	<li data-stringify-border="0" data-stringify-indent="0" style="text-align: left;mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">Import your WASM Envoy filters into Meshery using the&nbsp;UI or <a href="https://docs.meshery.io/reference/mesheryctl#data-plane-intelligence" target="_blank" style="mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;color: #00d3a9;font-weight: normal;text-decoration: none;"><span style="color:#00D3A9">CLI</span></a>.</li>
 	<li data-stringify-border="0" data-stringify-indent="0" style="text-align: left;mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">Publish and clone your WASM Envoy filters in&nbsp;the <a href="https://meshery.io/catalog" target="_blank" style="mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;color: #00d3a9;font-weight: normal;text-decoration: none;"><span style="color:#00D3A9">Meshery Catalog</span></a>.&nbsp;</li>
-	<li data-stringify-border="0" data-stringify-indent="0" style="text-align: left;mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">Download WASM binaries from <a href="https://meshery.layer5.io/" target="_blank" style="mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;color: #00d3a9;font-weight: normal;text-decoration: none;"><span style="color:#00D3A9">Layer5 Cloud</span></a>.</li>
+	<li data-stringify-border="0" data-stringify-indent="0" style="text-align: left;mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">Download WASM binaries from <a href="https://cloud.layer5.io/" target="_blank" style="mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;color: #00d3a9;font-weight: normal;text-decoration: none;"><span style="color:#00D3A9">Layer5 Cloud</span></a>.</li>
 	<li data-stringify-border="0" data-stringify-indent="0" style="text-align: left;mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">Design and deploy Istio and Envoy dataplanes in <a href="https://layer5.io/cloud-native-management/kanvas" target="_blank" style="mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;color: #00d3a9;font-weight: normal;text-decoration: none;"><span style="color:#00D3A9">Kanvas</span></a>.</li>
 	<li data-stringify-border="0" data-stringify-indent="0" style="text-align: left;mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">Contribute to any of the 7 open source&nbsp;<a href="https://github.com/layer5io/wasm-filters" target="_blank" style="mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;color: #00d3a9;font-weight: normal;text-decoration: none;"><font color="#00d3a9">wasm-filters</font></a>.</li>
 </ul>