diff --git a/.DS_Store b/.DS_Store
new file mode 100644
index 00000000..1266bffa
Binary files /dev/null and b/.DS_Store differ
diff --git a/Coverpage.html b/Coverpage.html
index 01b1d2f3..2b2a0c16 100644
--- a/Coverpage.html
+++ b/Coverpage.html
@@ -139,5 +139,18 @@
             window.location.href = "index.html";
         }
     </script>
+    <script>
+        window.embeddedChatbotConfig = {
+        chatbotId: "dGlQ5bP-F7GodLWzgrVAx",
+        domain: "www.chatbase.co"
+        }
+        </script>
+        <script
+        src="https://www.chatbase.co/embed.min.js"
+        chatbotId="dGlQ5bP-F7GodLWzgrVAx"
+        domain="www.chatbase.co"
+        defer>
+        </script>
+    
 </body>
 </html>
diff --git a/Html-files/Electronic.html b/Html-files/Electronic.html
index 3ac2784e..5776689b 100644
--- a/Html-files/Electronic.html
+++ b/Html-files/Electronic.html
@@ -354,21 +354,21 @@
   color: #181e20 !important;
 }
   
-          #sr {
-              display: none;
-              position: fixed;
-              bottom: 20px;
-              right: 30px;
-              z-index: 99;
-              font-size: 18px;
-              border: none;
-              outline: none;
-              background-color: transparent;
-              color: white;
-              cursor: pointer;
-              padding: 15px;
-              border-radius: 4px;
-          }
+#sr {
+display: none; 
+position: fixed; 
+bottom: 70px; 
+right: 15px; 
+z-index: 99; 
+font-size: 18px;
+border: none;
+outline: none;
+background-color: transparent; 
+color: rgb(17, 17, 17); 
+cursor: pointer; 
+padding: 15px; 
+border-radius: 4px; 
+}
   
           #sr:hover {
               color: #000;
@@ -870,5 +870,18 @@ <h2 style="font-family: var(--ff-philosopher);color: black;">Follow Us</h2>
 })
     </script>
     <script src="cart.js"></script>
+    <script>
+        window.embeddedChatbotConfig = {
+        chatbotId: "dGlQ5bP-F7GodLWzgrVAx",
+        domain: "www.chatbase.co"
+        }
+        </script>
+        <script
+        src="https://www.chatbase.co/embed.min.js"
+        chatbotId="dGlQ5bP-F7GodLWzgrVAx"
+        domain="www.chatbase.co"
+        defer>
+        </script>
+    
 </body>
 </html>
diff --git a/Html-files/about.html b/Html-files/about.html
index 3d838e96..ca32aa90 100644
--- a/Html-files/about.html
+++ b/Html-files/about.html
@@ -29,22 +29,21 @@
     <style>
         @import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');  
         @import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');  
-#sr {
+        #sr {
 display: none; 
 position: fixed; 
-bottom: 20px; 
-right: 30px; 
+bottom: 70px; 
+right: 15px; 
 z-index: 99; 
 font-size: 18px;
 border: none;
 outline: none;
 background-color: transparent; 
-color: white; 
+color: rgb(17, 17, 17); 
 cursor: pointer; 
 padding: 15px; 
 border-radius: 4px; 
 }
-
 #sr:hover {
 background-color: transparent; 
 color: black;
@@ -901,6 +900,19 @@ <h3 class="f-title f_600 t_color f_size_18">Follow Us</h3>
 });
 
 </script>
+<script>
+  window.embeddedChatbotConfig = {
+  chatbotId: "dGlQ5bP-F7GodLWzgrVAx",
+  domain: "www.chatbase.co"
+  }
+  </script>
+  <script
+  src="https://www.chatbase.co/embed.min.js"
+  chatbotId="dGlQ5bP-F7GodLWzgrVAx"
+  domain="www.chatbase.co"
+  defer>
+  </script>
+
 </body>
 
 </html>
\ No newline at end of file
diff --git a/Html-files/booknow.html b/Html-files/booknow.html
index fe793232..20582276 100644
--- a/Html-files/booknow.html
+++ b/Html-files/booknow.html
@@ -184,5 +184,18 @@ <h2 style="color: black;">Our Services</h2>
     <footer>
         <p>&copy; 2024 Retro. All rights reserved.</p>
     </footer>
+    <script>
+        window.embeddedChatbotConfig = {
+        chatbotId: "dGlQ5bP-F7GodLWzgrVAx",
+        domain: "www.chatbase.co"
+        }
+        </script>
+        <script
+        src="https://www.chatbase.co/embed.min.js"
+        chatbotId="dGlQ5bP-F7GodLWzgrVAx"
+        domain="www.chatbase.co"
+        defer>
+        </script>
+    
 </body>
 </html>
diff --git a/Html-files/cart.html b/Html-files/cart.html
index 2d33cf35..f9d08c2e 100644
--- a/Html-files/cart.html
+++ b/Html-files/cart.html
@@ -112,23 +112,21 @@
 
     @import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
     @import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
-
     #sr {
-      display: none;
-      position: fixed;
-      bottom: 20px;
-      right: 30px;
-      z-index: 99;
-      font-size: 18px;
-      border: none;
-      outline: none;
-      background-color: transparent;
-      color: white;
-      cursor: pointer;
-      padding: 15px;
-      border-radius: 4px;
-    }
-
+display: none; 
+position: fixed; 
+bottom: 70px; 
+right: 15px; 
+z-index: 99; 
+font-size: 18px;
+border: none;
+outline: none;
+background-color: transparent; 
+color: rgb(17, 17, 17); 
+cursor: pointer; 
+padding: 15px; 
+border-radius: 4px; 
+}
     #sr:hover {
       background-color: transparent;
       color: black;
@@ -284,85 +282,6 @@
 }
 
   </style>
-  <style>
-    /* Modal styles */
-    .modal {
-      display: none; /* Hidden by default */
-      position: fixed; /* Stay in place */
-      z-index: 1000; /* Sit on top */
-      left: 0;
-      top: 0;
-      width: 100%; /* Full width */
-      height: 100%; /* Full height */
-      overflow: auto; /* Enable scroll if needed */
-      background-color: rgba(0, 0, 0, 0.7); /* Darker overlay for better contrast */
-      animation: fadeIn 0.5s; /* Animation for modal display */
-    }
-
-    .modal-content {
-      background-color: #ffffff; /* White background */
-      margin: 10% auto; /* 10% from the top and centered */
-      padding: 20px;
-      border-radius: 10px; /* Rounded corners */
-      width: 400px; /* Adjusted width for better visibility */
-      box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3); /* Shadow */
-      animation: slideIn 0.5s; /* Animation for content */
-    }
-
-    .close {
-      color: #aaa;
-      float: right;
-      font-size: 28px;
-      font-weight: bold;
-    }
-
-    .close:hover,
-    .close:focus {
-      color: #e74c3c; /* Red color on hover */
-      text-decoration: none;
-      cursor: pointer;
-    }
-
-    h2 {
-      color: #2c3e50; /* Darker text color */
-    }
-
-    #couponDisplay {
-      font-weight: bold;
-      color: #27ae60; /* Green color for coupon code */
-    }
-
-    #okButton {
-      background-color: #3498db; /* Blue */
-      color: white;
-      border: none;
-      padding: 10px 20px;
-      text-align: center;
-      text-decoration: none;
-      display: inline-block;
-      font-size: 16px;
-      margin: 4px 2px;
-      border-radius: 5px;
-      cursor: pointer;
-      transition: background-color 0.3s, transform 0.3s; /* Transition for hover effect */
-    }
-
-    #okButton:hover {
-      background-color: #2980b9; /* Darker blue on hover */
-      transform: scale(1.05); /* Slightly enlarge on hover */
-    }
-
-    /* Animation keyframes */
-    @keyframes fadeIn {
-      from { opacity: 0; }
-      to { opacity: 1; }
-    }
-
-    @keyframes slideIn {
-      from { transform: translateY(-50px); opacity: 0; }
-      to { transform: translateY(0); opacity: 1; }
-    }
-  </style>
 </head>
 
 <body>
@@ -574,18 +493,6 @@ <h4 style="color: hsl(203, 30%,26%);font-family: var(--ff-philosopher);">Follow
       </div>
     </div>
   </footer>
-
-    <!-- Modal HTML -->
-    <div id="customAlert" class="modal">
-      <div class="modal-content">
-          <span class="close" id="closeModal">&times;</span>
-          <h2>Congratulations!</h2>
-          <p>Your coupon code is <span id="couponDisplay" style="font-weight: bold;"></span></p>
-          <p>You've received a 30% discount on your first order.</p>
-          <button id="okButton">OK</button>
-      </div>
-    </div>
-
     <script src="cart.js"></script>
 
   </script>
@@ -695,20 +602,21 @@ <h2>Congratulations!</h2>
         }, 3000);
       });
     });
+
   </script>
   <script>
-    // Check if the user is logged in
-    const isLoggedIn = localStorage.getItem('isLoggedIn');
-
-    if (isLoggedIn !== 'true') {
-        // If the user is not logged in, redirect to the login page
-        alert('You must be logged in to access the cart.');
-        window.location.href = 'login.html';
-    } else {
-        // Render the cart or any other content as normal
-        document.body.innerHTML += '<p>Here is your cart content.</p>';
-    }
-</script>
+    window.embeddedChatbotConfig = {
+    chatbotId: "dGlQ5bP-F7GodLWzgrVAx",
+    domain: "www.chatbase.co"
+    }
+    </script>
+    <script
+    src="https://www.chatbase.co/embed.min.js"
+    chatbotId="dGlQ5bP-F7GodLWzgrVAx"
+    domain="www.chatbase.co"
+    defer>
+    </script>
+
 </body>
 
 </html>
diff --git a/Html-files/cart.js b/Html-files/cart.js
index b5b29cab..addf6077 100644
--- a/Html-files/cart.js
+++ b/Html-files/cart.js
@@ -93,32 +93,12 @@ const applyFirstTimeDiscount = () => {
         couponCode = generateCouponCode();
         localStorage.setItem('couponCode', couponCode);
     }
-    if (document.getElementById('couponCode')) {
-        document.getElementById('couponCode').innerHTML = `Use coupon code <span style="font-weight: bold;">${couponCode}</span> for 30% off!`;
-        
-        // Display the custom modal
-        document.getElementById('couponDisplay').innerText = couponCode; // Show the coupon code
-        document.getElementById('customAlert').style.display = "block"; // Show the modal
+    if(document.getElementById('couponCode')){
+        document.getElementById('couponCode').innerHTML = `Use coupon code <span style="font-weight: bold;"> ${couponCode} </span> for 30% off!`;
+        alert(`Congratulations! Your coupon code is ${couponCode}. You've received a 30% discount on your first order.`);
     }
+    
 }
-
-// Close the modal when the user clicks on the <span> (x)
-document.getElementById('closeModal').onclick = function() {
-    document.getElementById('customAlert').style.display = "none";
-}
-
-// Close the modal when the user clicks the OK button
-document.getElementById('okButton').onclick = function() {
-    document.getElementById('customAlert').style.display = "none";
-}
-
-// Close the modal when the user clicks anywhere outside of the modal
-window.onclick = function(event) {
-    if (event.target == document.getElementById('customAlert')) {
-        document.getElementById('customAlert').style.display = "none";
-    }
-}
-
 window.onload = applyFirstTimeDiscount;
 
 function updateBadgeCount() {
diff --git a/Html-files/contact.html b/Html-files/contact.html
index 5e3d4a9a..c06e894e 100644
--- a/Html-files/contact.html
+++ b/Html-files/contact.html
@@ -38,20 +38,20 @@
         @import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
 
         #sr {
-            display: none;
-            position: fixed;
-            bottom: 20px;
-            right: 30px;
-            z-index: 99;
-            font-size: 18px;
-            border: none;
-            outline: none;
-            background-color: transparent;
-            color: white;
-            cursor: pointer;
-            padding: 15px;
-            border-radius: 4px;
-        }
+display: none; 
+position: fixed; 
+bottom: 70px; 
+right: 15px; 
+z-index: 99; 
+font-size: 18px;
+border: none;
+outline: none;
+background-color: transparent; 
+color: rgb(17, 17, 17); 
+cursor: pointer; 
+padding: 15px; 
+border-radius: 4px; 
+}
 
         #sr:hover {
             background-color: transparent;
@@ -1090,7 +1090,19 @@ <h4 style="font-family: var(--ff-philosopher);color: hsl(203, 30%, 26%);">Follow
         });
     </script>
 
-   
+<script>
+    window.embeddedChatbotConfig = {
+    chatbotId: "dGlQ5bP-F7GodLWzgrVAx",
+    domain: "www.chatbase.co"
+    }
+    </script>
+    <script
+    src="https://www.chatbase.co/embed.min.js"
+    chatbotId="dGlQ5bP-F7GodLWzgrVAx"
+    domain="www.chatbase.co"
+    defer>
+    </script>
+
 
     <script src="cart.js"></script>
 
diff --git a/Html-files/logged.html b/Html-files/logged.html
index 9aae7864..09175c94 100644
--- a/Html-files/logged.html
+++ b/Html-files/logged.html
@@ -16,14 +16,14 @@
     #sr {
 display: none; 
 position: fixed; 
-bottom: 20px; 
-right: 30px; 
+bottom: 70px; 
+right: 15px; 
 z-index: 99; 
 font-size: 18px;
 border: none;
 outline: none;
-background-color: #555; 
-color: white; 
+background-color: transparent; 
+color: rgb(17, 17, 17); 
 cursor: pointer; 
 padding: 15px; 
 border-radius: 4px; 
@@ -154,5 +154,18 @@
 
     animateCircles();
   </script>
+  <script>
+    window.embeddedChatbotConfig = {
+    chatbotId: "dGlQ5bP-F7GodLWzgrVAx",
+    domain: "www.chatbase.co"
+    }
+    </script>
+    <script
+    src="https://www.chatbase.co/embed.min.js"
+    chatbotId="dGlQ5bP-F7GodLWzgrVAx"
+    domain="www.chatbase.co"
+    defer>
+    </script>
+
   </body>
   </html>
\ No newline at end of file
diff --git a/Html-files/login.html b/Html-files/login.html
index 2fb5ed2d..ecdbcf41 100644
--- a/Html-files/login.html
+++ b/Html-files/login.html
@@ -270,14 +270,24 @@ <h1 style="color: hsl(203, 30%,26%);font-family: var(--ff-philosopher);">LOGIN</
         // Display an error message if the password is too short
         document.getElementById('error-message').textContent = 'Password must be at least 8 characters.';
     } else {
-      // Save the login status in the local storage
-      localStorage.setItem('isLoggedIn', 'true');
-      
-      // If both are valid, redirect to logged.html
+        // If both are valid, redirect to logged.html
         window.location.assign('logged.html');
     }
 });
 
   </script>
+  <script>
+    window.embeddedChatbotConfig = {
+    chatbotId: "dGlQ5bP-F7GodLWzgrVAx",
+    domain: "www.chatbase.co"
+    }
+    </script>
+    <script
+    src="https://www.chatbase.co/embed.min.js"
+    chatbotId="dGlQ5bP-F7GodLWzgrVAx"
+    domain="www.chatbase.co"
+    defer>
+    </script>
+
 </body>
 </html>
diff --git a/Html-files/menu.html b/Html-files/menu.html
index 1d50bda8..b97d2e19 100644
--- a/Html-files/menu.html
+++ b/Html-files/menu.html
@@ -86,22 +86,21 @@
     </style>
     <style>
         @import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
-
         #sr {
-            display: none;
-            position: fixed;
-            bottom: 20px;
-            right: 30px;
-            z-index: 99;
-            font-size: 18px;
-            border: none;
-            outline: none;
-            background-color: transparent;
-            color: white;
-            cursor: pointer;
-            padding: 15px;
-            border-radius: 4px;
-        }
+display: none; 
+position: fixed; 
+bottom: 70px; 
+right: 15px; 
+z-index: 99; 
+font-size: 18px;
+border: none;
+outline: none;
+background-color: transparent; 
+color: rgb(17, 17, 17); 
+cursor: pointer; 
+padding: 15px; 
+border-radius: 4px; 
+}
 
         #sr:hover {
             background-color: transparent;
@@ -926,6 +925,19 @@ <h4 style="font-family: var(--ff-philosopher);color: hsl(304, 14%, 46%);">Follow
     </script>
     <script src="cart.js"></script>
 
+    <script>
+        window.embeddedChatbotConfig = {
+        chatbotId: "dGlQ5bP-F7GodLWzgrVAx",
+        domain: "www.chatbase.co"
+        }
+        </script>
+        <script
+        src="https://www.chatbase.co/embed.min.js"
+        chatbotId="dGlQ5bP-F7GodLWzgrVAx"
+        domain="www.chatbase.co"
+        defer>
+        </script>
+    
 </body>
 
 </html>
\ No newline at end of file
diff --git a/Html-files/payment2.html b/Html-files/payment2.html
index 566ebdbf..0ce55daa 100644
--- a/Html-files/payment2.html
+++ b/Html-files/payment2.html
@@ -331,5 +331,18 @@ <h3>UPI Information</h3>
         });
       });
     </script>
+    <script>
+      window.embeddedChatbotConfig = {
+      chatbotId: "dGlQ5bP-F7GodLWzgrVAx",
+      domain: "www.chatbase.co"
+      }
+      </script>
+      <script
+      src="https://www.chatbase.co/embed.min.js"
+      chatbotId="dGlQ5bP-F7GodLWzgrVAx"
+      domain="www.chatbase.co"
+      defer>
+      </script>
+  
   </body>
 </html>
diff --git a/Html-files/services.html b/Html-files/services.html
index 130f43af..cc6301f1 100644
--- a/Html-files/services.html
+++ b/Html-files/services.html
@@ -37,22 +37,21 @@
         <style>
         @import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');  
         @import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');  
-#sr {
+        #sr {
 display: none; 
 position: fixed; 
-bottom: 20px; 
-right: 30px; 
+bottom: 70px; 
+right: 15px; 
 z-index: 99; 
 font-size: 18px;
 border: none;
 outline: none;
 background-color: transparent; 
-color: white; 
+color: rgb(17, 17, 17); 
 cursor: pointer; 
 padding: 15px; 
 border-radius: 4px; 
 }
-
 #sr:hover {
 background-color: transparent; 
 color: black;
@@ -797,6 +796,19 @@ <h1  style="font-family: var(--ff-philosopher);color: hsl(203, 30%, 26%); margin
 });
     </script>
     <script src="cart.js"></script>
+    <script>
+        window.embeddedChatbotConfig = {
+        chatbotId: "dGlQ5bP-F7GodLWzgrVAx",
+        domain: "www.chatbase.co"
+        }
+        </script>
+        <script
+        src="https://www.chatbase.co/embed.min.js"
+        chatbotId="dGlQ5bP-F7GodLWzgrVAx"
+        domain="www.chatbase.co"
+        defer>
+        </script>
+    
 </body>
 
 
diff --git a/Html-files/signed.html b/Html-files/signed.html
index 9c3059f0..29054bfd 100644
--- a/Html-files/signed.html
+++ b/Html-files/signed.html
@@ -16,14 +16,14 @@
     #sr {
 display: none; 
 position: fixed; 
-bottom: 20px; 
-right: 30px; 
+bottom: 70px; 
+right: 15px; 
 z-index: 99; 
 font-size: 18px;
 border: none;
 outline: none;
-background-color: #555;
-color: white; 
+background-color: transparent; 
+color: rgb(17, 17, 17); 
 cursor: pointer; 
 padding: 15px; 
 border-radius: 4px; 
@@ -161,5 +161,18 @@
 
     animateCircles();
   </script>
+  <script>
+    window.embeddedChatbotConfig = {
+    chatbotId: "dGlQ5bP-F7GodLWzgrVAx",
+    domain: "www.chatbase.co"
+    }
+    </script>
+    <script
+    src="https://www.chatbase.co/embed.min.js"
+    chatbotId="dGlQ5bP-F7GodLWzgrVAx"
+    domain="www.chatbase.co"
+    defer>
+    </script>
+
   </body>
   </html>
\ No newline at end of file
diff --git a/Html-files/signup.html b/Html-files/signup.html
index cf9aea67..d07bb038 100644
--- a/Html-files/signup.html
+++ b/Html-files/signup.html
@@ -19,14 +19,14 @@
       #sr {
 display: none; 
 position: fixed; 
-bottom: 20px; 
-right: 30px; 
+bottom: 70px; 
+right: 15px; 
 z-index: 99; 
 font-size: 18px;
 border: none;
 outline: none;
-background-color: #555; 
-color: white; 
+background-color: transparent; 
+color: rgb(17, 17, 17); 
 cursor: pointer; 
 padding: 15px; 
 border-radius: 4px; 
@@ -236,7 +236,7 @@
         </div>
         <div class="right-login">
           <div class="card-login">
-            <h1 style="font-family: var(--ff-philosopher); color: hsl(203, 30%, 26%);">SIGN UP</h1>
+            <h1 style="font-family: var(--ff-philosopher);color: hsl(203, 30%, 26%);">SIGN UP</h1>
             <form id="signup-form">
               <div class="textfield">
                 <label for="name" style="font-family:var(--ff-philosopher);color: black;">Name</label>
@@ -248,19 +248,20 @@ <h1 style="font-family: var(--ff-philosopher); color: hsl(203, 30%, 26%);">SIGN
                 <input type="email" id="email" name="email" placeholder="Enter Email / UserName" required style="font-family: var(--ff-philosopher);">
                 <span id="email-error" class="error-message"></span>
               </div>
-              <div class="textfield">
+
+              <div class="textfield ">
                 <label for="password">Password</label>
                 <input type="password" id="password" name="password" placeholder="Enter Password" title="Special characters are not allowed" required>
                 <span id="password-error" class="error-message"></span>
-                <span class="tooltiptext">Special characters such as /[<>"/]/ are not allowed</span>
-              </div>
-              <div class="btnNext">
-                <button type="submit" class="btn-login" style="font-family: var(--ff-philosopher);color: #ddd;">Register</button>
-                <button id="google-login" style="font-family: var(--ff-philosopher);color: #ddd;">Signup with Google</button>
-              </div>
+                <span class="tooltiptext">Special characters such as /[<>"/]/  are not allowed</span>
+            </div>
+
+              
             </form>
+            <div class="btnNext"><button type="submit" class="btn-login" style="font-family: var(--ff-philosopher);color: #ddd;">Register</button>
+              <button id="google-login" style="font-family: var(--ff-philosopher);color: #ddd;">Signup with Google</button></div>
           </div>
-    
+
           <p class="switch-link">Already have an account? <a href="login.html">Login</a></p>
         </div>
       </div>
@@ -330,56 +331,17 @@ <h1 style="font-family: var(--ff-philosopher); color: hsl(203, 30%, 26%);">SIGN
         animateCircles();
       </script>
       <script>
-        // Form validation for signup page
-        document.getElementById('signup-form').addEventListener('submit', function(event) {
-          // Prevent form submission
-          event.preventDefault();
-
-          // Get input values
-          const nameInput = document.getElementById('name').value;
-          const emailInput = document.getElementById('email').value;
-          const passwordInput = document.getElementById('password').value;
-
-          // Regular expression for email validation (simple check)
-          const emailPattern = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
-
-          // Password validation (at least 8 characters)
-          const isValidPassword = passwordInput.length >= 8;
-
-          // Clear previous error messages
-          document.getElementById('name-error').textContent = '';
-          document.getElementById('email-error').textContent = '';
-          document.getElementById('password-error').textContent = '';
-
-          let isValid = true;
-
-          // Validate name
-          if (!nameInput.trim()) {
-            document.getElementById('name-error').textContent = 'Name cannot be empty.';
-            isValid = false;
-          }
-
-          // Validate email format
-          if (!emailPattern.test(emailInput)) {
-            document.getElementById('email-error').textContent = 'Invalid email format.';
-            isValid = false;
-          }
-
-          // Validate password length
-          if (!isValidPassword) {
-            document.getElementById('password-error').textContent = 'Password must be at least 8 characters.';
-            isValid = false;
-          }
-
-          // If everything is valid, proceed (for now we just log the result)
-          if (isValid) {
-            // Save the login status in the local storage
-            localStorage.setItem('isLoggedIn', 'true');
-
-            // If both are valid, redirect to logged.html
-              window.location.assign('signed.html');
-          }
-        });
-      </script>
+        window.embeddedChatbotConfig = {
+        chatbotId: "dGlQ5bP-F7GodLWzgrVAx",
+        domain: "www.chatbase.co"
+        }
+        </script>
+        <script
+        src="https://www.chatbase.co/embed.min.js"
+        chatbotId="dGlQ5bP-F7GodLWzgrVAx"
+        domain="www.chatbase.co"
+        defer>
+        </script>
+    
 </body>
 </html>
diff --git a/index.html b/index.html
index 1d84981d..2722a25c 100644
--- a/index.html
+++ b/index.html
@@ -174,14 +174,14 @@
 #sr {
 display: none; 
 position: fixed; 
-bottom: 20px; 
-right: 30px; 
+bottom: 70px; 
+right: 15px; 
 z-index: 99; 
 font-size: 18px;
 border: none;
 outline: none;
 background-color: transparent; 
-color: white; 
+color: rgb(17, 17, 17); 
 cursor: pointer; 
 padding: 15px; 
 border-radius: 4px; 
@@ -1101,6 +1101,18 @@ <h4 style="font-family: var(--ff-philosopher);color: hsl(203, 30%, 26%);">Follow
 };
 </script>
 
+<script>
+    window.embeddedChatbotConfig = {
+    chatbotId: "dGlQ5bP-F7GodLWzgrVAx",
+    domain: "www.chatbase.co"
+    }
+    </script>
+    <script
+    src="https://www.chatbase.co/embed.min.js"
+    chatbotId="dGlQ5bP-F7GodLWzgrVAx"
+    domain="www.chatbase.co"
+    defer>
+    </script>
 
 <script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
 <script>