From e0d14dddb6cfed95bd1e14f3fe030c019ef9a102 Mon Sep 17 00:00:00 2001
From: planetabhi <abhimanyu.rana@postman.com>
Date: Sun, 24 Dec 2023 05:36:05 +0530
Subject: [PATCH] added categories

---
 src/components/CategoryNav.css     | 12 ++++-
 src/components/CategoryNavItem.css |  3 +-
 src/data/tools.json                | 73 ++++++++++++++++++++++++++++--
 3 files changed, 82 insertions(+), 6 deletions(-)

diff --git a/src/components/CategoryNav.css b/src/components/CategoryNav.css
index 4644086..16b03da 100644
--- a/src/components/CategoryNav.css
+++ b/src/components/CategoryNav.css
@@ -3,4 +3,14 @@
   box-shadow: inset 0px -1px 0px var(--border-muted);
   white-space: nowrap;
   overflow-x: scroll;
-}
\ No newline at end of file
+}
+
+/* hide scrollbar
+.category-nav {
+  scrollbar-width: none;
+  -ms-overflow-style: none;
+}
+.category-nav::-webkit-scrollbar{
+  display: none;
+}
+*/
\ No newline at end of file
diff --git a/src/components/CategoryNavItem.css b/src/components/CategoryNavItem.css
index f2d659d..dc499b6 100644
--- a/src/components/CategoryNavItem.css
+++ b/src/components/CategoryNavItem.css
@@ -7,7 +7,7 @@
   cursor: pointer;
   border-bottom: 2px solid transparent;
   font-family: var(--system-ui);
-  font-weight: 500;
+  font-weight: 400;
   transition:all .12s ease-out;
   opacity: 0.88;
 }
@@ -17,6 +17,7 @@
 }
 
 .nav__item.is-active {
+  font-weight: 500;
   color: var(--text-primary);
   border-bottom: 2px solid var(--icon-primary);
   opacity: 1;
diff --git a/src/data/tools.json b/src/data/tools.json
index 6f0e3f1..b74cbde 100644
--- a/src/data/tools.json
+++ b/src/data/tools.json
@@ -1,5 +1,10 @@
 {
   "tools": [
+    {
+      "title": "&#128511; Art",
+      "category": "art",
+      "content": []
+    },
     {
       "title": "&#127911; Audio",
       "category": "audio",
@@ -90,6 +95,11 @@
         }
       ]
     },
+    {
+      "title": "&#9749; Code",
+      "category": "code",
+      "content": []
+    },
     {
       "title": "&#9997; Copywriting",
       "category": "copywriting",
@@ -451,7 +461,7 @@
       ]
     },
     {
-      "title": "&#128526; Developer",
+      "title": "&#129299; Developer",
       "category": "developer",
       "content": [
         {
@@ -637,8 +647,43 @@
       ]
     },
     {
-      "title": "&#128248; Retouching",
-      "category": "retouching",
+      "title": "&#127891; Education",
+      "category": "education",
+      "content": []
+    },
+    {
+      "title": "&#128126; Gaming",
+      "category": "gaming",
+      "content": []
+    },
+    {
+      "title": "&#128519; Health",
+      "category": "health",
+      "content": []
+    },
+    {
+      "title": "&#9878; Legal",
+      "category": "legal",
+      "content": []
+    },
+    {
+      "title": "&#128268; LLMs",
+      "category": "llm",
+      "content": []
+    },
+    {
+      "title": "&#127928; Music",
+      "category": "music",
+      "content": []
+    },
+    {
+      "title": "&#129337; No Code",
+      "category": "nocode",
+      "content": []
+    },
+    {
+      "title": "&#128248; Photo",
+      "category": "photo",
       "content": [
         {
           "title": "AI Image Enlarger",
@@ -1051,7 +1096,27 @@
       ]
     },
     {
-      "title": "&#127909; Video",
+      "title": "&#128218; Research",
+      "category": "research",
+      "content": []
+    },
+    {
+      "title": "&#129309; Sales",
+      "category": "sales",
+      "content": []
+    },
+    {
+      "title": "&#127793; SEO",
+      "category": "seo",
+      "content": []
+    },
+    {
+      "title": "&#128077; Social Media",
+      "category": "social",
+      "content": []
+    },
+    {
+      "title": "&#128249; Video",
       "category": "video",
       "content": [
         {