diff --git a/AI suggestions.html b/AI suggestions.html
new file mode 100644
index 0000000..45aef0f
--- /dev/null
+++ b/AI suggestions.html	
@@ -0,0 +1,190 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>AI Travel Cost Suggestion</title>
+  <style>
+    /* Reset and Base Styles */
+    * {
+      box-sizing: border-box;
+      margin: 0;
+      padding: 0;
+    }
+
+    body {
+      font-family: Arial, sans-serif;
+      background: linear-gradient(135deg, #74ebd5, #9face6);
+      height: 100vh;
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      color: #444;
+    }
+
+    .container {
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      width: 100%;
+    }
+
+    /* Card Style */
+    .card {
+      background-color: #ffffff;
+      padding: 2em;
+      width: 90%;
+      max-width: 450px;
+      border-radius: 12px;
+      box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
+      transition: transform 0.2s;
+    }
+
+    .card:hover {
+      transform: translateY(-5px);
+    }
+
+    h1 {
+      text-align: center;
+      font-size: 1.8em;
+      color: #333;
+      margin-bottom: 1.5em;
+    }
+
+    /* Input Group */
+    .input-group {
+      margin-bottom: 1.5em;
+    }
+
+    .input-group label {
+      font-weight: bold;
+      margin-bottom: 0.5em;
+      display: block;
+      color: #555;
+    }
+
+    input[type="text"], input[type="date"], select {
+      width: 100%;
+      padding: 0.7em;
+      border: 1px solid #ccc;
+      border-radius: 8px;
+      transition: border 0.3s;
+    }
+
+    input[type="text"]:focus, input[type="date"]:focus, select:focus {
+      border-color: #74ebd5;
+      outline: none;
+    }
+
+    /* Button */
+    button {
+      width: 100%;
+      padding: 0.9em;
+      border: none;
+      border-radius: 8px;
+      background: linear-gradient(135deg, #74ebd5, #9face6);
+      color: white;
+      font-weight: bold;
+      font-size: 1.1em;
+      cursor: pointer;
+      transition: background 0.3s;
+    }
+
+    button:hover {
+      background: linear-gradient(135deg, #9face6, #74ebd5);
+    }
+
+    /* Suggestion Box */
+    .suggestion-box {
+      margin-top: 2em;
+      padding: 1.5em;
+      background-color: #f1f1f1;
+      border-radius: 8px;
+      display: none;
+      text-align: center;
+      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
+    }
+
+    .suggestion-box h2 {
+      font-size: 1.5em;
+      color: #333;
+      margin-bottom: 0.5em;
+    }
+
+    #costOutput {
+      font-size: 1.3em;
+      color: #2d8d2d;
+      font-weight: bold;
+    }
+  </style>
+</head>
+<body>
+  <div class="container">
+    <div class="card">
+      <h1>Travel Cost Suggestion</h1>
+      <form id="travelForm">
+        <div class="input-group">
+          <label for="origin">Origin</label>
+          <input type="text" id="origin" placeholder="City of Origin" required>
+        </div>
+        <div class="input-group">
+          <label for="destination">Destination</label>
+          <input type="text" id="destination" placeholder="City of Destination" required>
+        </div>
+        <div class="input-group">
+          <label for="travelDate">Travel Date</label>
+          <input type="date" id="travelDate" required>
+        </div>
+        <div class="input-group">
+          <label for="travelType">Travel Type</label>
+          <select id="travelType">
+            <option value="economy">Economy</option>
+            <option value="business">Business</option>
+          </select>
+        </div>
+        <button type="button" onclick="suggestCost()">Get Suggestion</button>
+      </form>
+      
+      <div id="suggestion" class="suggestion-box">
+        <h2>Suggested Travel Cost</h2>
+        <p id="costOutput"></p>
+      </div>
+    </div>
+  </div>
+
+  <script>
+    function suggestCost() {
+      // Capture user input values
+      const origin = document.getElementById("origin").value;
+      const destination = document.getElementById("destination").value;
+      const travelDate = document.getElementById("travelDate").value;
+      const travelType = document.getElementById("travelType").value;
+
+      // Simple validation
+      if (!origin || !destination || !travelDate || !travelType) {
+        alert("Please fill in all fields.");
+        return;
+      }
+
+      // Simulate AI-based travel cost suggestion (this can be replaced with an API call)
+      const cost = calculateCost(origin, destination, travelDate, travelType);
+
+      // Display the result with smooth reveal
+      const suggestionBox = document.getElementById("suggestion");
+      suggestionBox.style.display = "block";
+      suggestionBox.classList.add("show");
+      document.getElementById("costOutput").textContent = `Estimated Cost: $${cost.toFixed(2)}`;
+    }
+
+    // Simulated AI function for cost estimation
+    function calculateCost(origin, destination, date, type) {
+      let basePrice = 100;
+      const distanceFactor = Math.random() * 50 + 50; // Random multiplier
+      const typeFactor = type === "business" ? 2.0 : 1.0;
+      const randomAdjustment = Math.random() * 20;
+
+      return (basePrice + distanceFactor) * typeFactor + randomAdjustment;
+    }
+  </script>
+</body>
+</html>
diff --git a/GroupCookieNotice.html b/GroupCookieNotice.html
index 1db6597..41b7800 100644
--- a/GroupCookieNotice.html
+++ b/GroupCookieNotice.html
@@ -159,16 +159,10 @@ <h2>Contact Us</h2>
           <p style="color: #b5fdf4;" >Affordable adventures, unforgettable memories—explore with ease.</p>
           <p style="color: #dcfffa;" class="follow-us">FOLLOW US ON HERE:</p>
           <div class="social-icons">
-  
-            <a href="#"><i class="fab fa-facebook"></i></a>
-            <a href="#"><i class="fab fa-instagram"></i></a>
-            <a href="#" ><i class="fa-brands fa-x-twitter"></i></a>
-            <a href="#"><i class="fab fa-linkedin"></i></a>
-            <a href="#"><i class="fab fa-youtube"></i></a>
-  
+
               <a href="https://www.facebook.com"><i class="fab fa-facebook"></i></a>
               <a href="https://www.instagram.com"><i class="fab fa-instagram"></i></a>
-              <a href="https://www.twitter.com" ><i class="fab fa-x-twitter"></i></a>
+              <a href="https://www.twitter.com" ><i class="fab fa-twitter"></i></a>
               <a href="https://www.linkedin.com"><i class="fab fa-linkedin"></i></a>
               <a href="https://www.youtube.com"><i class="fab fa-youtube"></i></a>
   
diff --git a/ModernSlaveryAct.html b/ModernSlaveryAct.html
index 2099a40..f7602e9 100644
--- a/ModernSlaveryAct.html
+++ b/ModernSlaveryAct.html
@@ -182,15 +182,9 @@ <h1>Modern Slavery Act</h1>
           <p style="color: #dcfffa;" class="follow-us">FOLLOW US ON HERE:</p>
           <div class="social-icons">
   
-            <a href="#"><i class="fab fa-facebook"></i></a>
-            <a href="#"><i class="fab fa-instagram"></i></a>
-            <a href="#" ><i class="fa-brands fa-x-twitter"></i></a>
-            <a href="#"><i class="fab fa-linkedin"></i></a>
-            <a href="#"><i class="fab fa-youtube"></i></a>
-  
               <a href="https://www.facebook.com"><i class="fab fa-facebook"></i></a>
               <a href="https://www.instagram.com"><i class="fab fa-instagram"></i></a>
-              <a href="https://www.twitter.com" ><i class="fab fa-x-twitter"></i></a>
+              <a href="https://www.twitter.com" ><i class="fab fa-twitter"></i></a>
               <a href="https://www.linkedin.com"><i class="fab fa-linkedin"></i></a>
               <a href="https://www.youtube.com"><i class="fab fa-youtube"></i></a>
   
diff --git a/about.html b/about.html
index 9658657..57b655f 100644
--- a/about.html
+++ b/about.html
@@ -489,18 +489,6 @@ <h1>About Us 🚀</h1>
 
     </style>
     <script>
-      // Get the button
-const scrollToTopBtn = document.getElementById("scrollToTopBtn");
-
-// Show the button when scrolling down 20px from the top
-window.onscroll = function() {
-    if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
-        scrollToTopBtn.style.display = "flex";
-    } else {
-        scrollToTopBtn.style.display = "none";
-    }
-};
-
 // toggle chatbot function
 function toggleChatbot() {
         const chatbotContainer = document.getElementById("chatbot-container");
@@ -512,8 +500,11 @@ <h1>About Us 🚀</h1>
     const progressHeight = (window.scrollY / totalHeight) * 100;
     scrollProgressBar.style.width = progressHeight + '%';
 });
-
     </script>
+    
+    <button onclick="moveToTop()" id="topBtn" title="Go to top" style="display:flex; position: fixed;  right: 30px; z-index: 100000;">
+      <i class="fa fa-arrow-up" aria-hidden="true"></i>
+  </button>
 
     <footer class="footer-container">
         <div class="footer-top">
diff --git a/client/login.html b/client/login.html
index 92ec16a..7635a49 100644
--- a/client/login.html
+++ b/client/login.html
@@ -8,6 +8,22 @@
     <script src="https://cdn.tailwindcss.com"></script>
     <!-- Font Awesome CDN for icons -->
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
+    <style>
+         .go-home-button {
+      padding: 10px 20px;
+      font-size: 16px;
+      color: white;
+      /* background-color: #8e3106ee; */
+      border: none;
+      border-radius: 5px;
+      cursor: pointer;
+      text-decoration: none;
+    }
+
+    /* .go-home-button:hover {
+      background-color: #0056b3;
+    } */
+    </style>
 </head>
 <body class="bg-white">
     <div class="relative flex items-top justify-center min-h-screen bg-white sm:items-center sm:pt-0">
@@ -74,7 +90,9 @@ <h2 class="text-3xl sm:text-4xl text-gray-800 font-extrabold tracking-tight">
                                 <img src="../images/googleLogo.png" alt="Google Logo" class="w-5 h-5 mr-2">
                                 Continue with Google
                             </button>
+                            
                         </form>
+                        <a href="../index.html" class="go-home-button  bg-orange-700 hover:bg-orange-600 ">Back to Home</a>
                     </div>
                 </div>
             </div>
diff --git a/contact.html b/contact.html
index 69a6b31..5be4881 100644
--- a/contact.html
+++ b/contact.html
@@ -302,6 +302,10 @@ <h4>Phone No</h4>
         }
 
     </script>
+    
+    <button onclick="moveToTop()" id="topBtn" title="Go to top" style="display:flex; position: fixed;  right: 30px; z-index: 100000;">
+        <i class="fa fa-arrow-up" aria-hidden="true"></i>
+    </button>
 
     <footer class="footer-container">
         <div class="footer-top">
diff --git a/contactus.html b/contactus.html
index 4dd8eac..6759aa0 100644
--- a/contactus.html
+++ b/contactus.html
@@ -304,22 +304,6 @@
     color: #fff;
 } */
 
-/* Scroll Back Button */
-#scrollToTop {
-    position: fixed;
-    bottom: 30px;
-    right: 30px;
-    background-color: #ff8c00;
-    color: white;
-    border: none;
-    border-radius: 5px;
-    padding: 10px 15px;
-    cursor: pointer;
-    display: none; /* Hidden by default */
-    z-index: 1000;
-}
-
-
         /* Animation */
         @keyframes fadeIn {
             from {
@@ -385,6 +369,10 @@ <h2>Contact Us</h2>
         </div>
     </section>
 
+    <button onclick="moveToTop()" id="topBtn" title="Go to top" style="display:flex; position: fixed;  right: 30px; z-index: 100000;">
+      <i class="fa fa-arrow-up" aria-hidden="true"></i>
+  </button>
+
     <!-- Footer Section -->
     <footer class="footer-container">
         <div class="footer-top">
@@ -680,12 +668,14 @@ <h4>FIND US</h4>
     }
 </style> -->
 
+<!-- <<<<<<< feature-branch -->
 <!-- </style> -->
 
 
     <!-- Scroll to Top Button -->
     <button id="scrollToTop" onclick="scrollToTop()">↑</button>
 
+
     <script>
               const trustedDomains = [
         'gmail.com',
diff --git a/contributor.css b/contributor.css
index 9346383..5244677 100644
--- a/contributor.css
+++ b/contributor.css
@@ -530,8 +530,8 @@ body.dark-mode .contributor-stats-grid,
 body.dark-mode .contributor-contributors-grid {
     color: #000000; /* Text color for content in dark mode */
 }
-
 /* Optional: Background color for dark mode */
 body.dark-mode {
     background-color: #121212; /* Example dark background */
 }
+
diff --git a/contributor.html b/contributor.html
index 1f6ec04..0153a5b 100644
--- a/contributor.html
+++ b/contributor.html
@@ -183,9 +183,9 @@
     <script>window.gtranslateSettings = {"default_language":"en","detect_browser_language":true,"wrapper_selector":".gtranslate_wrapper"}</script>
     <script src="https://cdn.gtranslate.net/widgets/latest/float.js" defer></script>
 
-    <button id="scrollToTopBtn" class="scroll-to-top" title="Go to top">
-      &#8593; <!-- This is the up arrow -->
-    </button>
+    <button onclick="moveToTop()" id="topBtn" title="Go to top" style="display:flex; position: fixed;  right: 30px; z-index: 100000;">
+      <i class="fa fa-arrow-up" aria-hidden="true"></i>
+  </button>
     <style>
       body {
     font-family: Arial, sans-serif;
@@ -196,51 +196,7 @@
 .content {
     padding: 20px;
 }
-
-.scroll-to-top {
-    position: fixed;
-    bottom: 120px;
-    right: 35px;
-    background-color: red;
-    color: white;
-    border: none;
-    border-radius: 50%;
-    width: 50px;
-    height: 50px;
-    font-size: 24px;
-    cursor: pointer;
-    display: none; /* Initially hidden */
-    align-items: center;
-    justify-content: center;
-}
-
-.scroll-to-top:hover {
-    background-color: darkred; /* Darker red on hover */
-}
-
     </style>
-    <script>
-      // Get the button
-const scrollToTopBtn = document.getElementById("scrollToTopBtn");
-
-// Show the button when scrolling down 20px from the top
-window.onscroll = function() {
-    if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
-        scrollToTopBtn.style.display = "flex";
-    } else {
-        scrollToTopBtn.style.display = "none";
-    }
-};
-
-// Scroll to top function
-scrollToTopBtn.onclick = function() {
-    window.scrollTo({
-        top: 0,
-        behavior: "smooth" // Smooth scroll effect
-    });
-};
-
-    </script>
     <!--chat bot-->
     <button onclick="toggleChatbot()" id="chatbotBtn" title="chat bot"></button>
     
@@ -335,17 +291,8 @@ <h2>Meet Our Contributors</h2>
         <form id="subscribeForm">
             
         </form>
-        <div id="notification" class="contributor-notification contributor-hidden"></div>
-
-        
-           
-
-
-    
-  </div>
-
-
-  
+        <div id="notification" class="contributor-notification contributor-hidden"></div>  
+  </div> 
 <footer class="footer-container">
     <div class="footer-top">
       
diff --git a/fcdoTravel.html b/fcdoTravel.html
index c83e35b..db89870 100644
--- a/fcdoTravel.html
+++ b/fcdoTravel.html
@@ -1,6 +1,7 @@
 <!DOCTYPE html>
 <html lang="en">
 <head>
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css">
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>FCDO Travel Advice</title>
@@ -139,13 +140,8 @@
           
                 </div>
                 <button id="darkModeToggle" style="width: 40px; height: 40px;">🌙</button>
-          
             </nav>
-                
-  
     </header>
-  
-
 
 <div class="container">
     <h1>FCDO Travel Advice</h1>
@@ -184,7 +180,6 @@ <h3 id="adviceTitle"></h3>
     </div>
 </div>
 
-
 <footer class="footer-container">
     <div class="footer-top">
       <!-- Logo and Tagline -->
@@ -196,7 +191,7 @@ <h3 id="adviceTitle"></h3>
         <div class="social-icons">
           <a href="https://www.facebook.com"><i class="fab fa-facebook"></i></a>
             <a href="https://www.instagram.com"><i class="fab fa-instagram"></i></a>
-            <a href="https://www.twitter.com" ><i class="fab fa-x-twitter"></i></a>
+            <a href="https://www.twitter.com" ><i class="fab fa-twitter"></i></a>
             <a href="https://www.linkedin.com"><i class="fab fa-linkedin"></i></a>
             <a href="https://www.youtube.com"><i class="fab fa-youtube"></i></a>
         </div>
diff --git a/index.css b/index.css
index 5594f0a..49ec8db 100644
--- a/index.css
+++ b/index.css
@@ -333,7 +333,9 @@ body.dark-mode {
   background-color: #121212;
   color: #f0f0f0;
 }
-
+body.dark-mode .bus h2{
+  color:white;
+}
 body.dark-mode .navbar {
   background-color: #333;
 }
@@ -786,4 +788,4 @@ button:hover {
   .faq-heading {
     font-size: 20px;
   }
-}
\ No newline at end of file
+}
diff --git a/index.html b/index.html
index 2fe2306..eeb081c 100644
--- a/index.html
+++ b/index.html
@@ -8,7 +8,7 @@
     <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&display=swap" rel="stylesheet">
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
     <link href="https://cdnjs.cloudflare.com/ajax/libs/aos/2.3.4/aos.css" rel="stylesheet">
-
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
 
     <link rel="stylesheet" href="styles.css">
@@ -364,6 +364,7 @@
 
     <div class="popup" id="pollPopup">
         <div class="popup-content">
+            <div class="closeBtn" id="voteCloseBtn" style="display: flex;justify-content: right;font-size: 1.5vw;"><i class="fas fa-window-close"></i></div>
             <h2>What type of transportation do you prefer for your travels?</h2>
             <div id="pollOptions">
                 <button class="poll-button" data-value="Bus">Bus - Convenient for short to medium distances</button>
@@ -399,6 +400,10 @@ <h2>What type of transportation do you prefer for your travels?</h2>
           });
         });
         
+        document.getElementById("voteCloseBtn").onclick = function() {
+            document.getElementById("pollPopup").style.display = "none";
+        }
+
         
         document.getElementById('voteButton').addEventListener('click', function() {
           if (selectedValue) {
@@ -521,12 +526,62 @@ <h2>What type of transportation do you prefer for your travels?</h2>
             <a href="sell.html"><i class="fas fa-tags"></i> Sell</a>
             <a href="contactus.html"><i class="fas fa-envelope"></i> Contact</a>
             <a href="contributor.html"><i class="fas fa-users"></i> Contributors</a>
+
             <a href="register.html"><i class="fas fa-sign-in-alt"></i> Login</a>
     
           </div>
+
+
+           <!-- Profile Icon -->
+            <a href="./testp.html" class="profile-link" style="display: flex; align-items: center; text-decoration: none;">
+            <img src="https://i.postimg.cc/tCL5Td4H/gold-membership-icon-default-avatar-profile-icon-membership-icon-social-media-user-image-illustratio.jpg" alt="Profile Icon" style="width: 35px; height: 35px; border-radius: 50%; margin-left: -170px;">
+           </a>
+       </li>
+
+       <style>
+
+         /* Override the existing hover styles */
+         .navbar-nav .nav-item .profile-link:hover {
+             background-color: transparent !important; /* Remove background color */
+             border-radius: 0 !important; /* Reset border radius */
+             transform: none !important; /* Prevent scaling */
+         }
+
+       </style>
+
+        <script>
+
+            function toggleMenu() {
+                const menu = document.getElementById('profileMenu');
+                menu.style.display = menu.style.display === 'block' ? 'none' : 'block';
+            }
+
+            // Close the dropdown if the user clicks outside of it
+            window.onclick = function(event) {
+                if (!event.target.matches('.profile-icon img')) {
+                    const menu = document.getElementById('profileMenu');
+                    if (menu.style.display === 'block') {
+                        menu.style.display = 'none';
+                    }
+                }
+            }
+            
+        </script>
+
+
           <button id="darkModeToggle" style="width: 40px; height: 40px;">🌙</button>
     
       </nav>
+
+            <a href="AI suggestions.html"><i class="fas fa-robot"></i> AI Suggestions</a>
+            <a href="client/login.html"><i class="fas fa-sign-in-alt"></i> Login</a>
+        </div>
+
+        <!-- Dark Mode Button -->
+        <button id="darkModeToggle" style="width: 40px; height: 40px;">🌙</button>
+    </nav>
+
+
     <!-- <div class="slider"> -->
         <div class="slide active">
             <img src="images/6.jpeg" alt="Slide 1">
@@ -800,10 +855,9 @@ <h2 style="color: white; text-align: left; font-size: 4rem; margin-bottom: 10px;
                 flex-direction: column;
             }
         }
-    </style>
-<!-- </div>
-
-        /* Button hover effect */
+   
+  <style> -->
+      hover effect */
         button[type="submit"]:hover {
             background-color: #005fa3;
         }
@@ -814,7 +868,6 @@ <h2 style="color: white; text-align: left; font-size: 4rem; margin-bottom: 10px;
             }
         }
     </style> -->
-</div>
 
 
         <div class="map-container">
@@ -1311,6 +1364,7 @@ <h2>Frequently Asked Questions</h2>
                     <a href="#"><i class="fab fa-linkedin"></i></a>
                     <a href="#"><i class="fab fa-youtube"></i></a>
                 </div>
+                <button id="visitorCounter" class="btn btn-info text-white rounded">Visitors Count: 1</button>
             </div>
 
 
@@ -1375,8 +1429,24 @@ <h4>FIND US</h4>
         </div>
     </footer>
 
+<!-- visitor -->
+<script>
+    // JavaScript to fetch visitor count from API
+    async function getVisitorCount() {
+        try {
+            const response = await fetch('http://localhost:5000/api/visitor-count');
+            const data = await response.json();
+            document.getElementById("visitorCount").innerText = data.count;
+        } catch (error) {
+            console.error("Error fetching visitor count:", error);
+        }
+    }
 
-    <script>
+    // Call the function on page load
+    getVisitorCount();
+</script>
+
+<script>
 // cursor 
 
 const coords = { x: 0, y: 0 };
diff --git a/privacy.html b/privacy.html
index 31dcbc8..0ccede9 100644
--- a/privacy.html
+++ b/privacy.html
@@ -157,15 +157,9 @@ <h2>Contact Us</h2>
           <p style="color: #dcfffa;" class="follow-us">FOLLOW US ON HERE:</p>
           <div class="social-icons">
   
-            <a href="#"><i class="fab fa-facebook"></i></a>
-            <a href="#"><i class="fab fa-instagram"></i></a>
-            <a href="#" ><i class="fa-brands fa-x-twitter"></i></a>
-            <a href="#"><i class="fab fa-linkedin"></i></a>
-            <a href="#"><i class="fab fa-youtube"></i></a>
-  
               <a href="https://www.facebook.com"><i class="fab fa-facebook"></i></a>
               <a href="https://www.instagram.com"><i class="fab fa-instagram"></i></a>
-              <a href="https://www.twitter.com" ><i class="fab fa-x-twitter"></i></a>
+              <a href="https://www.twitter.com" ><i class="fab fa-twitter"></i></a>
               <a href="https://www.linkedin.com"><i class="fab fa-linkedin"></i></a>
               <a href="https://www.youtube.com"><i class="fab fa-youtube"></i></a>
   
diff --git a/server/app.js b/server/app.js
index 554633b..0dad443 100644
--- a/server/app.js
+++ b/server/app.js
@@ -32,6 +32,21 @@ app.use((req, res, next) => {
 // Route Definitions
 app.use("/api/v1/auth", auth_route); // Authentication routes
 
+
+// Route to get and increment the visitor count
+app.get('/api/visitor-count', async (req, res) => {
+  try {
+    const visitorCounter = await Counter.findByIdAndUpdate(
+      "visitorCount",
+      { $inc: { count: 1 } },
+      { new: true, upsert: true }
+    );
+    res.json({ count: visitorCounter.count });
+  } catch (err) {
+    console.error("Error updating visitor count:", err);
+    res.status(500).send("Server error");
+  }
+});
 // Error Handling Middleware
 app.use((err, req, res, next) => {
   console.error(err.stack);
diff --git a/server/models/user.js b/server/models/user.js
index 79d8cf8..dec3f0f 100644
--- a/server/models/user.js
+++ b/server/models/user.js
@@ -1,5 +1,11 @@
 import mongoose from "mongoose";
 
+const CounterSchema = new mongoose.Schema({
+  _id: String,
+  count: { type: Number, default: 0 }
+});
+const Counter = mongoose.model("Counter", CounterSchema);
+
 const userSchema = new mongoose.Schema({
   email: {
     type: String,
diff --git a/server/package-lock.json b/server/package-lock.json
index 0130238..95aa1c5 100644
--- a/server/package-lock.json
+++ b/server/package-lock.json
@@ -17,7 +17,7 @@
         "express": "^4.21.0",
         "helmet": "^8.0.0",
         "jsonwebtoken": "^9.0.2",
-        "mongodb": "^6.9.0",
+        "mongodb": "^6.10.0",
         "mongoose": "^8.7.0",
         "nodemailer": "^6.9.15",
         "zod": "^3.23.8"
@@ -1271,9 +1271,9 @@
       }
     },
     "node_modules/mongodb": {
-      "version": "6.9.0",
-      "resolved": "https://registry.npmjs.org/mongodb/-/mongodb-6.9.0.tgz",
-      "integrity": "sha512-UMopBVx1LmEUbW/QE0Hw18u583PEDVQmUmVzzBRH0o/xtE9DBRA5ZYLOjpLIa03i8FXjzvQECJcqoMvCXftTUA==",
+      "version": "6.10.0",
+      "resolved": "https://registry.npmjs.org/mongodb/-/mongodb-6.10.0.tgz",
+      "integrity": "sha512-gP9vduuYWb9ZkDM546M+MP2qKVk5ZG2wPF63OvSRuUbqCR+11ZCAE1mOfllhlAG0wcoJY5yDL/rV3OmYEwXIzg==",
       "license": "Apache-2.0",
       "dependencies": {
         "@mongodb-js/saslprep": "^1.1.5",
@@ -1348,6 +1348,52 @@
         "url": "https://opencollective.com/mongoose"
       }
     },
+    "node_modules/mongoose/node_modules/mongodb": {
+      "version": "6.9.0",
+      "resolved": "https://registry.npmjs.org/mongodb/-/mongodb-6.9.0.tgz",
+      "integrity": "sha512-UMopBVx1LmEUbW/QE0Hw18u583PEDVQmUmVzzBRH0o/xtE9DBRA5ZYLOjpLIa03i8FXjzvQECJcqoMvCXftTUA==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@mongodb-js/saslprep": "^1.1.5",
+        "bson": "^6.7.0",
+        "mongodb-connection-string-url": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=16.20.1"
+      },
+      "peerDependencies": {
+        "@aws-sdk/credential-providers": "^3.188.0",
+        "@mongodb-js/zstd": "^1.1.0",
+        "gcp-metadata": "^5.2.0",
+        "kerberos": "^2.0.1",
+        "mongodb-client-encryption": ">=6.0.0 <7",
+        "snappy": "^7.2.2",
+        "socks": "^2.7.1"
+      },
+      "peerDependenciesMeta": {
+        "@aws-sdk/credential-providers": {
+          "optional": true
+        },
+        "@mongodb-js/zstd": {
+          "optional": true
+        },
+        "gcp-metadata": {
+          "optional": true
+        },
+        "kerberos": {
+          "optional": true
+        },
+        "mongodb-client-encryption": {
+          "optional": true
+        },
+        "snappy": {
+          "optional": true
+        },
+        "socks": {
+          "optional": true
+        }
+      }
+    },
     "node_modules/mongoose/node_modules/ms": {
       "version": "2.1.3",
       "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz",
diff --git a/server/package.json b/server/package.json
index b073de7..21c8f46 100644
--- a/server/package.json
+++ b/server/package.json
@@ -21,7 +21,7 @@
     "express": "^4.21.0",
     "helmet": "^8.0.0",
     "jsonwebtoken": "^9.0.2",
-    "mongodb": "^6.9.0",
+    "mongodb": "^6.10.0",
     "mongoose": "^8.7.0",
     "nodemailer": "^6.9.15",
     "zod": "^3.23.8"
diff --git a/server/server.js b/server/server.js
index dcb644b..b3e9008 100644
--- a/server/server.js
+++ b/server/server.js
@@ -15,4 +15,6 @@ connect_db()
   .catch(err => {
     console.error("Failed to connect to the database:", err.message);
     process.exit(1); // Exit process if DB connection fails
-});
\ No newline at end of file
+});
+
+
diff --git a/styles.css b/styles.css
index 5d7c4bd..f56f784 100644
--- a/styles.css
+++ b/styles.css
@@ -1224,6 +1224,40 @@ button:hover {
 }
 
 
+.profile-icon {
+
+  border-radius: 50%;
+  position: relative;
+  margin-left: 20px; /* Adjust space between Login button and Profile icon */
+
+}
+
+.dropdown-menu {
+
+  display: none;
+  position: absolute;
+  top: 35px; /* Adjust based on the height of your navbar */
+  right: 0;
+  background-color: white;
+  color: black;
+  border: 1px solid #ccc;
+  border-radius: 4px;
+  z-index: 1;
+
+}
+
+.dropdown-menu a {
+
+  display: block;
+  padding: 10px 15px;
+  text-decoration: none;
+
+}
+
+.dropdown-menu a:hover {
+
+  background-color: #f1f1f1;
+
+}
 
 
-  
\ No newline at end of file
diff --git a/testp.css b/testp.css
new file mode 100644
index 0000000..c4e1357
--- /dev/null
+++ b/testp.css
@@ -0,0 +1,255 @@
+body {
+
+    font-family: 'Arial', sans-serif;
+    background: #1f2937; 
+    margin: 0;
+    padding: 0;
+    /*background-image: url(./assets/images/banner-bg.svg);*/
+
+}
+
+.fa-home {
+
+    position: absolute;
+    right: 190px;
+    top: 40px;
+    font-size: 25px;
+    color: #079874;
+
+}
+
+.fa-home:hover {
+
+    color: #076887; 
+
+}
+
+.profile-container {
+
+    max-width: 1200px;
+    margin: 0 auto;
+    padding: 20px;
+    background: #1f2937; 
+    border-radius: 8px; 
+    box-shadow: 0 4px 10px rgb(0 0 0 / 40%); 
+    /*background-image: url(./assets/images/banner-bg.svg);*/
+
+}
+
+.navbar a:hover {
+
+    color: #0056b3; 
+
+}
+
+.profile-card {
+
+    text-align: left;
+    margin: 20px 0;
+    padding: 20px;
+    /*border: 1px solid #ddd;*/ /* Border for the card */
+    border-radius: 8px;
+    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
+    background: linear-gradient(135deg, #ead6ee, #a0f1ea);
+
+}
+
+.profile-image {
+
+    border-radius: 50%; 
+    width: 170px;
+    height: 170px;
+    object-fit: cover;
+
+}
+
+.profile-name {
+
+    font-size: 24px;
+    margin: 10px 0;
+
+}
+
+.profile-bio {
+
+    font-size: 16px;
+    color: black; 
+
+}
+
+.edit-profile-btn {
+
+    background: linear-gradient(135deg, #079874, #076887); 
+    color: white;
+    border: none;
+    padding: 10px 20px;
+    cursor: pointer;
+    border-radius: 5px;
+    transition: background 0.3s, transform 0.3s;
+
+}
+
+.edit-profile-btn:hover {
+
+    background-color: linear-gradient(135deg, #079874, #076887); 
+    transform: scale(1.05); 
+
+}
+
+.edit_profiled{
+
+    background: linear-gradient(135deg, #079874, #076887); 
+    color: white;
+    border: none;
+    padding: 10px 20px;
+    cursor: pointer;
+    border-radius: 5px;
+    transition: background 0.3s, transform 0.3s;
+    position: relative;
+    right: 40%;
+    left: 290px;
+
+}
+
+.content-section {
+
+    margin: 20px 0;
+
+}
+
+.content-section h2 {
+
+    font-size: 22px;
+    margin-bottom: 10px;
+    color: white;
+
+}
+
+.card {
+
+    background: #f9f9f9; 
+    margin-bottom: 15px;
+    padding: 15px;
+    border-radius: 8px;
+    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
+    background: linear-gradient(135deg, #ead6ee, #a0f1ea); 
+
+}
+
+.card h3 {
+
+    font-size: 18px;
+    margin: 5px 0;
+
+}
+
+.card p {
+
+    font-size: 14px;
+    color: black;
+
+}
+
+
+.profile-details {
+
+    display: flex; 
+    flex-wrap: wrap; 
+    gap: 20px; 
+
+}
+
+.profile-detail-card {
+
+    flex: 1; /* Allow cards to grow and fill space */
+    min-width: 200px; 
+    background: #f9f9f9; 
+    padding: 15px;
+    border-radius: 8px;
+    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
+    text-align: center; 
+    background: linear-gradient(135deg, #ead6ee, #a0f1ea); 
+
+}
+
+.nav-links {
+
+    list-style-type: none; 
+    padding: 0; 
+    margin: 0;
+    text-align: right; 
+
+}
+
+.home-link {
+
+    float: right; 
+
+}
+
+.profile-header {
+
+    display: flex; 
+    align-items: center; 
+
+}
+
+.profile-image {
+    margin-right: 20px; 
+    margin-left: 50px;
+    margin-top: 30px;
+}
+
+.profile-info {
+
+    flex: 1; /* Allow this section to take the remaining space */
+    margin-left: 50px;
+
+}
+
+
+
+/* Media Queries for Responsiveness */
+@media (max-width: 768px) {
+
+    .navbar ul {
+
+        flex-direction: column; /* Stack navbar items on smaller screens */
+        align-items: center;
+
+    }
+
+    .profile-container {
+
+        padding: 10px; /* Reduce padding on smaller screens */
+
+    }
+
+    .profile-card {
+
+        margin: 10px 0; /* Reduce margin for smaller screens */
+
+    }
+
+    .content-section h2 {
+
+        font-size: 20px; /* Smaller headings */
+
+    }
+
+    .edit-profile-btn, .view-order-btn {
+
+        width: 100%; /* Full width buttons */
+        padding: 12px; /* Increase padding for easier tapping */
+
+    }
+
+    .footer {
+
+        font-size: 14px; /* Smaller footer text */
+
+    }
+
+}
+
+ 
\ No newline at end of file
diff --git a/testp.html b/testp.html
new file mode 100644
index 0000000..397e983
--- /dev/null
+++ b/testp.html
@@ -0,0 +1,98 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
+    <link rel="stylesheet" href="testp.css"> <!-- Link to your CSS file -->
+
+    <script src="testp.js" defer></script>
+
+    <title>Profile Page</title>
+
+</head>
+
+<body>
+
+    <div class="profile-container">
+
+        <div class="content-section">
+            <h2>Your Profile</h2>
+            <a href="index.html">
+                <i class="fas fa-home"></i>
+            </a>
+            <div class="profile-card">
+                <div class="profile-header">
+                    <img src="https://i.postimg.cc/tCL5Td4H/gold-membership-icon-default-avatar-profile-icon-membership-icon-social-media-user-image-illustratio.jpg" alt="Profile Image" class="profile-image">
+
+                    <div class="profile-info">
+                        <h3 class="profile-name">Skylar Reed</h3>
+                        <p class="profile-email">Email: skylar.reed@example.com</p>
+                        <p class="profile-phone">Phone: +987 654 3210</p>
+                        <p class="profile-bio">Joined: October 31, 2024</p>
+                        <p class="profile-bio">About Me: Hello!🙋🏻‍♂️ Feel free to reach out to me at skylar.reed@example.com 😎</p>
+                        <p id="last-active">Last active: 31/10/2024, 11:12 PM</p>
+
+                    </div>
+
+                </div>
+                    <button class="edit-profile-btn edit_profiled">Edit Profile</button>
+                </a>
+            </div>
+        </div>
+
+        <div class="content-section">
+
+            <h2>Account Details</h2>
+            <div class="profile-details">
+                <div class="profile-detail-card" id="profileCard">
+                    <h3>Address</h3>
+                    <p id="addressText" contenteditable="false">789 Pine Lane, Austin, TX 73301</p>
+                    <a href="#"><button class="edit-profile-btn">Edit</button></a>
+                </div>
+
+                <div class="profile-detail-card">
+                    <h3>Change Password</h3>
+                    <p>*********63</p>
+                    <button class="edit-profile-btn">Change</button></a>
+                </div>
+
+                <div class="profile-detail-card">
+                    <h3>Privacy Settings</h3>
+                    <p>Visibility Status: Public</p>
+                    <a href="#">
+                    <button class="edit-profile-btn">Edit</button></a>
+                </div>
+
+                <div class="profile-detail-card">
+                    <h3>Recent Activity</h3>
+                    <p>Updated profile information</p>
+                    <a href="#">
+                    <button class="edit-profile-btn">View</button></a>
+                </div>
+
+            </div>
+        </div>
+
+        <section class="content-section">
+
+            <h2>Notifications</h2>
+            <div class="card">
+                <p>Your profile has been updated successfully!</p>
+
+                <button class="edit-profile-btn">View Notification</button>
+            </div>
+            <div class="card">
+                <p>Your ticket has been successfully booked! Confirmation number: 71381.</p>
+
+                <button class="edit-profile-btn">View Notification</button>
+            </div>
+
+        </section>
+
+</body>
+
+</html>
+
diff --git a/testp.js b/testp.js
new file mode 100644
index 0000000..a95bf93
--- /dev/null
+++ b/testp.js
@@ -0,0 +1,33 @@
+// Get current timestamp
+const getCurrentTimestamp = () => {
+    return new Date().getTime();
+  };
+
+  // Store last active timestamp in LocalStorage
+  const storeLastActive = () => {
+    const lastActive = getCurrentTimestamp();
+    localStorage.setItem('lastActive', lastActive);
+  };
+
+  // Get last active timestamp from LocalStorage
+  const getLastActive = () => {
+    return localStorage.getItem('lastActive');
+  };
+
+  // Update last active timestamp on page load and interaction
+  document.addEventListener('DOMContentLoaded', storeLastActive);
+  document.addEventListener('click', storeLastActive);
+  document.addEventListener('scroll', storeLastActive);
+  document.addEventListener('keydown', storeLastActive);
+
+  // Example usage:
+  const displayLastActive = () => {
+    const lastActive = getLastActive();
+    const formattedTime = new Date(parseInt(lastActive)).toLocaleString();
+    document.getElementById('last-active').innerHTML = Last active: ${formattedTime};
+  };
+
+  displayLastActive();
+
+
+  
\ No newline at end of file
diff --git a/travelAware.html b/travelAware.html
index 99b1f81..c30f2a8 100644
--- a/travelAware.html
+++ b/travelAware.html
@@ -410,16 +410,9 @@ <h2 id="section7">7. Feedback & Assistance</h2>
           <p style="color: #b5fdf4;" >Affordable adventures, unforgettable memories—explore with ease.</p>
           <p style="color: #dcfffa;" class="follow-us">FOLLOW US ON HERE:</p>
           <div class="social-icons">
-  
-            <a href="#"><i class="fab fa-facebook"></i></a>
-            <a href="#"><i class="fab fa-instagram"></i></a>
-            <a href="#" ><i class="fa-brands fa-x-twitter"></i></a>
-            <a href="#"><i class="fab fa-linkedin"></i></a>
-            <a href="#"><i class="fab fa-youtube"></i></a>
-  
               <a href="https://www.facebook.com"><i class="fab fa-facebook"></i></a>
               <a href="https://www.instagram.com"><i class="fab fa-instagram"></i></a>
-              <a href="https://www.twitter.com" ><i class="fab fa-x-twitter"></i></a>
+              <a href="https://www.twitter.com" ><i class="fab fa-twitter"></i></a>
               <a href="https://www.linkedin.com"><i class="fab fa-linkedin"></i></a>
               <a href="https://www.youtube.com"><i class="fab fa-youtube"></i></a>
   
