docs: add chatbot as a page

website/sidebars.js

@@ -27,6 +27,13 @@ const sidebars = {
         'operation_flow',
         'rpc_nodes',
         'web3js_taquito',
+        {
+          type: 'link',
+          label: 'TaquitoGPT Support Chatbot',
+          href: '/chatbot',
+          className: 'sidebarHeader',
+          description: 'Ask questions and get answers from the TaquitoGPT chatbot',
+        },
       ],
     },
     {

website/src/pages/chatbot/index.js

@@ -0,0 +1,31 @@
+import useDocusaurusContext from '@docusaurus/useDocusaurusContext';
+import Layout from '@theme/Layout';
+import React from 'react';
+
+export default () => {
+    const context = useDocusaurusContext();
+    const { siteConfig } = context;
+    const { customFields } = siteConfig;
+
+    return (
+        <Layout
+            title={`Hello from ${siteConfig.title}`}
+            permalink="/"
+            description={customFields.description}
+        >
+            <div
+                style={{
+                    display: 'flex',
+                    justifyContent: 'center',
+                    alignItems: 'center',
+                }}>
+                <iframe
+                    src="https://www.chatbase.co/chatbot-iframe/Cn650xmUdORPNUE8fcKlg"
+                    width="90%"
+                    style={{ height: '100%', minHeight: '700px' }}
+                    frameborder="0"
+                ></iframe>
+            </div>
+        </Layout>
+    );
+}