adding in the docs chatbot

docs/chatbot.mdx

@@ -0,0 +1,8 @@
+---
+title: Chatbot
+slug: chatbot
+---
+
+# Chatbot
+
+<iframe src="https://docsbot-web3signer.prd.ai.consensys.io/?embed=true" height="800" width="100%" />

docusaurus.config.js

@@ -157,6 +157,11 @@ const config = {
           height: 32,
         },
         items: [
+          {
+            href: "/chatbot",
+            className: "header-chatbot-link",
+            position: "right",
+          },
           {
             href: "https://github.com/Consensys/web3signer",
             className: "header-github-link",

package.json

@@ -27,11 +27,11 @@
     "**/*.{md,mdx}": "npm run lint:spelling"
   },
   "dependencies": {
-    "@docusaurus/core": "^3.1.1",
-    "@docusaurus/plugin-client-redirects": "^3.1.1",
-    "@docusaurus/plugin-google-gtag": "^3.1.1",
-    "@docusaurus/plugin-google-tag-manager": "^3.1.1",
-    "@docusaurus/preset-classic": "^3.1.1",
+    "@docusaurus/core": "^3.3.2",
+    "@docusaurus/plugin-client-redirects": "^3.3.2",
+    "@docusaurus/plugin-google-gtag": "^3.3.2",
+    "@docusaurus/plugin-google-tag-manager": "^3.3.2",
+    "@docusaurus/preset-classic": "^3.3.2",
     "@mdx-js/react": "^3.0.0",
     "clsx": "^1.2.1",
     "prism-react-renderer": "^2.1.0",
@@ -42,10 +42,10 @@
   "devDependencies": {
     "@commitlint/cli": "^18.2.0",
     "@commitlint/config-conventional": "^18.1.0",
-    "@docusaurus/eslint-plugin": "^3.1.1",
-    "@docusaurus/module-type-aliases": "^3.0.0",
-    "@docusaurus/tsconfig": "^3.0.0",
-    "@docusaurus/types": "^3.0.0",
+    "@docusaurus/eslint-plugin": "^3.3.2",
+    "@docusaurus/module-type-aliases": "^3.3.2",
+    "@docusaurus/tsconfig": "^3.3.2",
+    "@docusaurus/types": "^3.3.2",
     "@semantic-release/changelog": "^6.0.3",
     "@semantic-release/commit-analyzer": "^10.0.4",
     "@semantic-release/git": "^10.0.1",

sidebars.js

@@ -79,6 +79,7 @@ const sidebars = {
         },
       ],
     },
+    "chatbot"
   ],
 };
 

src/components/HomepageFeatures/index.tsx

@@ -20,12 +20,12 @@ type CardItem = {
 
 const CardList: CardItem[] = [
   {
-    title: "🏁 Getting Started",
-    link: "/category/get-started-with-web3signer",
+    title: "🤖 Chatbot",
+    link: "/chatbot",
     description: (
       <>
-        Get started with Web3Signer by installing as binary, Docker, or
-        Kubernetes. Hit the ground running in less than 5 minutes!
+        Use the Documentation Chatbot to get assistance with questions about
+        Web3Signer or usage instructions
       </>
     ),
     buttonName: "Go to installation",

src/css/custom.css

@@ -51,6 +51,25 @@ html[data-theme="dark"] .header-github-link::before {
     no-repeat;
 }
 
+/* chatbot */
+.header-chatbot-link:hover {
+  opacity: 0.6;
+}
+
+.header-chatbot-link::before {
+  content: "";
+  width: 28px;
+  height: 28px;
+  display: flex;
+  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.48 4h4l.5.5v2.03h.52l.5.5V8l-.5.5h-.52v3l-.5.5H9.36l-2.5 2.76L6 14.4V12H3.5l-.5-.64V8.5h-.5L2 8v-.97l.5-.5H3V4.36L3.53 4h4V2.86A1 1 0 0 1 7 2a1 1 0 0 1 2 0 1 1 0 0 1-.52.83V4zM12 8V5H4v5.86l2.5.14H7v2.19l1.8-2.04.35-.15H12V8zm-2.12.51a2.71 2.71 0 0 1-1.37.74v-.01a2.71 2.71 0 0 1-2.42-.74l-.7.71c.34.34.745.608 1.19.79.45.188.932.286 1.42.29a3.7 3.7 0 0 0 2.58-1.07l-.7-.71zM6.49 6.5h-1v1h1v-1zm3 0h1v1h-1v-1z'/%3E%3C/svg%3E")
+    no-repeat;
+}
+
+html[data-theme="dark"] .header-chatbot-link::before {
+  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='white' d='M8.48 4h4l.5.5v2.03h.52l.5.5V8l-.5.5h-.52v3l-.5.5H9.36l-2.5 2.76L6 14.4V12H3.5l-.5-.64V8.5h-.5L2 8v-.97l.5-.5H3V4.36L3.53 4h4V2.86A1 1 0 0 1 7 2a1 1 0 0 1 2 0 1 1 0 0 1-.52.83V4zM12 8V5H4v5.86l2.5.14H7v2.19l1.8-2.04.35-.15H12V8zm-2.12.51a2.71 2.71 0 0 1-1.37.74v-.01a2.71 2.71 0 0 1-2.42-.74l-.7.71c.34.34.745.608 1.19.79.45.188.932.286 1.42.29a3.7 3.7 0 0 0 2.58-1.07l-.7-.71zM6.49 6.5h-1v1h1v-1zm3 0h1v1h-1v-1z'/%3E%3C/svg%3E")
+    no-repeat;
+}
+
 /* discord */
 .header-discord-link:hover {
   opacity: 0.6;