feat : added different section for sistent icons

Signed-off-by: GARY121github <harshprakash000@gmail.com>

Author: GARY121github

src/components/SistentNavigation/content.js

@@ -1,121 +1,73 @@
 export const content = [
+  // About
   { id: 0, link: "/projects/sistent/about", text: "About Sistent" },
+
+  // Identity
   { id: 1, link: "/projects/sistent/identity/color", text: "Colors" },
   { id: 2, link: "/projects/sistent/identity/color/guidance", text: "Colors" },
   { id: 3, link: "/projects/sistent/identity/color/code", text: "Colors" },
   { id: 4, link: "/projects/sistent/identity/spacing", text: "Spacing" },
-  {
-    id: 5,
-    link: "/projects/sistent/identity/spacing/guidance",
-    text: "Spacing",
-  },
+  { id: 5, link: "/projects/sistent/identity/spacing/guidance", text: "Spacing" },
   { id: 6, link: "/projects/sistent/identity/spacing/code", text: "Spacing" },
   { id: 7, link: "/projects/sistent/identity/typography", text: "Typography" },
-  {
-    id: 8,
-    link: "/projects/sistent/identity/typography/guidance",
-    text: "Typography",
-  },
-  {
-    id: 9,
-    link: "/projects/sistent/identity/typography/code",
-    text: "Typography",
-  },
-  { id: 10, link: "/projects/sistent/components/button", text: "Button" },
-  {
-    id: 10,
-    link: "/projects/sistent/components/button/guidance",
-    text: "Button",
-  },
-  { id: 11, link: "/projects/sistent/components/button/code", text: "Button" },
-  {
-    id: 12,
-    link: "/projects/sistent/components/text-input",
-    text: "Text Input",
-  },
-  {
-    id: 13,
-    link: "/projects/sistent/components/text-input/guidance",
-    text: "Text Input",
-  },
-  {
-    id: 14,
-    link: "/projects/sistent/components/text-input/code",
-    text: "Text Input",
-  },
-  {
-    id: 15,
-    link: "/projects/sistent/components/paper",
-    text: "Paper",
-  },
-  {
-    id: 16,
-    link: "/projects/sistent/components/paper/guidance",
-    text: "Paper",
-  },
-  {
-    id: 17,
-    link: "/projects/sistent/components/paper/code",
-    text: "Paper",
-  },
-  {
-    id: 18,
-    link: "/projects/sistent/components/popper",
-    text: "Popper",
-  },
-  {
-    id: 19,
-    link: "/projects/sistent/components/popper/guidance",
-    text: "Popper",
-  },
-  {
-    id: 20,
-    link: "/projects/sistent/components/popper/code",
-    text: "Popper",
-  },
-  {
-    id: 21,
-    link: "/projects/sistent/components/text-field",
-    text: "Text Field",
-  },
-  {
-    id: 22,
-    link: "/projects/sistent/components/text-field/guidance",
-    text: "Text Field",
-  },
-  {
-    id: 23,
-    link: "/projects/sistent/components/text-field/code",
-    text: "Text Field",
-  },
-  {
-    id: 24,
-    link: "/projects/sistent/components/button-group",
-    text: "Button Group",
-  },
-  {
-    id: 25,
-    link: "/projects/sistent/components/button-group/guidance",
-    text: "Button Group",
-  },
-  {
-    id: 26,
-    link: "/projects/sistent/components/button-group/code",
-    text: "Button Group",
-  },
-  {
-    id: 27,
-    link: "/projects/sistent/components/tooltip",
-    text: "Tooltip",
-  },
-  {
-    id: 25,
-    link: "/projects/sistent/components/tooltip/guidance",
-    text: "Tooltip",
-  },
-  {
-    id: 26,
-    link: "/projects/sistent/components/tooltip/code",
-    text: "Tooltip",
-  },
+  { id: 8, link: "/projects/sistent/identity/typography/guidance", text: "Typography" },
+  { id: 9, link: "/projects/sistent/identity/typography/code", text: "Typography" },
+
+  // Components
+  { id: 10, link: "/projects/sistent/components/backdrop", text: "Backdrop" },
+  { id: 11, link: "/projects/sistent/components/backdrop/guidance", text: "Backdrop" },
+  { id: 12, link: "/projects/sistent/components/backdrop/code", text: "Backdrop" },
+
+  { id: 13, link: "/projects/sistent/components/box", text: "Box" },
+  { id: 14, link: "/projects/sistent/components/box/guidance", text: "Box" },
+  { id: 15, link: "/projects/sistent/components/box/code", text: "Box" },
+
+  { id: 16, link: "/projects/sistent/components/button", text: "Button" },
+  { id: 17, link: "/projects/sistent/components/button/guidance", text: "Button" },
+  { id: 18, link: "/projects/sistent/components/button/code", text: "Button" },
+
+  { id: 19, link: "/projects/sistent/components/button-group", text: "Button Group" },
+  { id: 20, link: "/projects/sistent/components/button-group/guidance", text: "Button Group" },
+  { id: 21, link: "/projects/sistent/components/button-group/code", text: "Button Group" },
+
+  { id: 22, link: "/projects/sistent/components/container", text: "Container" },
+  { id: 23, link: "/projects/sistent/components/container/guidance", text: "Container" },
+  { id: 24, link: "/projects/sistent/components/container/code", text: "Container" },
+
+  { id: 25, link: "/projects/sistent/components/icons", text: "Icons" },
+
+  { id: 26, link: "/projects/sistent/components/link", text: "Link" },
+  { id: 27, link: "/projects/sistent/components/link/guidance", text: "Link" },
+  { id: 28, link: "/projects/sistent/components/link/code", text: "Link" },
+
+  { id: 29, link: "/projects/sistent/components/modal", text: "Modal" },
+  { id: 30, link: "/projects/sistent/components/modal/code", text: "Modal" },
+
+  { id: 31, link: "/projects/sistent/components/pagination", text: "Pagination" },
+  { id: 32, link: "/projects/sistent/components/pagination/guidance", text: "Pagination" },
+  { id: 33, link: "/projects/sistent/components/pagination/code", text: "Pagination" },
+
+  { id: 34, link: "/projects/sistent/components/paper", text: "Paper" },
+  { id: 35, link: "/projects/sistent/components/paper/guidance", text: "Paper" },
+  { id: 36, link: "/projects/sistent/components/paper/code", text: "Paper" },
+
+  { id: 37, link: "/projects/sistent/components/popper", text: "Popper" },
+  { id: 38, link: "/projects/sistent/components/popper/guidance", text: "Popper" },
+  { id: 39, link: "/projects/sistent/components/popper/code", text: "Popper" },
+
+  { id: 40, link: "/projects/sistent/components/select", text: "Select" },
+  { id: 41, link: "/projects/sistent/components/select/guidance", text: "Select" },
+  { id: 42, link: "/projects/sistent/components/select/code", text: "Select" },
+
+  { id: 43, link: "/projects/sistent/components/text-field", text: "Text Field" },
+  { id: 44, link: "/projects/sistent/components/text-field/guidance", text: "Text Field" },
+  { id: 45, link: "/projects/sistent/components/text-field/code", text: "Text Field" },
+
+  { id: 46, link: "/projects/sistent/components/text-input", text: "Text Input" },
+  { id: 47, link: "/projects/sistent/components/text-input/guidance", text: "Text Input" },
+  { id: 48, link: "/projects/sistent/components/text-input/code", text: "Text Input" },
+
+  { id: 49, link: "/projects/sistent/components/tooltip", text: "Tooltip" },
+  { id: 50, link: "/projects/sistent/components/tooltip/guidance", text: "Tooltip" },
+  { id: 51, link: "/projects/sistent/components/tooltip/code", text: "Tooltip" },
 ];

src/sections/Projects/Sistent/components/content.js

@@ -119,6 +119,13 @@ const componentsData = [
     url: "/projects/sistent/components/select",
     src: "/select",
   },
+  {
+    id: 16,
+    name: "Icons",
+    description: "Sistent provides a comprehensive collection of icons that can be used across your projects. These icons are designed to be consistent with the overall design language of the Sistent design system, ensuring a cohesive user experience.",
+    url: "/projects/sistent/components/icons",
+    src: "/icons"
+  },
 ];
 
 module.exports = { componentsData };