added categories

src/components/CategoryNav.css

@@ -3,4 +3,14 @@
   box-shadow: inset 0px -1px 0px var(--border-muted);
   white-space: nowrap;
   overflow-x: scroll;
-}
+}
+
+/* hide scrollbar
+.category-nav {
+  scrollbar-width: none;
+  -ms-overflow-style: none;
+}
+.category-nav::-webkit-scrollbar{
+  display: none;
+}
+*/

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;

src/data/tools.json

@@ -1,5 +1,10 @@
 {
   "tools": [
+    {
+      "title": "🗿 Art",
+      "category": "art",
+      "content": []
+    },
     {
       "title": "🎧 Audio",
       "category": "audio",
@@ -90,6 +95,11 @@
         }
       ]
     },
+    {
+      "title": "☕ Code",
+      "category": "code",
+      "content": []
+    },
     {
       "title": "✍ Copywriting",
       "category": "copywriting",
@@ -451,7 +461,7 @@
       ]
     },
     {
-      "title": "😎 Developer",
+      "title": "🤓 Developer",
       "category": "developer",
       "content": [
         {
@@ -637,8 +647,43 @@
       ]
     },
     {
-      "title": "📸 Retouching",
-      "category": "retouching",
+      "title": "🎓 Education",
+      "category": "education",
+      "content": []
+    },
+    {
+      "title": "👾 Gaming",
+      "category": "gaming",
+      "content": []
+    },
+    {
+      "title": "😇 Health",
+      "category": "health",
+      "content": []
+    },
+    {
+      "title": "⚖ Legal",
+      "category": "legal",
+      "content": []
+    },
+    {
+      "title": "🔌 LLMs",
+      "category": "llm",
+      "content": []
+    },
+    {
+      "title": "🎸 Music",
+      "category": "music",
+      "content": []
+    },
+    {
+      "title": "🤹 No Code",
+      "category": "nocode",
+      "content": []
+    },
+    {
+      "title": "📸 Photo",
+      "category": "photo",
       "content": [
         {
           "title": "AI Image Enlarger",
@@ -1051,7 +1096,27 @@
       ]
     },
     {
-      "title": "🎥 Video",
+      "title": "📚 Research",
+      "category": "research",
+      "content": []
+    },
+    {
+      "title": "🤝 Sales",
+      "category": "sales",
+      "content": []
+    },
+    {
+      "title": "🌱 SEO",
+      "category": "seo",
+      "content": []
+    },
+    {
+      "title": "👍 Social Media",
+      "category": "social",
+      "content": []
+    },
+    {
+      "title": "📹 Video",
       "category": "video",
       "content": [
         {