\ No newline at end of file
diff --git a/build/dashboard.txt b/build/dashboard.txt
index 8cfbaca..c973467 100644
--- a/build/dashboard.txt
+++ b/build/dashboard.txt
@@ -1,5 +1,5 @@
1:HL["/_next/static/css/b1239f0ee366fb18.css","style",{"crossOrigin":""}]
-0:["Dh46PL5DqXexCV7uhVlKw",[[["",{"children":["dashboard",{"children":["__PAGE__",{}]}]},"$undefined","$undefined",true],"$L2",[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/b1239f0ee366fb18.css","precedence":"next","crossOrigin":""}]],"$L3"]]]]
+0:["UdlQRROhlqiIr_wixzJmK",[[["",{"children":["dashboard",{"children":["__PAGE__",{}]}]},"$undefined","$undefined",true],"$L2",[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/b1239f0ee366fb18.css","precedence":"next","crossOrigin":""}]],"$L3"]]]]
4:I{"id":1443,"chunks":["272:static/chunks/webpack-f78508767184d005.js","971:static/chunks/fd9d1056-b49804a1e6f1a9b7.js","864:static/chunks/864-126ae77cc240a619.js"],"name":"","async":false}
5:I{"id":8639,"chunks":["272:static/chunks/webpack-f78508767184d005.js","971:static/chunks/fd9d1056-b49804a1e6f1a9b7.js","864:static/chunks/864-126ae77cc240a619.js"],"name":"","async":false}
7:I{"id":5146,"chunks":["272:static/chunks/webpack-f78508767184d005.js","971:static/chunks/fd9d1056-b49804a1e6f1a9b7.js","864:static/chunks/864-126ae77cc240a619.js"],"name":"","async":false}
diff --git a/build/index.html b/build/index.html
index 169c5e4..800aa9a 100644
--- a/build/index.html
+++ b/build/index.html
@@ -1 +1 @@
-Lake AI - A chatbot Intregation using ChatGPT
Create Your Own Chatbot API Endpoint In Seconds
Transform your data into an interactive chatbot with dynamic API endpoints. Seamlessly integrate, engage users, and harness the power of conversational AI. You are one-stop destination for effortlessly bringing intelligent chatbots to your website without any coding hassles in just a few clicks.
\ No newline at end of file
+Lake AI - A chatbot Intregation using ChatGPT
Create Your Own Chatbot API Endpoint In Seconds
Transform your data into an interactive chatbot with dynamic API endpoints. Seamlessly integrate, engage users, and harness the power of conversational AI. You are one-stop destination for effortlessly bringing intelligent chatbots to your website without any coding hassles in just a few clicks.
\ No newline at end of file
diff --git a/build/index.txt b/build/index.txt
index 691c305..9f5360e 100644
--- a/build/index.txt
+++ b/build/index.txt
@@ -1,5 +1,5 @@
1:HL["/_next/static/css/b1239f0ee366fb18.css","style",{"crossOrigin":""}]
-0:["Dh46PL5DqXexCV7uhVlKw",[[["",{"children":["__PAGE__",{}]},"$undefined","$undefined",true],"$L2",[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/b1239f0ee366fb18.css","precedence":"next","crossOrigin":""}]],"$L3"]]]]
+0:["UdlQRROhlqiIr_wixzJmK",[[["",{"children":["__PAGE__",{}]},"$undefined","$undefined",true],"$L2",[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/b1239f0ee366fb18.css","precedence":"next","crossOrigin":""}]],"$L3"]]]]
4:I{"id":1443,"chunks":["272:static/chunks/webpack-f78508767184d005.js","971:static/chunks/fd9d1056-b49804a1e6f1a9b7.js","864:static/chunks/864-126ae77cc240a619.js"],"name":"","async":false}
5:I{"id":8639,"chunks":["272:static/chunks/webpack-f78508767184d005.js","971:static/chunks/fd9d1056-b49804a1e6f1a9b7.js","864:static/chunks/864-126ae77cc240a619.js"],"name":"","async":false}
7:I{"id":5146,"chunks":["272:static/chunks/webpack-f78508767184d005.js","971:static/chunks/fd9d1056-b49804a1e6f1a9b7.js","864:static/chunks/864-126ae77cc240a619.js"],"name":"","async":false}
diff --git a/build/login.html b/build/login.html
index 00a77f8..472b04a 100644
--- a/build/login.html
+++ b/build/login.html
@@ -1 +1 @@
-Lake AI - A chatbot Intregation using ChatGPT
\ No newline at end of file
+Lake AI - A chatbot Intregation using ChatGPT
\ No newline at end of file
diff --git a/build/login.txt b/build/login.txt
index 0174015..90ab234 100644
--- a/build/login.txt
+++ b/build/login.txt
@@ -1,5 +1,5 @@
1:HL["/_next/static/css/b1239f0ee366fb18.css","style",{"crossOrigin":""}]
-0:["Dh46PL5DqXexCV7uhVlKw",[[["",{"children":["login",{"children":["__PAGE__",{}]}]},"$undefined","$undefined",true],"$L2",[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/b1239f0ee366fb18.css","precedence":"next","crossOrigin":""}]],"$L3"]]]]
+0:["UdlQRROhlqiIr_wixzJmK",[[["",{"children":["login",{"children":["__PAGE__",{}]}]},"$undefined","$undefined",true],"$L2",[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/b1239f0ee366fb18.css","precedence":"next","crossOrigin":""}]],"$L3"]]]]
4:I{"id":1443,"chunks":["272:static/chunks/webpack-f78508767184d005.js","971:static/chunks/fd9d1056-b49804a1e6f1a9b7.js","864:static/chunks/864-126ae77cc240a619.js"],"name":"","async":false}
5:I{"id":8639,"chunks":["272:static/chunks/webpack-f78508767184d005.js","971:static/chunks/fd9d1056-b49804a1e6f1a9b7.js","864:static/chunks/864-126ae77cc240a619.js"],"name":"","async":false}
7:I{"id":5146,"chunks":["272:static/chunks/webpack-f78508767184d005.js","971:static/chunks/fd9d1056-b49804a1e6f1a9b7.js","864:static/chunks/864-126ae77cc240a619.js"],"name":"","async":false}
diff --git a/build/organization.html b/build/organization.html
index d28421d..f68f65c 100644
--- a/build/organization.html
+++ b/build/organization.html
@@ -1 +1 @@
-Lake AI - A chatbot Intregation using ChatGPT
\ No newline at end of file
diff --git a/build/trychatbot.txt b/build/trychatbot.txt
index 43d7b5c..baa11e2 100644
--- a/build/trychatbot.txt
+++ b/build/trychatbot.txt
@@ -1,10 +1,10 @@
1:HL["/_next/static/css/b1239f0ee366fb18.css","style",{"crossOrigin":""}]
-0:["Dh46PL5DqXexCV7uhVlKw",[[["",{"children":["trychatbot",{"children":["__PAGE__",{}]}]},"$undefined","$undefined",true],"$L2",[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/b1239f0ee366fb18.css","precedence":"next","crossOrigin":""}]],"$L3"]]]]
+0:["UdlQRROhlqiIr_wixzJmK",[[["",{"children":["trychatbot",{"children":["__PAGE__",{}]}]},"$undefined","$undefined",true],"$L2",[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/b1239f0ee366fb18.css","precedence":"next","crossOrigin":""}]],"$L3"]]]]
4:HL["/_next/static/css/01def51f7bdb826d.css","style",{"crossOrigin":""}]
5:I{"id":1443,"chunks":["272:static/chunks/webpack-f78508767184d005.js","971:static/chunks/fd9d1056-b49804a1e6f1a9b7.js","864:static/chunks/864-126ae77cc240a619.js"],"name":"","async":false}
6:I{"id":8639,"chunks":["272:static/chunks/webpack-f78508767184d005.js","971:static/chunks/fd9d1056-b49804a1e6f1a9b7.js","864:static/chunks/864-126ae77cc240a619.js"],"name":"","async":false}
8:I{"id":5146,"chunks":["272:static/chunks/webpack-f78508767184d005.js","971:static/chunks/fd9d1056-b49804a1e6f1a9b7.js","864:static/chunks/864-126ae77cc240a619.js"],"name":"","async":false}
-9:I{"id":6011,"chunks":["447:static/chunks/00cbbcb7-e0bdca9dee4a6665.js","115:static/chunks/8dc5345f-0793b9dc01619ce7.js","724:static/chunks/358ff52d-05be8d4fe687e9db.js","438:static/chunks/438-e3882425300b2931.js","900:static/chunks/900-f251ec4b02f2deb2.js","819:static/chunks/app/trychatbot/page-91cde2b5e44500d8.js"],"name":"","async":false}
+9:I{"id":6011,"chunks":["447:static/chunks/00cbbcb7-e0bdca9dee4a6665.js","115:static/chunks/8dc5345f-0793b9dc01619ce7.js","724:static/chunks/358ff52d-05be8d4fe687e9db.js","438:static/chunks/438-e3882425300b2931.js","900:static/chunks/900-f251ec4b02f2deb2.js","819:static/chunks/app/trychatbot/page-b554a968326f9d9d.js"],"name":"","async":false}
a:I{"id":1712,"chunks":["185:static/chunks/app/layout-9d74a3d5729c1333.js"],"name":"","async":false}
2:[null,["$","html",null,{"lang":"en","children":["$","body",null,{"className":"__className_d65c78","children":["$","div",null,{"className":"w-screen min-h-screen bg-gradient-to-r from-indigo-200 via-red-200 to-yellow-100","children":[["$","$L5",null,{"parallelRouterKey":"children","segmentPath":["children"],"loading":"$undefined","loadingStyles":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","template":["$","$L6",null,{}],"templateStyles":"$undefined","notFound":[["$","title",null,{"children":"404: This page could not be found."}],["$","div",null,{"style":{"fontFamily":"system-ui,\"Segoe UI\",Roboto,Helvetica,Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\"","height":"100vh","textAlign":"center","display":"flex","flexDirection":"column","alignItems":"center","justifyContent":"center"},"children":["$","div",null,{"children":[["$","style",null,{"dangerouslySetInnerHTML":{"__html":"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}"}}],["$","h1",null,{"className":"next-error-h1","style":{"display":"inline-block","margin":"0 20px 0 0","padding":"0 23px 0 0","fontSize":24,"fontWeight":500,"verticalAlign":"top","lineHeight":"49px"},"children":"404"}],["$","div",null,{"style":{"display":"inline-block"},"children":["$","h2",null,{"style":{"fontSize":14,"fontWeight":400,"lineHeight":"49px","margin":0},"children":"This page could not be found."}]}]]}]}]],"notFoundStyles":[],"childProp":{"current":["$","$L5",null,{"parallelRouterKey":"children","segmentPath":["children","trychatbot","children"],"loading":"$undefined","loadingStyles":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","template":["$","$L6",null,{}],"templateStyles":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","childProp":{"current":["$L7",["$","$L8",null,{"propsForComponent":{"params":{}},"Component":"$9","isStaticGeneration":true}],null],"segment":"__PAGE__"},"styles":[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/01def51f7bdb826d.css","precedence":"next","crossOrigin":""}]]}],"segment":"trychatbot"},"styles":[]}],["$","$La",null,{}]]}]}]}],null]
3:[["$","meta","0",{"charSet":"utf-8"}],["$","title","1",{"children":"Lake AI - A chatbot Intregation using ChatGPT"}],["$","meta","2",{"name":"description","content":"Transform your data into an interactive chatbot with dynamic API endpoints. Seamlessly integrate, engage users, and harness the power of conversational AI. You are one-stop destination for effortlessly bringing intelligent chatbots to your website without any coding hassles in just a few clicks."}],["$","meta","3",{"name":"theme-color","content":"#FFF"}],["$","meta","4",{"name":"viewport","content":"width=device-width, initial-scale=1"}],["$","meta","5",{"property":"og:title","content":"Lake AI - A chatbot Intregation using ChatGPT"}],["$","meta","6",{"property":"og:description","content":"Transform your data into an interactive chatbot with dynamic API endpoints. Seamlessly integrate, engage users, and harness the power of conversational AI. You are one-stop destination for effortlessly bringing intelligent chatbots to your website without any coding hassles in just a few clicks."}],["$","meta","7",{"property":"og:image","content":"https://avatars.githubusercontent.com/u/169491068?s=200&v=4"}],["$","meta","8",{"name":"twitter:card","content":"summary_large_image"}],["$","meta","9",{"name":"twitter:creator","content":"@Apurvjha_eth"}],["$","meta","10",{"name":"twitter:title","content":"Lake AI - A chatbot Intregation using ChatGPT"}],["$","meta","11",{"name":"twitter:description","content":"Transform your data into an interactive chatbot with dynamic API endpoints. Seamlessly integrate, engage users, and harness the power of conversational AI. You are one-stop destination for effortlessly bringing intelligent chatbots to your website without any coding hassles in just a few clicks."}],["$","meta","12",{"name":"twitter:image","content":"https://avatars.githubusercontent.com/u/169491068?s=200&v=4"}],["$","link","13",{"rel":"icon","href":"/favicon.ico","type":"image/x-icon","sizes":"32x32"}]]
diff --git a/js-interface/script.js b/js-interface/script.js
new file mode 100644
index 0000000..79fa669
--- /dev/null
+++ b/js-interface/script.js
@@ -0,0 +1,518 @@
+var userClickCount = 0;
+const notificationAlert = new Audio(
+ "https://cdn.jsdelivr.net/gh/apurvjha123/Chit-Chat-Server/Sound/message-notification.mp3"
+);
+window.chatbot.chatbotTitle = "AI Chatbot";
+window.chatbot.initialMessage = "Hello! How can i assist you today ?";
+window.chatbot.brandImage =
+ "https://e7.pngegg.com/pngimages/498/917/png-clipart-computer-icons-desktop-chatbot-icon-blue-angle-thumbnail.png";
+window.chatbot.switchAPI = false;
+
+const listenEventChanges = function () {
+ // Trigger action when windows is load
+ window.addEventListener("load", function () {
+ loadChatBotUI();
+ loadListOfSuggestions();
+
+ const chatBotMainBtnElement =
+ document.getElementsByClassName("chatbot-main-btn");
+
+ if (chatBotMainBtnElement.length == 0) return;
+
+ chatBotMainBtnElement[0].classList.remove("display-none");
+ chatBotMainBtnElement[0].classList.remove("animate__infinite");
+ chatBotMainBtnElement[0].classList.remove("animate__slower");
+
+ chatBotMainBtnElement[0].classList.add("animate__faster");
+ chatBotMainBtnElement[0].classList.add("animate__slideInUp");
+
+ setTimeout(() => {
+ chatBotMainBtnElement[0].classList.add("animate__infinite");
+ chatBotMainBtnElement[0].classList.add("animate__slower");
+
+ chatBotMainBtnElement[0].classList.remove("animate__faster");
+ chatBotMainBtnElement[0].classList.remove("animate__slideInUp");
+ }, 2000);
+
+ chatMessageSendBtnEnableDisable();
+ });
+
+ // Trigger action when document is click
+ document.addEventListener("click", function () {
+ triggerAlert();
+ });
+};
+
+// load dependencies that required for chatbot
+(function () {
+ const link = document.createElement("link");
+ link.rel = "stylesheet";
+
+ const animationcss =
+ "https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css";
+ link.href = animationcss;
+
+ document.head.appendChild(link);
+ listenEventChanges();
+})();
+
+// function listenEventChanges() {}
+
+function loadChatBotUI() {
+ const chatbotContainer = document.getElementById("chatbot");
+
+ if (!chatbotContainer) return;
+
+ chatbotContainer.innerHTML = `
+