diff --git a/public/css/style.css b/public/css/style.css
index eed6e3c..ec6c62b 100644
--- a/public/css/style.css
+++ b/public/css/style.css
@@ -1,366 +1,420 @@
-@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:ital,wght@0,100..700;1,100..700&display=swap');
+@import url("https://fonts.googleapis.com/css2?family=Josefin+Sans:ital,wght@0,100..700;1,100..700&display=swap");
 
 /* General Styles */
 * {
-    margin: 0;
-    padding: 0;
-    box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+  box-sizing: border-box;
 }
 
 /* Custom Scrollbar Styles */
 ::-webkit-scrollbar {
-    width: 12px;               
+  width: 12px;
 }
 
 ::-webkit-scrollbar-track {
-    background: #e2e8f0;      
-    border-radius: 6px;        
+  background: #e2e8f0;
+  border-radius: 6px;
 }
 
 ::-webkit-scrollbar-thumb {
-    background-color: #4CAF50; 
-    border-radius: 6px;        
-    border: 2px solid #e2e8f0; 
+  background-color: #4caf50;
+  border-radius: 6px;
+  border: 2px solid #e2e8f0;
 }
 
 ::-webkit-scrollbar-thumb:hover {
-    background-color: #FFEB3B; 
+  background-color: #ffeb3b;
 }
 /* Firefox scrollbar customization */
+/* Global styling */
 * {
-    scrollbar-width: thin;      
-    scrollbar-color: #4CAF50 #e2e8f0; }
+  scrollbar-width: thin;
+  scrollbar-color: #4caf50 #e2e8f0;
+}
 
 *::-webkit-scrollbar-thumb:active {
-    background-color: #FFEB3B;   
+  background-color: #ffeb3b;
 }
 
+/* Body and basic styling */
 body {
-    font-family: 'Poppins', sans-serif;
-    background-color: #f0f4f8;
+  font-family: "Poppins", sans-serif;
+  background-color: #f0f4f8;
+  margin: 0;
+  padding: 0;
 }
 
 header {
-    background-color: #4CAF50;
-    padding: 15px 0;
-    color: white;
-    text-align: center;
-    -webkit-box-shadow: 0 2px 4px 4px #959595;
-    -moz-box-shadow: 0 2px 4px 4px #959595;
-    box-shadow: 0 2px 4px 4px #959595;
-    border-bottom: 1px solid rgb(13, 255, 13);
+  background-color: #4caf50;
+  padding: 15px 0;
+  color: white;
+  text-align: center;
+  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
+  border-bottom: 1px solid rgb(13, 255, 13);
 }
 
 nav {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    padding: 0 50px;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 0 50px;
 }
 
 .logo {
-    font-family: "Josefin Sans", sans-serif;
-    font-size: 25px;
-    font-weight: 900;
-    font-style: normal;
-    text-transform: uppercase;
-    color: #b7ff00;
-    text-shadow: 2px 2px 2px black;
+  font-family: "Josefin Sans", sans-serif;
+  font-size: 25px;
+  font-weight: 900;
+  text-transform: uppercase;
+  color: #b7ff00;
+  text-shadow: 2px 2px 2px black;
+  cursor: pointer;
 }
 
 .nav-links {
-    list-style-type: none;
+  display: flex;
+  list-style-type: none;
 }
 
 .nav-links li {
-    display: inline-block;
-    margin: 0 15px;
+  margin: 0 15px;
 }
 
 .nav-links a {
-    text-decoration: none;
-    color: white;
-    font-weight: 500;
+  text-decoration: none;
+  color: white;
+  font-weight: 500;
+  transition: color 0.3s ease;
 }
 
-.logo:hover{
-    text-shadow: 3px 5px 3px black;
+.nav-links a:hover {
+  color: #f2ff00;
+  text-decoration: underline;
 }
 
-.nav-links a:hover {
-    color: #f2ff00;
-    text-decoration: underline;
-    transition: ease-in 7ms;
+/* Hamburger Menu Styling */
+.hamburger {
+  display: none;
+  cursor: pointer;
 }
-/* Container for the map and controls */
-.map-container {
-    position: relative;
+
+.bar {
+  width: 25px;
+  height: 3px;
+  background-color: white;
+  margin: 5px 0;
+  transition: 0.4s;
+}
+
+/* Sidebar for small screens */
+.show-menu {
+  display: block;
+}
+
+/* Responsive styling */
+@media all and (max-width: 761px) {
+  nav {
+    flex-direction: column;
+    align-items: flex-start;
+  }
+
+  .nav-links {
+    display: none;
+    flex-direction: column;
+    width: 100%;
+    padding: 0;
+  }
+
+  .nav-links li {
+    text-align: center;
+    padding: 10px 0;
     width: 100%;
-    height: 100vh;
-    background-color: #f4f8f0;
-    border-radius: 8px;
-    overflow: hidden;
+  }
+
+  .hamburger {
+    display: block;
+    position: absolute;
+    right: 20px;
+    top: 16px;
+  }
+
+  .logo {
+    align-self: flex-start;
+    margin-left: 20px;
+  }
+
+  .show-menu {
     display: flex;
-    align-items: center;
-    justify-content: center;
+  }
+}
+
+/* Container for the map and controls */
+.map-container {
+  position: relative;
+  width: 100%;
+  height: 100vh;
+  background-color: #f4f8f0;
+  border-radius: 8px;
+  overflow: hidden;
+  display: flex;
+  align-items: center;
+  justify-content: center;
 }
 
 /* Map Styles */
 #map {
-    width: 90%;
-    height:80%;
-    border-radius: 8px;
-    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
-    box-shadow:0px 0px 2px 2px #333;
-    margin-top: -7rem;
+  width: 90%;
+  height: 80%;
+  border-radius: 8px;
+  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
+  box-shadow: 0px 0px 2px 2px #333;
+  margin-top: -7rem;
 }
 
-
 /* Search Box Styles */
 .search-box {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    padding: 1vw;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 1vw;
 }
 
 .search-box input {
-    padding: 10px;
-    border-radius: 4px;
-    border: none;
-    width: 250px;
-    font-size: 14px;
-    border:1px dotted rgba(0, 0, 0, 0.855);
+  padding: 10px;
+  border-radius: 4px;
+  border: none;
+  width: 250px;
+  font-size: 14px;
+  border: 1px dotted rgba(0, 0, 0, 0.855);
 }
 
 .search-box button {
-    padding: 10px 15px;
-    background-color: #4CAF50;
-    color: white;
-    border: none;
-    border-radius: 4px;
-    cursor: pointer;
-    font-size: 14px;
+  padding: 10px 15px;
+  background-color: #4caf50;
+  color: white;
+  border: none;
+  border-radius: 4px;
+  cursor: pointer;
+  font-size: 14px;
 }
 
-.search-box button i{
-    scale: 1.4;
+.search-box button i {
+  scale: 1.4;
 }
 
-.search-box button i:hover{
-    text-shadow: 2px 2px 2px black;
+.search-box button i:hover {
+  text-shadow: 2px 2px 2px black;
 }
-.search-box button:hover{
-    background-color: #3e8e41;
+.search-box button:hover {
+  background-color: #3e8e41;
 }
 
-.search-box #streetview:active{
-    background-color: #f2ff00;
-    border:1px solid #4CAF50;
+.search-box #streetview:active {
+  background-color: #f2ff00;
+  border: 1px solid #4caf50;
 }
 
 /* Map Controls */
 .controls {
-    position: absolute;
-    transform: translate(25%,18rem);
-    display: flex;
-    gap: 10px;
+  position: absolute;
+  transform: translate(25%, 18rem);
+  display: flex;
+  gap: 10px;
 }
 
 .controls button {
-    padding: 10px 15px;
-    background-color: #4CAF50;
-    color: white;
-    border: none;
-    border-radius: 4px;
-    cursor: pointer;
-    font-size: 14px;
-    font-weight: 500;
+  padding: 10px 15px;
+  background-color: #4caf50;
+  color: white;
+  border: none;
+  border-radius: 4px;
+  cursor: pointer;
+  font-size: 14px;
+  font-weight: 500;
 }
 
 .controls button:hover {
-    background-color: #FFEB3B;
-    color: black;
+  background-color: #ffeb3b;
+  color: black;
 }
 
-.controls button:focus{
-    background-color: #78a111aa;
-    border: 1px solid rgb(255, 0, 0);
-    color: black;
+.controls button:focus {
+  background-color: #78a111aa;
+  border: 1px solid rgb(255, 0, 0);
+  color: black;
 }
 
 .controls label {
-    color: #333;
-    font-weight: bold;
-    display: flex;
-    align-items: center;
+  color: #333;
+  font-weight: bold;
+  display: flex;
+  align-items: center;
 }
 
 .controls input[type="checkbox"] {
-    margin-right: 5px;
+  margin-right: 5px;
 }
 
-
 /* Advantages Section Styling */
 .advantages-section {
-    padding: 50px;
-    background-color: #f5f7fa;
-    text-align: center;
-    font-family: 'Roboto', sans-serif;
+  padding: 50px;
+  background-color: #f5f7fa;
+  text-align: center;
+  font-family: "Roboto", sans-serif;
 }
 
 .advantages-section h2 {
-    font-size: 36px;
-    color: #333;
-    margin-bottom: 30px;
-    font-weight: bold;
-    text-transform: uppercase;
+  font-size: 36px;
+  color: #333;
+  margin-bottom: 30px;
+  font-weight: bold;
+  text-transform: uppercase;
 }
 
 .advantages-container {
-    display: grid;
-    grid-template-columns: repeat(2, 1fr);
-    gap: 30px;
-    max-width: 1200px;
-    margin: 0 auto;
+  display: grid;
+  grid-template-columns: repeat(2, 1fr);
+  gap: 30px;
+  max-width: 1200px;
+  margin: 0 auto;
 }
 
 .advantage-box {
-    background-color: #fff;
-    border: 1px solid #e0e0e0;
-    border-radius: 8px;
-    padding: 30px;
-    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
-    transition: transform 0.3s ease, box-shadow 0.3s ease;
+  background-color: #fff;
+  border: 1px solid #e0e0e0;
+  border-radius: 8px;
+  padding: 30px;
+  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
+  transition: transform 0.3s ease, box-shadow 0.3s ease;
 }
 
 .advantage-box:hover {
-    transform: translateY(-10px);
-    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15);
+  transform: translateY(-10px);
+  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15);
 }
 
 .advantage-box h3 {
-    font-size: 24px;
-    color: #4CAF50;
-    margin-bottom: 15px;
-    font-weight: bold;
+  font-size: 24px;
+  color: #4caf50;
+  margin-bottom: 15px;
+  font-weight: bold;
 }
 
 .advantage-box p {
-    font-size: 16px;
-    color: #666;
-    line-height: 1.6;
+  font-size: 16px;
+  color: #666;
+  line-height: 1.6;
 }
 
 /* Responsive Design */
 @media screen and (max-width: 768px) {
-    .advantages-container {
-        grid-template-columns: 1fr;
-    }
+  .advantages-container {
+    grid-template-columns: 1fr;
+  }
 }
 
 /* Footer Section Styling */
 .footer {
-    background-color: #333;
-    color: #fff;
-    padding: 50px 0;
-    font-family: 'Roboto', sans-serif;
+  background-color: #333;
+  color: #fff;
+  padding: 50px 0;
+  font-family: "Roboto", sans-serif;
 }
 
 .footer-container {
-    display: flex;
-    justify-content: space-between;
-    align-items: flex-start;
-    max-width: 1200px;
-    margin: 0 auto;
-    padding: 0 20px;
-    flex-wrap: wrap;
+  display: flex;
+  justify-content: space-between;
+  align-items: flex-start;
+  max-width: 1200px;
+  margin: 0 auto;
+  padding: 0 20px;
+  flex-wrap: wrap;
 }
 
 /* Footer Logo and Description */
 .footer-logo h2 {
-    font-size: 28px;
-    margin-bottom: 10px;
-    color: #FFEB3B;
+  font-size: 28px;
+  margin-bottom: 10px;
+  color: #ffeb3b;
 }
 
 .footer-logo p {
-    font-size: 14px;
-    color: #ccc;
-    max-width: 300px;
-    line-height: 1.6;
+  font-size: 14px;
+  color: #ccc;
+  max-width: 300px;
+  line-height: 1.6;
 }
 
 /* Footer Links Section */
 .footer-links h3 {
-    font-size: 18px;
-    color: #eeff00d4;
-    margin-bottom: 15px;
+  font-size: 18px;
+  color: #eeff00d4;
+  margin-bottom: 15px;
 }
 
 .footer-links ul {
-    list-style: none;
-    padding: 0;
+  list-style: none;
+  padding: 0;
 }
 
 .footer-links ul li {
-    margin-bottom: 10px;
+  margin-bottom: 10px;
 }
 
 .footer-links ul li a {
-    color: #ccc;
-    text-decoration: none;
-    font-size: 14px;
-    transition: color 0.3s ease;
+  color: #ccc;
+  text-decoration: none;
+  font-size: 14px;
+  transition: color 0.3s ease;
 }
 
 .footer-links ul li a:hover {
-    color: #FFEB3B;
+  color: #ffeb3b;
 }
 
 /* Footer Social Media Section */
 .footer-social h3 {
-    font-size: 18px;
-    color: #ddff00;
-    margin-bottom: 15px;
+  font-size: 18px;
+  color: #ddff00;
+  margin-bottom: 15px;
 }
 
 .social-icons {
-    display: flex;
-    gap: 10px;
+  display: flex;
+  gap: 10px;
 }
 
 .social-icon {
-    color: #ccc;
-    font-size: 20px;
-    transition: color 0.3s ease;
+  color: #ccc;
+  font-size: 20px;
+  transition: color 0.3s ease;
 }
 
 .social-icon:hover {
-    color: #FFEB3B;
+  color: #ffeb3b;
 }
 
 /* Footer Bottom Section */
 .footer-bottom {
-    text-align: center;
-    padding: 20px 0;
-    background-color: #222;
+  text-align: center;
+  padding: 20px 0;
+  background-color: #222;
 }
 
 .footer-bottom p {
-    font-size: 14px;
-    color: #ccc;
+  font-size: 14px;
+  color: #ccc;
 }
 
 /* Responsive Design */
 @media screen and (max-width: 768px) {
-    .footer-container {
-        flex-direction: column;
-        text-align: center;
-    }
-
-    .footer-links,
-    .footer-social {
-        margin-top: 30px;
-    }
+  .footer-container {
+    flex-direction: column;
+    text-align: center;
+  }
+
+  .footer-links,
+  .footer-social {
+    margin-top: 30px;
+  }
 }
diff --git a/views/index.html b/views/index.html
index fb2b969..09090d4 100644
--- a/views/index.html
+++ b/views/index.html
@@ -1,126 +1,170 @@
 <!DOCTYPE html>
 <html lang="en">
-
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Real Time Tracking Application</title>
-    <link href='https://unpkg.com/boxicons@2.1.4/css/boxicons.min.css' rel='stylesheet'>
-    <link rel="stylesheet" href="/css/style.css">
+    <link
+      href="https://unpkg.com/boxicons@2.1.4/css/boxicons.min.css"
+      rel="stylesheet"
+    />
+    <link rel="stylesheet" href="/css/style.css" />
     <!-- Leaflet CSS -->
-    <link rel="stylesheet" href="https://unpkg.com/leaflet/dist/leaflet.css">
-    <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&display=swap" rel="stylesheet">
+    <link rel="stylesheet" href="https://unpkg.com/leaflet/dist/leaflet.css" />
+    <link
+      href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&display=swap"
+      rel="stylesheet"
+    />
     <!-- Font Awesome for Icons -->
-    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
-
-</head>
-
-<body>
+    <link
+      rel="stylesheet"
+      href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css"
+    />
+  </head>
 
+  <body>
     <!-- Header -->
     <header>
-        <nav>
-            <div class="logo">Trackive</div>
-            <ul class="nav-links">
-                <li><a href="#">Home</a></li>
-                <li><a href="#">about</a></li>
-                <li><a href="#">why we</a></li>
-                <li><a href="#">Features</a></li>
-                <li><a href="/html/contact.html" id="contact-link">Contact</a></li>
-                <li><a href="/html/login.html">login</a></li>
-            </ul>
-        </nav>
+      <nav>
+        <div class="logo">Trackive</div>
+        <ul class="nav-links">
+          <li><a href="#">Home</a></li>
+          <li><a href="#">About</a></li>
+          <li><a href="#">Why Us</a></li>
+          <li><a href="#">Features</a></li>
+          <li><a href="/html/contact.html" id="contact-link">Contact</a></li>
+          <li><a href="/html/login.html">Login</a></li>
+        </ul>
+        <div class="hamburger">
+          <div class="bar"></div>
+          <div class="bar"></div>
+          <div class="bar"></div>
+        </div>
+      </nav>
     </header>
 
     <!-- Map Section -->
     <!-- Search Box -->
     <div class="search-box">
-        <input type="text" id="location-input" placeholder="Search for a location">
-        <button onclick="searchLocation()"><i class='bx bx-search-alt bx-tada'></i></button>
+      <input
+        type="text"
+        id="location-input"
+        placeholder="Search for a location"
+      />
+      <button onclick="searchLocation()">
+        <i class="bx bx-search-alt bx-tada"></i>
+      </button>
     </div>
     <!-- Map Section -->
     <section class="map-container">
-        <div id="map"></div>
-
-
-        <!-- Map Controls -->
-        <div class="controls">
-            <button onclick="setStreetView()" id="setStreetView">Street View</button>
-            <button onclick="setSatelliteView()" id="setSatelliteView">Satellite View</button>
-            <label>
-                <input type="checkbox" id="real-time-toggle" checked>
-                Real-Time Tracking
-            </label>
-        </div>
+      <div id="map"></div>
+
+      <!-- Map Controls -->
+      <div class="controls">
+        <button onclick="setStreetView()" id="setStreetView">
+          Street View
+        </button>
+        <button onclick="setSatelliteView()" id="setSatelliteView">
+          Satellite View
+        </button>
+        <label>
+          <input type="checkbox" id="real-time-toggle" checked />
+          Real-Time Tracking
+        </label>
+      </div>
     </section>
 
     <section class="advantages-section">
-        <h2>Why Use Real-Time Tracking?</h2>
-        <div class="advantages-container">
-            <div class="advantage-box">
-                <h3>1. Real-Time Location</h3>
-                <p>Get up-to-date location information on your assets, vehicles, or people with live updates to ensure
-                    efficient management.</p>
-            </div>
-            <div class="advantage-box">
-                <h3>2. Improved Efficiency</h3>
-                <p>Optimize your routes and reduce delays with real-time tracking, enhancing productivity and saving
-                    time.</p>
-            </div>
-            <div class="advantage-box">
-                <h3>3. Enhanced Security</h3>
-                <p>Monitor movements in real-time to ensure safety, security, and immediate response in case of any
-                    unforeseen situations.</p>
-            </div>
-            <div class="advantage-box">
-                <h3>4. Better Decision-Making</h3>
-                <p>Use the data from real-time tracking to make informed decisions, whether it's for logistics, safety,
-                    or personal use.</p>
-            </div>
+      <h2>Why Use Real-Time Tracking?</h2>
+      <div class="advantages-container">
+        <div class="advantage-box">
+          <h3>1. Real-Time Location</h3>
+          <p>
+            Get up-to-date location information on your assets, vehicles, or
+            people with live updates to ensure efficient management.
+          </p>
+        </div>
+        <div class="advantage-box">
+          <h3>2. Improved Efficiency</h3>
+          <p>
+            Optimize your routes and reduce delays with real-time tracking,
+            enhancing productivity and saving time.
+          </p>
+        </div>
+        <div class="advantage-box">
+          <h3>3. Enhanced Security</h3>
+          <p>
+            Monitor movements in real-time to ensure safety, security, and
+            immediate response in case of any unforeseen situations.
+          </p>
+        </div>
+        <div class="advantage-box">
+          <h3>4. Better Decision-Making</h3>
+          <p>
+            Use the data from real-time tracking to make informed decisions,
+            whether it's for logistics, safety, or personal use.
+          </p>
         </div>
+      </div>
     </section>
 
-
     <footer class="footer">
-        <div class="footer-container">
-            <!-- Logo and Description -->
-            <div class="footer-logo">
-                <h2>TrackIVE</h2>
-                <p>Your trusted solution for real-time tracking and location services.</p>
-            </div>
-
-            <!-- Navigation Links -->
-            <div class="footer-links">
-                <h3>Quick Links</h3>
-                <ul>
-                    <li><a href="#home">Home</a></li>
-                    <li><a href="#features">Features</a></li>
-                    <li><a href="/html/contact.html">Contact</a></li> <!--active redirect to contact page-->
-                    <li><a href="#privacy">Privacy Policy</a></li>
-                    <li><a href="/html/login.html">login</a></li>
-                </ul>
-            </div>
+      <div class="footer-container">
+        <!-- Logo and Description -->
+        <div class="footer-logo">
+          <h2>TrackIVE</h2>
+          <p>
+            Your trusted solution for real-time tracking and location services.
+          </p>
+        </div>
 
-            <!-- Social Media Links -->
-            <div class="footer-social">
-                <h3>Follow Us</h3>
-                <div class="social-icons">
-                    <a href="#" class="social-icon"><i class="fab fa-facebook-f"></i></a>
-                    <a href="#" class="social-icon"><i class="fab fa-twitter"></i></a>
-                    <a href="#" class="social-icon"><i class="fab fa-instagram"></i></a>
-                    <a href="#" class="social-icon"><i class="fab fa-linkedin-in"></i></a>
-                </div>
-            </div>
+        <!-- Navigation Links -->
+        <div class="footer-links">
+          <h3>Quick Links</h3>
+          <ul>
+            <li><a href="#home">Home</a></li>
+            <li><a href="#features">Features</a></li>
+            <li><a href="/html/contact.html">Contact</a></li>
+            <li><a href="#privacy">Privacy Policy</a></li>
+            <li><a href="/html/login.html">login</a></li>
+          </ul>
         </div>
 
-        <div class="footer-bottom">
-            <p>&copy; 2024 TrackIt. All Rights Reserved.</p>
+        <!-- Social Media Links -->
+        <div class="footer-social">
+          <h3>Follow Us</h3>
+          <div class="social-icons">
+            <a href="#" class="social-icon"
+              ><i class="fab fa-facebook-f"></i
+            ></a>
+            <a href="#" class="social-icon"><i class="fab fa-twitter"></i></a>
+            <a href="#" class="social-icon"><i class="fab fa-instagram"></i></a>
+            <a href="#" class="social-icon"
+              ><i class="fab fa-linkedin-in"></i
+            ></a>
+          </div>
         </div>
+      </div>
+
+      <div class="footer-bottom">
+        <p>&copy; 2024 TrackIVE. All Rights Reserved.</p>
+      </div>
     </footer>
 
-    <!-- Font Awesome for Social Icons -->
-    <script src="https://kit.fontawesome.com/a076d05399.js" crossorigin="anonymous"></script>
+    <!-- Script for menu -->
+    <script>
+      const hamburger = document.querySelector(".hamburger");
+      const nav = document.querySelector(".nav-links");
+      hamburger.addEventListener("click", () => {
+        nav.classList.toggle("show-menu");
+      });
+    </script>
 
+    <!-- Font Awesome for Social Icons -->
+    <script
+      src="https://kit.fontawesome.com/a076d05399.js"
+      crossorigin="anonymous"
+    ></script>
 
     <!-- Leaflet JS -->
     <script src="https://unpkg.com/leaflet/dist/leaflet.js"></script>
@@ -130,18 +174,19 @@ <h3>Follow Us</h3>
 
     <!-- Local JavaScript -->
     <script src="js/script.js"></script>
+
+    <!-- Chatbot Integration -->
     <script>
-        window.embeddedChatbotConfig = {
+      window.embeddedChatbotConfig = {
         chatbotId: "Sn0d8Hkk7kUalrAJbOaqy",
         domain: "www.chatbase.co"
-        }
-        </script>
-        <script
-        src="https://www.chatbase.co/embed.min.js"
-        chatbotId="Sn0d8Hkk7kUalrAJbOaqy"
-        domain="www.chatbase.co"
-        defer>
-        </script>
-</body>
-
-</html>
\ No newline at end of file
+      };
+    </script>
+    <script
+      src="https://www.chatbase.co/embed.min.js"
+      chatbotId="Sn0d8Hkk7kUalrAJbOaqy"
+      domain="www.chatbase.co"
+      defer
+    ></script>
+  </body>
+</html>