add chatbot

#97

package.json

@@ -49,7 +49,7 @@
     "mini-svg-data-uri": "^1.4.4",
     "moment": "^2.30.1",
     "mongoose": "^8.3.4",
-    "next": "^14.2.3",
+    "next": "^14.2.16",
     "next-contentlayer": "^0.3.4",
     "next-mdx-remote": "^0.5.1",
     "next-themes": "^0.3.0",
@@ -91,5 +91,9 @@
     "next-contentlayer": {
       "next": "$next"
     }
-  }
+  },
+  "description": "<p align=\"center\">\r   <a href=\"https://reactplay.io\" target=\"_blank\" style=\"font-size:80px\"><img src=\"public/logo-white.png\" alt=\"react-play\" width=\"125\" /></a>\r </p>",
+  "main": "index.js",
+  "author": "",
+  "license": "ISC"
 }

src/app/(app)/page.tsx

@@ -1,3 +1,5 @@
+'use client'; // Mark this file as a Client Component
+import { useEffect } from 'react';
 import Banner from '@/components/banner';
 import { Beam, Beam2 } from '@/components/beam';
 import Features from '@/components/features';
@@ -18,6 +20,32 @@ import { Star } from 'lucide-react';
 import Link from 'next/link';
 
 const IndexPage = () => {
+  useEffect(() => {
+    // Create and append the configuration script
+    const configScript = document.createElement('script');
+    configScript.innerHTML = `
+      window.embeddedChatbotConfig = {
+        chatbotId: "CgIoEqUF_3FxcQasT8MFb",
+        domain: "www.chatbase.co"
+      }
+    `;
+    document.body.appendChild(configScript);
+
+    // Create and append the chatbot script
+    const chatbotScript = document.createElement('script');
+    chatbotScript.src = 'https://www.chatbase.co/embed.min.js';
+    chatbotScript.setAttribute('chatbotId', 'CgIoEqUF_3FxcQasT8MFb');
+    chatbotScript.setAttribute('domain', 'www.chatbase.co');
+    chatbotScript.setAttribute('defer', '');
+    document.body.appendChild(chatbotScript);
+
+    // Cleanup function to remove scripts on unmount
+    return () => {
+      document.body.removeChild(configScript);
+      document.body.removeChild(chatbotScript);
+    };
+  }, []);
+
   return (
     <>
       <PageHeader className=" relative z-30  ">