Merge branch 'master' into fix/double-slash-redirects

CodexRaunak · web-flow · commit 7a62af11c88f · 2026-01-21T07:59:45.000+05:30
diff --git a/.github/workflows/build-and-deploy-site.yml b/.github/workflows/build-and-deploy-site.yml
@@ -18,7 +18,7 @@ jobs:
           fetch-depth: 1
 
       # - name: Cache Gatsby .cache and public folders
-      #   uses: actions/cache@v4
+      #   uses: actions/cache@v5
       #   id: gatsby-cache
       #   with:
       #     path: |
@@ -34,7 +34,7 @@ jobs:
           make build
 
       - name: Deploy 🚀
-        uses: JamesIves/github-pages-deploy-action@v4.7.4
+        uses: JamesIves/github-pages-deploy-action@v4
         with:
           branch: site # The branch the action should deploy to.
           folder: public # The folder the action should deploy.
diff --git a/.github/workflows/feature-list.yml b/.github/workflows/feature-list.yml
@@ -18,12 +18,12 @@ jobs:
 
     steps:
       - name: Checkout current repository
-        uses: actions/checkout@v4
+        uses: actions/checkout@v6
 
       - name: Install Node.js
-        uses: actions/setup-node@v4
+        uses: actions/setup-node@v6
         with:
-          node-version: 18
+          node-version: 20
 
       - name: Install dependencies
         run: |
@@ -40,7 +40,7 @@ jobs:
 
       - name: Commit changes
         id: commit-changes
-        uses: stefanzweifel/git-auto-commit-action@v5
+        uses: stefanzweifel/git-auto-commit-action@v7
         with:
           commit_message: "Updated feature data from spreadsheet"
           file_pattern: ${{ env.FEATURES_FILE }}
diff --git a/.github/workflows/lighthouseci.yml b/.github/workflows/lighthouseci.yml
@@ -12,10 +12,10 @@ jobs:
   lighthouseci:
     runs-on: ubuntu-latest
     steps:
-      - uses: actions/checkout@v4
-      - uses: actions/setup-node@v4
+      - uses: actions/checkout@v6
+      - uses: actions/setup-node@v6
         with:
-          node-version: 19
+          node-version: 20
       - run: npm install --legacy-peer-deps && npm install -g @lhci/cli@0.11.x
       - run: CI=false npm run build
       - run: lhci collect --config=.desktop-lighthouserc.js
diff --git a/src/collections/members/aabid-sofi/index.mdx b/src/collections/members/aabid-sofi/index.mdx
@@ -10,7 +10,7 @@ bio: Hi, I'm Aabid Sofi, a software engineer and web developer.
      I specialize in creating custom software and web applications that are both functional and visually appealing, with a focus on design, security, and performance. Highly passionate about cloud native and open source .
 badges:
    - kanvas
-status: Active
+status: Inactive
 published: true
 maintainer: yes
 ---
diff --git a/src/components/Pricing/PlanCard/index.js b/src/components/Pricing/PlanCard/index.js
@@ -28,10 +28,10 @@ const PlanCard = ({ planData, isYearly, currency }) => {
   return (
     <PlanCardWrapper>
       <Container>
-        <Row $Hcenter>
+        <Row $Hcenter className="plan-card-row">
           {planData.map((x) => (
             // <Col $xl={4} $lg={2} $md={1} $sm={1} key={x.tier}>
-            <Col key={x.tier}>
+            <Col key={x.tier} className="plan-card-col">
               <div className={`${x.featured ? "featured" : ""} pricing-table`}>
 
                 {x.tier === "Personal" ? <div className="pricing-label">Free Forever</div> : null}
diff --git a/src/components/Pricing/PlanCard/planCard.style.js b/src/components/Pricing/PlanCard/planCard.style.js
@@ -256,6 +256,16 @@ const PlanCardWrapper = styled.section`
   },
   }
 });
+  .plan-card-row{
+    @media (max-width: 1304px) {
+      flex-wrap: wrap;
+    }
+  }
+  .plan-card-col{
+    @media (min-width: 768px) and (max-width: 1304px) {
+      width: 50%;
+    }
+  }
 `;
 
 export default PlanCardWrapper;
diff --git a/src/components/SistentNavigation/content.js b/src/components/SistentNavigation/content.js
@@ -61,81 +61,85 @@ export const content = [
   { id: 44, link: "/projects/sistent/components/dialog/guidance", text: "Dialog" },
   { id: 45, link: "/projects/sistent/components/dialog/code", text: "Dialog" },
 
-  { id: 46, link: "/projects/sistent/components/formcontrollabel", text: "FormControlLabel" },
-  { id: 47, link: "/projects/sistent/components/formcontrollabel/guidance", text: "FormControlLabel" },
-  { id: 48, link: "/projects/sistent/components/formcontrollabel/code", text: "FormControlLabel" },
+  { id: 46, link: "/projects/sistent/components/divider", text: "Divider" },
+  { id: 47, link: "/projects/sistent/components/divider/guidance", text: "Divider" },
+  { id: 48, link: "/projects/sistent/components/divider/code", text: "Divider" },
 
-  { id: 49, link: "/projects/sistent/components/grid", text: "Grid" },
-  { id: 50, link: "/projects/sistent/components/grid/guidance", text: "Grid" },
-  { id: 51, link: "/projects/sistent/components/grid/code", text: "Grid" },
+  { id: 49, link: "/projects/sistent/components/formcontrollabel", text: "FormControlLabel" },
+  { id: 50, link: "/projects/sistent/components/formcontrollabel/guidance", text: "FormControlLabel" },
+  { id: 51, link: "/projects/sistent/components/formcontrollabel/code", text: "FormControlLabel" },
 
-  { id: 52, link: "/projects/sistent/components/iconbutton", text: "IconButton" },
-  { id: 53, link: "/projects/sistent/components/iconbutton/guidance", text: "IconButton" },
-  { id: 54, link: "/projects/sistent/components/iconbutton/code", text: "IconButton" },
+  { id: 52, link: "/projects/sistent/components/grid", text: "Grid" },
+  { id: 53, link: "/projects/sistent/components/grid/guidance", text: "Grid" },
+  { id: 54, link: "/projects/sistent/components/grid/code", text: "Grid" },
 
-  { id: 55, link: "/projects/sistent/components/icons", text: "Icons" },
+  { id: 55, link: "/projects/sistent/components/iconbutton", text: "IconButton" },
+  { id: 56, link: "/projects/sistent/components/iconbutton/guidance", text: "IconButton" },
+  { id: 57, link: "/projects/sistent/components/iconbutton/code", text: "IconButton" },
 
-  { id: 56, link: "/projects/sistent/components/link", text: "Link" },
-  { id: 57, link: "/projects/sistent/components/link/guidance", text: "Link" },
-  { id: 58, link: "/projects/sistent/components/link/code", text: "Link" },
+  { id: 58, link: "/projects/sistent/components/icons", text: "Icons" },
 
-  { id: 59, link: "/projects/sistent/components/list", text: "List" },
-  { id: 60, link: "/projects/sistent/components/list/guidance", text: "List" },
-  { id: 61, link: "/projects/sistent/components/list/code", text: "List" },
+  { id: 59, link: "/projects/sistent/components/link", text: "Link" },
+  { id: 60, link: "/projects/sistent/components/link/guidance", text: "Link" },
+  { id: 61, link: "/projects/sistent/components/link/code", text: "Link" },
 
-  { id: 62, link: "/projects/sistent/components/modal", text: "Modal" },
-  { id: 63, link: "/projects/sistent/components/modal/guidance", text: "Modal" },
-  { id: 64, link: "/projects/sistent/components/modal/code", text: "Modal" },
+  { id: 62, link: "/projects/sistent/components/list", text: "List" },
+  { id: 63, link: "/projects/sistent/components/list/guidance", text: "List" },
+  { id: 64, link: "/projects/sistent/components/list/code", text: "List" },
 
-  { id: 65, link: "/projects/sistent/components/pagination", text: "Pagination" },
-  { id: 66, link: "/projects/sistent/components/pagination/guidance", text: "Pagination" },
-  { id: 67, link: "/projects/sistent/components/pagination/code", text: "Pagination" },
+  { id: 65, link: "/projects/sistent/components/modal", text: "Modal" },
+  { id: 66, link: "/projects/sistent/components/modal/guidance", text: "Modal" },
+  { id: 67, link: "/projects/sistent/components/modal/code", text: "Modal" },
 
-  { id: 68, link: "/projects/sistent/components/paper", text: "Paper" },
-  { id: 69, link: "/projects/sistent/components/paper/guidance", text: "Paper" },
-  { id: 70, link: "/projects/sistent/components/paper/code", text: "Paper" },
+  { id: 68, link: "/projects/sistent/components/pagination", text: "Pagination" },
+  { id: 69, link: "/projects/sistent/components/pagination/guidance", text: "Pagination" },
+  { id: 70, link: "/projects/sistent/components/pagination/code", text: "Pagination" },
 
-  { id: 71, link: "/projects/sistent/components/popper", text: "Popper" },
-  { id: 72, link: "/projects/sistent/components/popper/guidance", text: "Popper" },
-  { id: 73, link: "/projects/sistent/components/popper/code", text: "Popper" },
+  { id: 71, link: "/projects/sistent/components/paper", text: "Paper" },
+  { id: 72, link: "/projects/sistent/components/paper/guidance", text: "Paper" },
+  { id: 73, link: "/projects/sistent/components/paper/code", text: "Paper" },
 
-  { id: 74, link: "/projects/sistent/components/radiogroup", text: "RadioGroup" },
-  { id: 75, link: "/projects/sistent/components/radiogroup/guidance", text: "RadioGroup" },
-  { id: 76, link: "/projects/sistent/components/radiogroup/code", text: "RadioGroup" },
+  { id: 74, link: "/projects/sistent/components/popper", text: "Popper" },
+  { id: 75, link: "/projects/sistent/components/popper/guidance", text: "Popper" },
+  { id: 76, link: "/projects/sistent/components/popper/code", text: "Popper" },
 
-  { id: 77, link: "/projects/sistent/components/select", text: "Select" },
-  { id: 78, link: "/projects/sistent/components/select/guidance", text: "Select" },
-  { id: 79, link: "/projects/sistent/components/select/code", text: "Select" },
+  { id: 77, link: "/projects/sistent/components/radiogroup", text: "RadioGroup" },
+  { id: 78, link: "/projects/sistent/components/radiogroup/guidance", text: "RadioGroup" },
+  { id: 79, link: "/projects/sistent/components/radiogroup/code", text: "RadioGroup" },
 
-  { id: 80, link: "/projects/sistent/components/stack", text: "Stack" },
-  { id: 81, link: "/projects/sistent/components/stack/guidance", text: "Stack" },
-  { id: 82, link: "/projects/sistent/components/stack/code", text: "Stack" },
+  { id: 80, link: "/projects/sistent/components/select", text: "Select" },
+  { id: 81, link: "/projects/sistent/components/select/guidance", text: "Select" },
+  { id: 82, link: "/projects/sistent/components/select/code", text: "Select" },
 
-  { id: 83, link: "/projects/sistent/components/stepper", text: "Stepper" },
-  { id: 84, link: "/projects/sistent/components/stepper/guidance", text: "Stepper" },
-  { id: 85, link: "/projects/sistent/components/stepper/code", text: "Stepper" },
+  { id: 83, link: "/projects/sistent/components/stack", text: "Stack" },
+  { id: 84, link: "/projects/sistent/components/stack/guidance", text: "Stack" },
+  { id: 85, link: "/projects/sistent/components/stack/code", text: "Stack" },
 
-  { id: 86, link: "/projects/sistent/components/switch", text: "Switch" },
-  { id: 87, link: "/projects/sistent/components/switch/guidance", text: "Switch" },
-  { id: 88, link: "/projects/sistent/components/switch/code", text: "Switch" },
+  { id: 86, link: "/projects/sistent/components/stepper", text: "Stepper" },
+  { id: 87, link: "/projects/sistent/components/stepper/guidance", text: "Stepper" },
+  { id: 88, link: "/projects/sistent/components/stepper/code", text: "Stepper" },
 
-  { id: 89, link: "/projects/sistent/components/tabs", text: "Tabs" },
-  { id: 90, link: "/projects/sistent/components/tabs/guidance", text: "Tabs" },
-  { id: 91, link: "/projects/sistent/components/tabs/code", text: "Tabs" },
+  { id: 89, link: "/projects/sistent/components/switch", text: "Switch" },
+  { id: 90, link: "/projects/sistent/components/switch/guidance", text: "Switch" },
+  { id: 91, link: "/projects/sistent/components/switch/code", text: "Switch" },
 
-  { id: 92, link: "/projects/sistent/components/text-field", text: "Text Field" },
-  { id: 93, link: "/projects/sistent/components/text-field/guidance", text: "Text Field" },
-  { id: 94, link: "/projects/sistent/components/text-field/code", text: "Text Field" },
+  { id: 92, link: "/projects/sistent/components/tabs", text: "Tabs" },
+  { id: 93, link: "/projects/sistent/components/tabs/guidance", text: "Tabs" },
+  { id: 94, link: "/projects/sistent/components/tabs/code", text: "Tabs" },
 
-  { id: 95, link: "/projects/sistent/components/text-input", text: "Text Input" },
-  { id: 96, link: "/projects/sistent/components/text-input/guidance", text: "Text Input" },
-  { id: 97, link: "/projects/sistent/components/text-input/code", text: "Text Input" },
+  { id: 95, link: "/projects/sistent/components/text-field", text: "Text Field" },
+  { id: 96, link: "/projects/sistent/components/text-field/guidance", text: "Text Field" },
+  { id: 97, link: "/projects/sistent/components/text-field/code", text: "Text Field" },
 
-  { id: 98, link: "/projects/sistent/components/toolbar", text: "Toolbar" },
-  { id: 99, link: "/projects/sistent/components/toolbar/guidance", text: "Toolbar" },
-  { id: 100, link: "/projects/sistent/components/toolbar/code", text: "Toolbar" },
+  { id: 98, link: "/projects/sistent/components/text-input", text: "Text Input" },
+  { id: 99, link: "/projects/sistent/components/text-input/guidance", text: "Text Input" },
+  { id: 100, link: "/projects/sistent/components/text-input/code", text: "Text Input" },
 
-  { id: 101, link: "/projects/sistent/components/tooltip", text: "Tooltip" },
-  { id: 102, link: "/projects/sistent/components/tooltip/guidance", text: "Tooltip" },
-  { id: 103, link: "/projects/sistent/components/tooltip/code", text: "Tooltip" },
+  { id: 101, link: "/projects/sistent/components/toolbar", text: "Toolbar" },
+  { id: 102, link: "/projects/sistent/components/toolbar/guidance", text: "Toolbar" },
+  { id: 103, link: "/projects/sistent/components/toolbar/code", text: "Toolbar" },
+
+  { id: 104, link: "/projects/sistent/components/tooltip", text: "Tooltip" },
+  { id: 105, link: "/projects/sistent/components/tooltip/guidance", text: "Tooltip" },
+  { id: 106, link: "/projects/sistent/components/tooltip/code", text: "Tooltip" },
 ];
diff --git a/src/sections/Devrel-platform/content.js b/src/sections/Devrel-platform/content.js
@@ -335,7 +335,7 @@ const DevrelContent = () => {
               </h2>
               <ul className="caption">
                 <li><b>Guided Learning Journeys:</b> Advance your cloud native skills through <a href="https://cloud.layer5.io/academy" target="_blank" rel="noopener noreferrer">Layer5 Academy</a>, offering structured paths that combine theory with hands-on labs.</li>
-                <li><b>Interactive Challenges:</b> Strengthen your understanding in real-world scenarios with Academy challenges, powered by <a href="https://meshery.layer5.io/extension/meshmap" target="_blank" rel="noopener noreferrer">Meshery</a>.</li>
+                <li><b>Interactive Challenges:</b> Strengthen your understanding in real-world scenarios with Academy challenges, powered by <a href="https://meshery.io/" target="_blank" rel="noopener noreferrer">Meshery</a>.</li>
                 <li><b>Earn Recognition:</b> Achieve Layer5 Academy certifications and badges, and showcase them directly on your DevRel profile and leaderboards.</li>
                 <li><b>Community Contribution:</b> Contribute new tutorials, challenges, and courses to Academy, growing your professional influence in the cloud-native ecosystem.</li>
               </ul>
diff --git a/src/sections/Projects/Sistent/components/content.js b/src/sections/Projects/Sistent/components/content.js
@@ -258,6 +258,14 @@ const componentsData = [
     url: "/projects/sistent/components/accordion",
     src: "/accordion",
   },
+  {
+    id: 34,
+    name: "Divider",
+    description:
+      "The Divider component visually separates content with a thin line, helping to organize sections and improve scannability in lists and layouts.",
+    url: "/projects/sistent/components/divider",
+    src: "/divider",
+  },
 ];
 
 module.exports = { componentsData };
diff --git a/src/sections/Projects/Sistent/components/divider/code.js b/src/sections/Projects/Sistent/components/divider/code.js
diff --git a/src/sections/Projects/Sistent/components/divider/guidance.js b/src/sections/Projects/Sistent/components/divider/guidance.js
diff --git a/src/sections/Projects/Sistent/components/divider/index.js b/src/sections/Projects/Sistent/components/divider/index.js
