added employee badges to members and recognition page

src/pages/community/members.js

@@ -28,6 +28,7 @@ import dockerExtensionIcon from "../../assets/images/docker-extension/docker-ext
 import mesheryCatalogIcon from "../../assets/images/meshery/meshery-catalog.svg";
 import kanvasIcon from "../../assets/images/kanvas/badges/kanvas.svg";
 import sistentIcon from "../../assets/images/sistent/badges/sistent-contributor.svg";
+import employeeIcon from "../../assets/images/employee/employee.svg";
 /**
  * Array containing a list of categories to be shown in the dropdown.
  * The map function in the end wraps the label property with a component.
@@ -225,6 +226,14 @@ const options = [
     icon: communityIcon,
     className: "allOptions",
   },
+  {
+    label: "Employee",
+    value: "employee",
+    color: lighttheme.linkColor,
+    isFixed: true,
+    icon: employeeIcon,
+    className: "allOptions",
+  },
 ].map((obj) => ({
   ...obj,
   label: (

src/sections/Community/Handbook/recognition.js

@@ -19,6 +19,7 @@ import writersLogo from "../../../assets/images/writer-program/writer-program-ba
 import kanvasLogo from "../../../assets/images/kanvas/icon-only/kanvas-icon-color.svg";
 import MesheryCatalogLogo from "../../../assets/images/meshery/meshery-catalog.svg";
 import DocsLogo from "../../../assets/images/docs/docs.svg";
+import EmployeeLogo from "../../../assets/images/employee/employee.svg";
 import ApplicationPioneerLogo from "../../../assets/images/application-pioneer/application-pioneer.svg";
 import BringABuddyLogo from "../../../assets/images/bring-a-buddy/bring-a-buddy.svg";
 import DesignPioneerLogo from "../../../assets/images/design-pioneer/design-pioneer.svg";
@@ -231,6 +232,10 @@ const RecognitionPage = () => {
                 <img src={DocsLogo} style={badgeStyle} />
                 <b>Docs</b> - awarded to the community members who make consistent and impactful contributions to the <a href="https://docs.meshery.io/">Meshery docs</a> in recognition and appreciation of their efforts.
               </li>
+              <li>
+                <img src={EmployeeLogo} style={badgeStyle} />
+                <b>Employee</b> - awarded to the dedicated employees of layer5 who set the standards for excellence in all we do. interested in joining the team? <a href="https://layer5.io/careers">Apply here</a>.
+              </li>
             </ul>
             <a id="how-to-earn-badges">
               <h3>How can I Earn Badges?</h3>

src/sections/Community/Member-single/index.js

@@ -23,6 +23,7 @@ import docsLogo from "../../../assets/images/docs/docs.svg";
 import mesheryCatalogLogo from "../../../assets/images/meshery/meshery-catalog.svg";
 import dockerExtensionLogo from "../../../assets/images/docker-extension/docker-extension-meshery-logo.svg";
 import KanvasLogo from "../../../assets/images/kanvas/icon-only/kanvas-icon-color.svg";
+import EmployeeLogo from "../../../assets/images/employee/employee.svg";
 import Button from "../../../reusecore/Button";
 import { ReactComponent as TwitterIcon } from "../../../assets/images/socialIcons/twitter.svg";
 
@@ -298,6 +299,20 @@ const MemberSingle = ({ frontmatter }) => {
                           <span className="tooltip-text writer">Writer</span>
                         </div>
                       )}
+                      {badges.includes("employee") && (
+                        <div className="tooltip">
+                          <li>
+                            <Link to="/careers">
+                              <img
+                                className="profile-social-links"
+                                src={EmployeeLogo}
+                                alt="Employee Logo"
+                              />
+                            </Link>
+                          </li>
+                          <span className="tooltip-text employee">Employee</span>
+                        </div>
+                      )}
                     </ul>
                   </div>
                 )}

src/sections/Pricing/feature_data.json

@@ -72,7 +72,7 @@
     "feature": "Define new components, relationships, and policies as needed. Import/export your custom models as OCI images.",
     "subscription_tier": "Free",
     "comparison_tiers": {
-      "free": "x",
+      "free": "",
       "teamDesigner": "x",
       "teamOperator": "x",
       "enterprise": "x"
@@ -787,26 +787,26 @@
     "theme": "",
     "categoryOrder": "6",
     "category": "Workspaces",
-    "functionOrder": "605",
-    "function": "Manage Workspace Team and Environment Access",
-    "feature": "Assign designs, views, users, and environments to shared workspaces.",
-    "subscription_tier": "",
+    "functionOrder": "603",
+    "function": "GitOps Snapshots",
+    "feature": "Visual insights in your pull requests in GitHub. Verify your workload designs and Kubernetes cluster configurations prior to accepting and merging pull requests.",
+    "subscription_tier": "TeamDesigner",
     "comparison_tiers": {
       "free": "",
       "teamDesigner": "x",
-      "teamOperator": "x",
+      "teamOperator": "",
       "enterprise": "x"
     },
-    "docs": ""
+    "docs": "https://docs.layer5.io/cloud/tutorials/gitops-snapshots/"
   },
   {
     "theme": "",
     "categoryOrder": "6",
     "category": "Workspaces",
-    "functionOrder": "602",
-    "function": "Shared Workspaces",
-    "feature": "Shared Workspaces are collaborative spaces that you can use to store and collaborate on files within and between teams. Easily share files with customizable permissions (edit, comment, view). Create up to 10 shared workspaces per organization.",
-    "subscription_tier": "TeamDesigner|TeamOperator",
+    "functionOrder": "605",
+    "function": "Manage Workspace Team and Environment Access",
+    "feature": "Assign designs, views, users, and environments to shared workspaces.",
+    "subscription_tier": "",
     "comparison_tiers": {
       "free": "",
       "teamDesigner": "x",
@@ -819,17 +819,17 @@
     "theme": "",
     "categoryOrder": "6",
     "category": "Workspaces",
-    "functionOrder": "603",
-    "function": "GitOps Snapshots",
-    "feature": "Visual insights in your pull requests in GitHub. Verify your workload designs and Kubernetes cluster configurations prior to accepting and merging pull requests.",
-    "subscription_tier": "TeamDesigner",
+    "functionOrder": "602",
+    "function": "Shared Workspaces",
+    "feature": "Shared Workspaces are collaborative spaces that you can use to store and collaborate on files within and between teams. Easily share files with customizable permissions (edit, comment, view). Create up to 10 shared workspaces per organization.",
+    "subscription_tier": "TeamDesigner|TeamOperator",
     "comparison_tiers": {
       "free": "",
       "teamDesigner": "x",
-      "teamOperator": "",
+      "teamOperator": "x",
       "enterprise": "x"
     },
-    "docs": "https://docs.layer5.io/cloud/tutorials/gitops-snapshots/"
+    "docs": ""
   },
   {
     "theme": "",