From f3f75d52aede3a3348aa7ece93e4232b86c7527e Mon Sep 17 00:00:00 2001
From: likhithaarveti <likhithaarveti@gmail.com>
Date: Tue, 29 Oct 2024 10:36:08 +0530
Subject: [PATCH 01/14] 
 fixed-directing-to-different-pages-from-plan-a-trip-page-and-image-slider-to-stop-when-it-reaches-the-last-image

---
 index.html    |  4 ++--
 plantrip.html | 37 ++++++++++++++++++++++++++-----------
 2 files changed, 28 insertions(+), 13 deletions(-)

diff --git a/index.html b/index.html
index ff3f735a..22c1d2a9 100644
--- a/index.html
+++ b/index.html
@@ -551,7 +551,7 @@ <h1>TourGuide . . .</h1>
         <ul class="navLinks">
           <li class="link" id="View-link" data-aos=""><a href="mapa.html">View</a></li>
           <li class="link" id="LogIn-link" data-aos=""><a href="newLogin.html">Log In</a></li>
-          <li class="link" data-aos=""><a href="#Home">Home</a></li>
+          <li class="link" data-aos=""><a href="index.html">Home</a></li>
           <li class="link" data-aos=""><a href="./about.html">About</a></li>
           <li class="link dropdown" data-aos="">
               <a href="#Services" class="dropdown">Services</a>
@@ -559,8 +559,8 @@ <h1>TourGuide . . .</h1>
                   <li><a href="#Destinations">Destination</a></li>
                   <li><a href="#trip">Prices</a></li>
                   <li><a href="#ReviewGallery">Trip Gallery</a></li>
-                  <li><a href="#tourist">Tourist Guide</a></li>
                   <li><a href="#hotel">Hotel & Resort</a></li>
+                  <li><a href="#tourist">Tourist Guide</a></li>
               </ul>
           </li>
           <li class="link" data-aos=""><a href="./topdeals/topdeals.html">Top Deals</a></li>
diff --git a/plantrip.html b/plantrip.html
index fde8a61e..90ae6574 100644
--- a/plantrip.html
+++ b/plantrip.html
@@ -166,15 +166,15 @@
     <div style="display: flex; flex-direction: row; align-items: center;">
     <img src="./img/tour1.png" class="sitelogo">
     
-    <a href="#" class="nav__logo aos-init aos-animate" data-aos="fade-right">Tourguide<span>.</span></a>
+    <a href="index.html" class="nav__logo aos-init aos-animate" data-aos="fade-right">Tourguide<span>.</span></a>
   </div>
 
     <ul class="navLinks">
       <li class="link aos-init aos-animate" id="View-link" data-aos=""><a href="mapa.html">View</a></li>
       <li class="link aos-init aos-animate" id="LogIn-link" data-aos=""><a href="newLogin.html">Log In</a></li>
-      <li class="link aos-init aos-animate" data-aos=""><a href="#Home">Home</a></li>
-      <li class="link aos-init aos-animate" data-aos=""><a href="#AboutUs">About</a></li>
-      <li class="link dropdown aos-init aos-animate" data-aos="">
+      <li class="link aos-init aos-animate" data-aos=""><a href="index.html">Home</a></li>
+      <li class="link aos-init aos-animate" data-aos=""><a href="about.html">About</a></li>
+      <!-- <li class="link dropdown aos-init aos-animate" data-aos="">
           <a href="#Services" class="dropdown">Services</a>
           <ul class="dropdown-menu">
               <li><a href="#Destinations">Destination</a></li>
@@ -183,7 +183,7 @@
               <li><a href="#tourist">Tourist Guide</a></li>
               <li><a href="#hotel">Hotel &amp; Resort</a></li>
           </ul>
-      </li>
+      </li> -->
       <li class="link aos-init aos-animate" data-aos=""><a href="#testimonials">Testimonial</a></li>
       <li class="link aos-init aos-animate" data-aos=""><a href="feedback.html">Rate Us?</a></li>
       <li class="link aos-init aos-animate" data-aos=""><a href="#cnt-form">Contact Us</a></li>
@@ -268,8 +268,8 @@ <h3>Thailand</h3>
       </div>
     </div>
     <div class="carousel-controls">
-      <button class="carousel-button" onclick="prevSlide()">&#9664;</button>
-      <button class="carousel-button" onclick="nextSlide()">&#9654;</button>
+      <button class="carousel-button" id = "prev-btn" onclick="prevSlide()">&#9664;</button>
+      <button class="carousel-button" id = "next-btn" onclick="nextSlide()">&#9654;</button>
     </div>
   </div>
   <script>
@@ -283,29 +283,44 @@ <h3>Thailand</h3>
     let currentSlide = 0;
     const slides = document.querySelectorAll('.trip-card');
     const totalSlides = slides.length;
+    const slidesInView = 3.5; // Set this to the number of visible slides in the container
+    const slideWidth = slides[0].offsetWidth + 20; // Including margin
+    const maxTranslateX = (totalSlides - slidesInView) * slideWidth;
 
     function updateCarousel() {
       const carousel = document.getElementById('trip-carousel');
-      const slideWidth = slides[0].offsetWidth + 20; // Including margin
-      carousel.style.transform = `translateX(-${currentSlide * slideWidth}px)`;
+      const translateX = -currentSlide * slideWidth;
+      carousel.style.transform = `translateX(${Math.max(translateX,     -maxTranslateX)}px)`;
+    }
+
+    function updateArrows() {
+      document.getElementById('prev-btn').disabled = currentSlide === 0;
+      document.getElementById('next-btn').disabled = currentSlide >=    totalSlides - slidesInView;
     }
 
     function prevSlide() {
       if (currentSlide > 0) {
         currentSlide--;
         updateCarousel();
+        updateArrows();
       }
     }
 
     function nextSlide() {
-      if (currentSlide < totalSlides - 1) {
+      if (currentSlide < totalSlides - slidesInView) {
         currentSlide++;
         updateCarousel();
+        updateArrows();
       }
     }
 
     window.addEventListener('resize', updateCarousel);
-    document.addEventListener('DOMContentLoaded', updateCarousel);
+    document.addEventListener('DOMContentLoaded', function() {
+      updateCarousel();
+      updateArrows();
+    });
+
+
   </script>
 </body>
 </html>

From 1aad73c09bfed4daf56d3ea23f3a58d238bb2322 Mon Sep 17 00:00:00 2001
From: likhithaarveti <likhithaarveti@gmail.com>
Date: Wed, 30 Oct 2024 10:09:35 +0530
Subject: [PATCH 02/14] resolving-conflicting-files

---
 index.html | 36 ++++++++++++++++++------------------
 1 file changed, 18 insertions(+), 18 deletions(-)

diff --git a/index.html b/index.html
index 22c1d2a9..164be20d 100644
--- a/index.html
+++ b/index.html
@@ -500,12 +500,12 @@
     </script>
 
   <!-- sticky animation  -->
- <script type="text/javascript">
-  window.addEventListener("scroll", function () {
-    var header = document.querySelector("nav");
-    header.classList.toggle("sticky", window.scrollY > 50)
-  })
-</script>
+  <script type="text/javascript">
+    window.addEventListener("scroll", function () {
+      var header = document.querySelector("nav");
+      header.classList.toggle("sticky", window.scrollY > 50)
+    })
+  </script>
 
     <div id="pre-loader">
       <h1>TourGuide . . .</h1>
@@ -546,9 +546,9 @@ <h1>TourGuide . . .</h1>
         <img src="/favicon.ico" class="sitelogo">
         
         <a href="#" class="nav__logo" data-aos="fade-right">Tourguide<span>.</span></a>
-      </div>
+    </div>
 
-        <ul class="navLinks">
+    <ul class="navLinks">
           <li class="link" id="View-link" data-aos=""><a href="mapa.html">View</a></li>
           <li class="link" id="LogIn-link" data-aos=""><a href="newLogin.html">Log In</a></li>
           <li class="link" data-aos=""><a href="index.html">Home</a></li>
@@ -568,7 +568,7 @@ <h1>TourGuide . . .</h1>
           <li class="link" data-aos=""><a href="#testimonials">Testimonial</a></li>
           <li class="link" data-aos=""><a href="feedback.html">Rate Us?</a></li>
           <li class="link" data-aos=""><a href="#cnt-form">Contact Us</a></li>
-      </ul>
+    </ul>
 
         <a href="newLogin.html" class="contact-btn" id="nav-login-btn"><button class="btn login" id="btn-style"
             data-aos="fade-down">Login/SignUp</button></a>
@@ -599,18 +599,18 @@ <h1>TourGuide . . .</h1>
     
         <script>
         window.addEventListener('scroll', function() {
-    // Get the current scroll position
-    const winScroll = document.documentElement.scrollTop || document.body.scrollTop;
+          // Get the current scroll position
+          const winScroll = document.documentElement.scrollTop || document.body.scrollTop;
     
-    // Get the total scrollable height
-    const height = document.documentElement.scrollHeight - document.documentElement.clientHeight;
+          // Get the total scrollable height
+          const height = document.documentElement.scrollHeight - document.documentElement.clientHeight;
     
-    // Calculate the percentage scrolled
-    const scrolled = (winScroll / height) * 100;
+          // Calculate the percentage scrolled
+          const scrolled = (winScroll / height) * 100;
     
-    // Set the progress bar width
-    document.getElementById('progress-bar').style.width = scrolled + '%';
-});
+          // Set the progress bar width
+          document.getElementById('progress-bar').style.width = scrolled + '%';
+        });
 
         </script>
       </div>

From e1a34d348364ed360d0eb9cd37acfd67a5587eb9 Mon Sep 17 00:00:00 2001
From: likhithaarveti <likhithaarveti@gmail.com>
Date: Wed, 30 Oct 2024 14:28:47 +0530
Subject: [PATCH 03/14] Resolving-conflicts

---
 index.html | 38 +++++++++++++++++++-------------------
 1 file changed, 19 insertions(+), 19 deletions(-)

diff --git a/index.html b/index.html
index 164be20d..4cc80623 100644
--- a/index.html
+++ b/index.html
@@ -499,13 +499,13 @@
 
     </script>
 
-  <!-- sticky animation  -->
-  <script type="text/javascript">
-    window.addEventListener("scroll", function () {
-      var header = document.querySelector("nav");
-      header.classList.toggle("sticky", window.scrollY > 50)
-    })
-  </script>
+     <!-- sticky animation  -->
+    <script type="text/javascript">
+      window.addEventListener("scroll", function () {
+        var header = document.querySelector("nav");
+        header.classList.toggle("sticky", window.scrollY > 50)
+      })
+    </script>
 
     <div id="pre-loader">
       <h1>TourGuide . . .</h1>
@@ -598,19 +598,19 @@ <h1>TourGuide . . .</h1>
         </div>
     
         <script>
-        window.addEventListener('scroll', function() {
-          // Get the current scroll position
-          const winScroll = document.documentElement.scrollTop || document.body.scrollTop;
+          window.addEventListener('scroll', function() {
+            // Get the current scroll position
+            const winScroll = document.documentElement.scrollTop || document.body.scrollTop;
     
-          // Get the total scrollable height
-          const height = document.documentElement.scrollHeight - document.documentElement.clientHeight;
+            // Get the total scrollable height
+            const height = document.documentElement.scrollHeight - document.documentElement.clientHeight;
     
-          // Calculate the percentage scrolled
-          const scrolled = (winScroll / height) * 100;
+            // Calculate the percentage scrolled
+            const scrolled = (winScroll / height) * 100;
     
-          // Set the progress bar width
-          document.getElementById('progress-bar').style.width = scrolled + '%';
-        });
+            // Set the progress bar width
+            document.getElementById('progress-bar').style.width = scrolled + '%';
+          });
 
         </script>
       </div>
@@ -2139,8 +2139,8 @@ <h4>Contact Us</h4>
         function googleTranslateElementInit() {
             new google.translate.TranslateElement({pageLanguage: 'en'}, 'google_translate_element');
         }
-    </script>
-    <script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
+      </script>
+      <script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
     
 
         <!-- <div class="footer__col">

From 322e0e6aa18d234ef4d6a2423fd229dcc8c876c7 Mon Sep 17 00:00:00 2001
From: likhithaarveti <likhithaarveti@gmail.com>
Date: Wed, 30 Oct 2024 14:52:27 +0530
Subject: [PATCH 04/14] resolving-conflicts

---
 index.html    | 13 ++++---
 plantrip.html | 93 ++++++++++++++++++++++++++++++++++++++++++++++++---
 2 files changed, 95 insertions(+), 11 deletions(-)

diff --git a/index.html b/index.html
index 4cc80623..0b0e1204 100644
--- a/index.html
+++ b/index.html
@@ -1,4 +1,3 @@
-
 <!DOCTYPE html>
 <html lang="en">
 
@@ -499,7 +498,7 @@
 
     </script>
 
-     <!-- sticky animation  -->
+    <!-- sticky animation  -->
     <script type="text/javascript">
       window.addEventListener("scroll", function () {
         var header = document.querySelector("nav");
@@ -598,13 +597,13 @@ <h1>TourGuide . . .</h1>
         </div>
     
         <script>
-          window.addEventListener('scroll', function() {
+           window.addEventListener('scroll', function () {
             // Get the current scroll position
             const winScroll = document.documentElement.scrollTop || document.body.scrollTop;
-    
+
             // Get the total scrollable height
             const height = document.documentElement.scrollHeight - document.documentElement.clientHeight;
-    
+
             // Calculate the percentage scrolled
             const scrolled = (winScroll / height) * 100;
     
@@ -2140,8 +2139,8 @@ <h4>Contact Us</h4>
             new google.translate.TranslateElement({pageLanguage: 'en'}, 'google_translate_element');
         }
       </script>
-      <script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
-    
+      <script type="text/javascript"
+        src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
 
         <!-- <div class="footer__col">
           <label for="google_translate_element" style="display: block; font-weight: bold; margin-bottom: 5px;">Select Language:</label>
diff --git a/plantrip.html b/plantrip.html
index 90ae6574..fd5dbae5 100644
--- a/plantrip.html
+++ b/plantrip.html
@@ -315,10 +315,95 @@ <h3>Thailand</h3>
     }
 
     window.addEventListener('resize', updateCarousel);
-    document.addEventListener('DOMContentLoaded', function() {
-      updateCarousel();
-      updateArrows();
-    });
+    document.addEventListener('DOMContentLoaded', updateCarousel);
+
+
+
+
+    // Autocomplete functionality
+    function autocomplete(inp, arr) {
+      var currentFocus;
+      inp.addEventListener("input", function(e) {
+        var a, b, i, val = this.value;
+        closeAllLists();
+        if (!val) { return false; }
+        currentFocus = -1;
+        a = document.createElement("DIV");
+        a.setAttribute("id", this.id + "autocomplete-list");
+        a.setAttribute("class", "autocomplete-items");
+        this.parentNode.appendChild(a);
+        for (i = 0; i < arr.length; i++) {
+          if (arr[i].substr(0, val.length).toUpperCase() == val.toUpperCase()) {
+            b = document.createElement("DIV");
+            b.innerHTML = "<strong>" + arr[i].substr(0, val.length) + "</strong>";
+            b.innerHTML += arr[i].substr(val.length);
+            b.innerHTML += "<input type='hidden' value='" + arr[i] + "'>";
+            b.addEventListener("click", function(e) {
+              inp.value = this.getElementsByTagName("input")[0].value;
+              closeAllLists();
+            });
+            a.appendChild(b);
+          }
+        }
+      });
+      inp.addEventListener("keydown", function(e) {
+        var x = document.getElementById(this.id + "autocomplete-list");
+        if (x) x = x.getElementsByTagName("div");
+        if (e.keyCode == 40) {
+          currentFocus++;
+          addActive(x);
+        } else if (e.keyCode == 38) {
+          currentFocus--;
+          addActive(x);
+        } else if (e.keyCode == 13) {
+          e.preventDefault();
+          if (currentFocus > -1) {
+            if (x) x[currentFocus].click();
+          }
+        }
+      });
+      function addActive(x) {
+        if (!x) return false;
+        removeActive(x);
+        if (currentFocus >= x.length) currentFocus = 0;
+        if (currentFocus < 0) currentFocus = (x.length - 1);
+        x[currentFocus].classList.add("autocomplete-active");
+      }
+      function removeActive(x) {
+        for (var i = 0; i < x.length; i++) {
+          x[i].classList.remove("autocomplete-active");
+        }
+      }
+      function closeAllLists(elmnt) {
+        var x = document.getElementsByClassName("autocomplete-items");
+        for (var i = 0; i < x.length; i++) {
+          if (elmnt != x[i] && elmnt != inp) {
+            x[i].parentNode.removeChild(x[i]);
+          }
+        }
+      }
+      document.addEventListener("click", function (e) {
+        closeAllLists(e.target);
+      });
+    }
+
+    var destinations = [
+  "Agra", "Amritsar", "Andaman Islands", "Bangalore", "Chennai", "Darjeeling",
+  "Delhi", "Goa", "Hampi", "Hyderabad", "Jaipur", "Jaisalmer", "Kochi",
+  "Kolkata", "Leh", "Mumbai", "Munnar", "Mysore", "Ooty", "Pondicherry",
+  "Pushkar", "Ranthambore", "Rishikesh", "Shimla", "Udaipur", "Varanasi",
+  "Aizawl", "Alleppey", "Alwar", "Badrinath", "Bhubaneswar", "Bikaner",
+  "Chandigarh", "Chikmagalur", "Coorg", "Daman and Diu", "Dharamshala",
+  "Gangtok", "Gulmarg", "Haridwar", "Imphal", "Jabalpur", "Jodhpur", 
+  "Kanha National Park", "Kanyakumari", "Kaziranga National Park", "Khajuraho",
+  "Kodaikanal", "Konark", "Kovalam", "Lakshadweep", "Lonavala", "Mahabalipuram",
+  "Manali", "Mount Abu", "Munnar", "Nagaland", "Nainital", "Nashik", 
+  "Pahalgam", "Patna", "Ranchi", "Shillong", "Srinagar", "Surat", "Tawang", 
+  "Tirupati", "Trivandrum", "Ujjain", "Vadodara", "Varkala", "Vijayawada", 
+  "Ziro Valley", "Zanskar Valley"
+];
+
+    autocomplete(document.getElementById("destination"), destinations);
 
 
   </script>

From 4059143554d4832d9d6e71d9289f8ee2da75df9a Mon Sep 17 00:00:00 2001
From: likhithaarveti <likhithaarveti@gmail.com>
Date: Wed, 30 Oct 2024 15:16:30 +0530
Subject: [PATCH 05/14] resolving-conflicts-draft

---
 index.html    | 5 +++--
 plantrip.html | 2 --
 2 files changed, 3 insertions(+), 4 deletions(-)

diff --git a/index.html b/index.html
index 0b0e1204..d1858955 100644
--- a/index.html
+++ b/index.html
@@ -597,7 +597,7 @@ <h1>TourGuide . . .</h1>
         </div>
     
         <script>
-           window.addEventListener('scroll', function () {
+          window.addEventListener('scroll', function () {
             // Get the current scroll position
             const winScroll = document.documentElement.scrollTop || document.body.scrollTop;
 
@@ -606,7 +606,7 @@ <h1>TourGuide . . .</h1>
 
             // Calculate the percentage scrolled
             const scrolled = (winScroll / height) * 100;
-    
+
             // Set the progress bar width
             document.getElementById('progress-bar').style.width = scrolled + '%';
           });
@@ -2142,6 +2142,7 @@ <h4>Contact Us</h4>
       <script type="text/javascript"
         src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
 
+
         <!-- <div class="footer__col">
           <label for="google_translate_element" style="display: block; font-weight: bold; margin-bottom: 5px;">Select Language:</label>
           <div id="google_translate_element" style="display: inline-block; margin-top: 10px;"></div>
diff --git a/plantrip.html b/plantrip.html
index fd5dbae5..d7420f6f 100644
--- a/plantrip.html
+++ b/plantrip.html
@@ -404,8 +404,6 @@ <h3>Thailand</h3>
 ];
 
     autocomplete(document.getElementById("destination"), destinations);
-
-
   </script>
 </body>
 </html>

From bf7f851b1ebae63c9902079e2c774a801afdd137 Mon Sep 17 00:00:00 2001
From: Paila Murali <114466262+murali127@users.noreply.github.com>
Date: Wed, 30 Oct 2024 12:03:42 +0000
Subject: [PATCH 06/14] fixed broken links

---
 about.html             |  2 +-
 packages.html          | 17 ++++++++++++----
 topdeals/topdeals.html | 46 ++++++++++++++++++++++--------------------
 3 files changed, 38 insertions(+), 27 deletions(-)

diff --git a/about.html b/about.html
index 5c173652..42ed5311 100644
--- a/about.html
+++ b/about.html
@@ -26,7 +26,7 @@
           <ul class="navLinks">
             <li class="link" id="View-link" data-aos=""><a href="mapa.html">View</a></li>
             <li class="link" id="LogIn-link" data-aos=""><a href="newLogin.html">Log In</a></li>
-            <li class="link" data-aos=""><a href="#Home">Home</a></li>
+            <li class="link" data-aos=""><a href="./index.html">Home</a></li>
             <li class="link" data-aos=""><a href="./about.html">About</a></li>
             <li class="link dropdown" data-aos="">
                 <a href="#Services" class="dropdown">Services</a>
diff --git a/packages.html b/packages.html
index f1bb1673..0e0f1ba0 100644
--- a/packages.html
+++ b/packages.html
@@ -418,7 +418,7 @@
               <ul class="navLinks">
                 <li class="link" id="View-link" data-aos=""><a href="mapa.html">View</a></li>
                 <li class="link" id="LogIn-link" data-aos=""><a href="newLogin.html">Log In</a></li>
-                <li class="link" data-aos=""><a href="#Home">Home</a></li>
+                <li class="link" data-aos=""><a href="./index.html">Home</a></li>
                 <li class="link" data-aos=""><a href="./about.html">About</a></li>
                 <li class="link dropdown" data-aos="">
                     <a href="#Services" class="dropdown">Services</a>
@@ -500,7 +500,10 @@ <h3>Basic Plan</h3>
                         <li><i class="fas fa-check"></i> Hotel Accommodation</li>
                         <li><i class="fas fa-check"></i> Guided Tours</li>
                     </ul>
-                    <button class="btn">Book Now</button>
+                    <a href="payment.html">
+                        <button class="btn">Book Now</button>
+                      </a>
+                      
                 </div>
                 <div class="pricing-card">
                     <h3>Premium Plan</h3>
@@ -510,7 +513,10 @@ <h3>Premium Plan</h3>
                         <li><i class="fas fa-check"></i> Hotel Accommodation</li>
                         <li><i class="fas fa-check"></i> All Meals Included</li>
                     </ul>
-                    <button class="btn">Book Now</button>
+                    <a href="payment.html">
+                        <button class="btn">Book Now</button>
+                      </a>
+                      
                 </div>
                 <div class="pricing-card">
                     <h3>Luxury Plan</h3>
@@ -520,7 +526,10 @@ <h3>Luxury Plan</h3>
                         <li><i class="fas fa-check"></i> 5 Star Hotel Accommodation</li>
                         <li><i class="fas fa-check"></i> All Meals & Drinks Included</li>
                     </ul>
-                    <button class="btn">Book Now</button>
+                    <a href="payment.html">
+                        <button class="btn">Book Now</button>
+                      </a>
+                      
                 </div>
             </div>
         </section>
diff --git a/topdeals/topdeals.html b/topdeals/topdeals.html
index bf4bbd1e..193cf8a1 100644
--- a/topdeals/topdeals.html
+++ b/topdeals/topdeals.html
@@ -248,32 +248,34 @@
             </div>
     
             <ul class="navLinks">
-                <!-- <li class="link"><a href="/mapa.html">View</a></li>
-                <li class="link"><a href="/newLogin.html">Log In</a></li> -->
-                <li class="link"><a href="/index.html#Home">Home</a></li>
+                <li class="link" id="View-link" data-aos=""><a href="mapa.html">View</a></li>
+                <li class="link" id="LogIn-link" data-aos=""><a href="newLogin.html">Log In</a></li>
+                <li class="link" data-aos=""><a href="./index.html">Home</a></li>
                 <li class="link"><a href="/about.html">About</a></li>
-                <li class="link dropdown">
-                    <a href="/index.html#Services">Services</a>
+                <li class="link dropdown" data-aos="">
+                    <a href="#Services" class="dropdown">Services</a>
                     <ul class="dropdown-menu">
-                        <li><a href="/index.html#Destinations">Destination</a></li>
-                        <li><a href="/index.html#trip">Prices</a></li>
-                        <li><a href="/index.html#ReviewGallery">Trip Gallery</a></li>
-                        <li><a href="/index.html#tourist">Tourist Guide</a></li>
-                        <li><a href="/index.html#hotel">Hotel & Resort</a></li>
+                        <li><a href="#Destinations">Destination</a></li>
+                        <li><a href="#trip">Prices</a></li>
+                        <li><a href="#ReviewGallery">Trip Gallery</a></li>
+                        <li><a href="#tourist">Tourist Guide</a></li>
+                        <li><a href="#hotel">Hotel & Resort</a></li>
                     </ul>
                 </li>
-                <li class="link"><a href="/topdeals/topdeals.html">Top Deals</a></li>
-                <li class="link"><a href="/packages.html">Packages</a></li>
-                <li class="link"><a href="/index.html#testimonials">Testimonial</a></li>
-                <li class="link"><a href="/feedback.html">Rate Us?</a></li>
-                <li class="link"><a href="/index.html#cnt-form">Contact Us</a></li>
+                <li class="link" data-aos=""><a href="./topdeals/topdeals.html">Top Deals</a></li>
+                <li class="link" data-aos=""><a href="./packages.html">Packages</a></li>
+                <li class="link" data-aos=""><a href="#testimonials">Testimonial</a></li>
+                <li class="link" data-aos=""><a href="feedback.html">Rate Us?</a></li>
+                <li class="link" data-aos=""><a href="#cnt-form">Contact Us</a></li>
             </ul>
-    
-            <div class="btn-container">
-                <a href="/newLogin.html" class="contact-btn"><button class="btn login">Login/SignUp</button></a>
-                <a href="/mapa.html" class="contact-btn"><button class="btn">View</button></a>
-                <!-- <a href="/newLogin.html" class="contact-btn"><button class="btn" id="logout-btn" disabled>Log Out</button></a> -->
-            </div>
+      
+              <a href="newLogin.html" class="contact-btn" id="nav-login-btn"><button class="btn login" id="btn-style"
+                  data-aos="fade-down">Login/SignUp</button></a>
+              <a href="mapa.html" class="contact-btn" id="nav-view-btn"><button class="btn" id="btn-style" style="margin: 0;"
+                  data-aos="fade-down">view <map name=""></map></button></a>
+      
+              <a href="loginPage.html" class="contact-btn"><button class="btn" id="logout-btn"
+                  style="margin: 0; display: none;" data-aos="fade-down" disabled>Log Out</button></a>
     
             <div class="toggle-container">
                 <input id="themeToggle" class="toggle" type="checkbox">
@@ -299,7 +301,7 @@
             <li class="link" id="View-link" data-aos=""><a href="mapa.html">View</a></li>
             <li class="link" id="LogIn-link" data-aos=""><a href="newLogin.html">Log In</a></li>
             <li class="link" data-aos=""><a href="../index.html">Home</a></li>
-            <li class="link" data-aos=""><a href="./about.html">About</a></li>
+            <li class="link" data-aos=""><a href="/about.html">About</a></li>
             <li class="link dropdown" data-aos="">
                 <a href="#Services" class="dropdown">Services</a>
                 <ul class="dropdown-menu">

From 21c9626965f1db03f6ae2bcefe7888a0a4b1749f Mon Sep 17 00:00:00 2001
From: Paila Murali <114466262+murali127@users.noreply.github.com>
Date: Wed, 30 Oct 2024 12:43:50 +0000
Subject: [PATCH 07/14] fixed services

---
 about.html             | 10 +++++-----
 index.html             | 13 +++++++------
 packages.html          | 12 +++++++-----
 topdeals/topdeals.html | 28 ++++++++++++++++------------
 4 files changed, 35 insertions(+), 28 deletions(-)

diff --git a/about.html b/about.html
index 42ed5311..941c3d0f 100644
--- a/about.html
+++ b/about.html
@@ -31,11 +31,11 @@
             <li class="link dropdown" data-aos="">
                 <a href="#Services" class="dropdown">Services</a>
                 <ul class="dropdown-menu">
-                    <li><a href="#Destinations">Destination</a></li>
-                    <li><a href="#trip">Prices</a></li>
-                    <li><a href="#ReviewGallery">Trip Gallery</a></li>
-                    <li><a href="#tourist">Tourist Guide</a></li>
-                    <li><a href="#hotel">Hotel & Resort</a></li>
+                    <li><a href="/trending.html">Destination</a></li>
+                    <li><a href="/packages.html">Prices</a></li>
+                    <li><a href="/index.html">Trip Gallery</a></li>
+                    <li><a href="/index.html">Tourist Guide</a></li>
+                    <li><a href="/hotel.html">Hotel & Resort</a></li>
                 </ul>
             </li>
             <li class="link" data-aos=""><a href="./topdeals/topdeals.html">Top Deals</a></li>
diff --git a/index.html b/index.html
index fb23e208..1662bf34 100644
--- a/index.html
+++ b/index.html
@@ -542,16 +542,17 @@ <h1>TourGuide . . .</h1>
             <li class="link dropdown" data-aos="">
                 <a href="#Services" class="dropdown">Services</a>
                 <ul class="dropdown-menu">
-                    <li><a href="#Destinations" style="color: #000;">Destination</a></li>
-                    <li><a href="#trip" style="color: #000;">Prices</a></li>
-                    <li><a href="#ReviewGallery" style="color: #000;">Trip Gallery</a></li>
-                    <li><a href="#tourist" style="color: #000;">Tourist Guide</a></li>
-                    <li><a href="#hotel" style="color: #000;">Hotel & Resort</a></li>
+                  <li><a href="/trending.html" style="color: #000;">Destination</a></li>
+                  <li><a href="/packages.html" style="color: #000;">Prices</a></li>
+                  <li><a href="/index.html" style="color: #000;">Trip Gallery</a></li>
+                  <li><a href="/index.html" style="color: #000;">Tourist Guide</a></li>
+                  <li><a href="/hotel.html" style="color: #000;">Hotel & Resort</a></li>
+                  
                 </ul>
             </li>
             <li class="link" data-aos=""><a href="./topdeals/topdeals.html">Top Deals</a></li>
             <li class="link" data-aos=""><a href="./packages.html">Packages</a></li>
-            <li class="link" data-aos=""><a href="#testimonials">Testimonial</a></li>
+            <li class="link" data-aos=""><a href="#testimo">Testimonial</a></li>
             <li class="link" data-aos=""><a href="feedback.html">Rate Us?</a></li>
             <li class="link" data-aos=""><a href="#cnt-form">Contact Us</a></li>
         </ul>
diff --git a/packages.html b/packages.html
index 0e0f1ba0..dad7a18f 100644
--- a/packages.html
+++ b/packages.html
@@ -423,11 +423,13 @@
                 <li class="link dropdown" data-aos="">
                     <a href="#Services" class="dropdown">Services</a>
                     <ul class="dropdown-menu">
-                        <li><a href="#Destinations">Destination</a></li>
-                        <li><a href="#trip">Prices</a></li>
-                        <li><a href="#ReviewGallery">Trip Gallery</a></li>
-                        <li><a href="#tourist">Tourist Guide</a></li>
-                        <li><a href="#hotel">Hotel & Resort</a></li>
+                        <ul class="dropdown-menu">
+                            <li><a href="/trending.html">Destination</a></li>
+                    <li><a href="/packages.html">Prices</a></li>
+                    <li><a href="/index.html">Trip Gallery</a></li>
+                    <li><a href="/index.html">Tourist Guide</a></li>
+                    <li><a href="/hotel.html">Hotel & Resort</a></li>
+                        </ul>
                     </ul>
                 </li>
                 <li class="link" data-aos=""><a href="./topdeals/topdeals.html">Top Deals</a></li>
diff --git a/topdeals/topdeals.html b/topdeals/topdeals.html
index 193cf8a1..7c02d63f 100644
--- a/topdeals/topdeals.html
+++ b/topdeals/topdeals.html
@@ -305,11 +305,11 @@
             <li class="link dropdown" data-aos="">
                 <a href="#Services" class="dropdown">Services</a>
                 <ul class="dropdown-menu">
-                    <li><a href="#Destinations">Destination</a></li>
-                    <li><a href="#trip">Prices</a></li>
-                    <li><a href="#ReviewGallery">Trip Gallery</a></li>
-                    <li><a href="#tourist">Tourist Guide</a></li>
-                    <li><a href="#hotel">Hotel & Resort</a></li>
+                    <li><a href="/trending.html">Destination</a></li>
+                    <li><a href="/packages.html">Prices</a></li>
+                    <li><a href="/index.html">Trip Gallery</a></li>
+                    <li><a href="/index.html">Tourist Guide</a></li>
+                    <li><a href="/hotel.html">Hotel & Resort</a></li>
                 </ul>
             </li>
             <li class="link" data-aos=""><a href="../topdeals/topdeals.html">Top Deals</a></li>
@@ -319,13 +319,17 @@
             <li class="link" data-aos=""><a href="#cnt-form">Contact Us</a></li>
         </ul>
   
-          <a href="newLogin.html" class="contact-btn" id="nav-login-btn"><button class="btn login" id="btn-style"
-              data-aos="fade-down">Login/SignUp</button></a>
-          <a href="mapa.html" class="contact-btn" id="nav-view-btn"><button class="btn" id="btn-style" style="margin: 0;"
-              data-aos="fade-down">view <map name=""></map></button></a>
-  
-          <a href="loginPage.html" class="contact-btn"><button class="btn" id="logout-btn"
-              style="margin: 0; display: none;" data-aos="fade-down" disabled>Log Out</button></a>
+        <a href="/newLogin.html" class="contact-btn" id="nav-login-btn">
+            <button class="btn login" id="btn-style" data-aos="fade-down">Login/SignUp</button>
+        </a>
+        <a href="/mapa.html" class="contact-btn" id="nav-view-btn">
+            <button class="btn" id="btn-style" style="margin: 0;" data-aos="fade-down">view <map name=""></map></button>
+        </a>
+        <a href="/loginPage.html" class="contact-btn">
+            <button class="btn" id="logout-btn" style="margin: 0; display: none;" data-aos="fade-down" disabled>Log Out</button>
+        </a>
+        
+        
   
           <!-- <a href="login-modified.html" class="contact-btn"><button class="btn" id="btn-style"
               style="margin: 0; box-shadow:1.5px 1.5px 6px red;" data-aos="fade-down">Login</button></a> -->

From 74268aaf181b3d98ff2f02582fd8cf86b6e0a1ce Mon Sep 17 00:00:00 2001
From: Paila Murali <114466262+murali127@users.noreply.github.com>
Date: Wed, 30 Oct 2024 13:06:46 +0000
Subject: [PATCH 08/14] updated payment section navigation links

---
 payment.html | 59 +++++++++++++++++++++++++++-------------------------
 1 file changed, 31 insertions(+), 28 deletions(-)

diff --git a/payment.html b/payment.html
index 2c93c266..70c97a2b 100644
--- a/payment.html
+++ b/payment.html
@@ -39,34 +39,37 @@
       <a href="#" class="nav__logo" data-aos="fade-right">Tourguide<span>.</span></a>
     </div>
 
-      <ul class="navLinks">
-        <li class="link" id="View-link" data-aos=""><a href="mapa.html">View</a></li>
-        <li class="link" id="LogIn-link" data-aos=""><a href="newLogin.html">Log In</a></li>
-        <li class="link" data-aos=""><a href="#Home">Home</a></li>
-        <li class="link" data-aos=""><a href="#AboutUs">About</a></li>
-        <li class="link dropdown" data-aos="">
-            <a href="#Services" class="dropdown">Services</a>
-            <ul class="dropdown-menu">
-                <li><a href="#Destinations">Destination</a></li>
-                <li><a href="#trip">Prices</a></li>
-                <li><a href="#ReviewGallery">Trip Gallery</a></li>
-                <li><a href="#tourist">Tourist Guide</a></li>
-                <li><a href="#hotel">Hotel & Resort</a></li>
-            </ul>
-        </li>
-        <li class="link" data-aos=""><a href="./packages.html">Packages</a></li>
-        <li class="link" data-aos=""><a href="#testimonials">Testimonial</a></li>
-        <li class="link" data-aos=""><a href="feedback.html">Rate Us?</a></li>
-        <li class="link" data-aos=""><a href="#cnt-form">Contact Us</a></li>
-    </ul>
-
-      <a href="newLogin.html" class="contact-btn" id="nav-login-btn"><button class="btn login" id="btn-style"
-          data-aos="fade-down">Login/SignUp</button></a>
-      <a href="mapa.html" class="contact-btn" id="nav-view-btn"><button class="btn" id="btn-style" style="margin: 0;"
-          data-aos="fade-down">view <map name=""></map></button></a>
-
-      <a href="loginPage.html" class="contact-btn"><button class="btn" id="logout-btn"
-          style="margin: 0; display: none;" data-aos="fade-down" disabled>Log Out</button></a>
+    <ul class="navLinks">
+      <li class="link" id="View-link" data-aos=""><a href="mapa.html">View</a></li>
+      <li class="link" id="LogIn-link" data-aos=""><a href="newLogin.html">Log In</a></li>
+      <li class="link" data-aos=""><a href="./index.html">Home</a></li>
+      <li class="link" data-aos=""><a href="./about.html">About</a></li>
+      <li class="link dropdown" data-aos="">
+          <a href="#Services" class="dropdown">Services</a>
+          <ul class="dropdown-menu">
+              <ul class="dropdown-menu">
+                  <li><a href="/trending.html">Destination</a></li>
+          <li><a href="/packages.html">Prices</a></li>
+          <li><a href="/index.html">Trip Gallery</a></li>
+          <li><a href="/index.html">Tourist Guide</a></li>
+          <li><a href="/hotel.html">Hotel & Resort</a></li>
+              </ul>
+          </ul>
+      </li>
+      <li class="link" data-aos=""><a href="./topdeals/topdeals.html">Top Deals</a></li>
+      <li class="link" data-aos=""><a href="./packages.html">Packages</a></li>
+      <li class="link" data-aos=""><a href="#testimonials">Testimonial</a></li>
+      <li class="link" data-aos=""><a href="feedback.html">Rate Us?</a></li>
+      <li class="link" data-aos=""><a href="#cnt-form">Contact Us</a></li>
+  </ul>
+
+    <a href="newLogin.html" class="contact-btn" id="nav-login-btn"><button class="btn login" id="btn-style"
+        data-aos="fade-down">Login/SignUp</button></a>
+    <a href="mapa.html" class="contact-btn" id="nav-view-btn"><button class="btn" id="btn-style" style="margin: 0;"
+        data-aos="fade-down">view <map name=""></map></button></a>
+
+    <a href="loginPage.html" class="contact-btn"><button class="btn" id="logout-btn"
+        style="margin: 0; display: none;" data-aos="fade-down" disabled>Log Out</button></a>
 
       <!-- <a href="login-modified.html" class="contact-btn"><button class="btn" id="btn-style"
           style="margin: 0; box-shadow:1.5px 1.5px 6px red;" data-aos="fade-down">Login</button></a> -->

From 2a4f03193620df862316b1712f8e147a6df0b740 Mon Sep 17 00:00:00 2001
From: Paila Murali <114466262+murali127@users.noreply.github.com>
Date: Thu, 31 Oct 2024 07:53:25 +0000
Subject: [PATCH 09/14] merged


From f5f92839d0e538f4d5fbd5b0cf475f3799133f12 Mon Sep 17 00:00:00 2001
From: Paila Murali <114466262+murali127@users.noreply.github.com>
Date: Thu, 31 Oct 2024 07:54:06 +0000
Subject: [PATCH 10/14] #2


From 3f93b3d8a6883124a6f5582ca8052dcf30e5bb86 Mon Sep 17 00:00:00 2001
From: Paila Murali <114466262+murali127@users.noreply.github.com>
Date: Thu, 31 Oct 2024 07:58:46 +0000
Subject: [PATCH 11/14] merge conflicts resolved

---
 index.html | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/index.html b/index.html
index 0cfe58ae..2c4af589 100644
--- a/index.html
+++ b/index.html
@@ -555,11 +555,11 @@ <h1>TourGuide . . .</h1>
         <li class="link dropdown" data-aos="">
           <a href="#Services" class="dropdown">Services</a>
           <ul class="dropdown-menu">
-            <li><a href="#Destinations">Destination</a></li>
-            <li><a href="#trip">Prices</a></li>
-            <li><a href="#ReviewGallery">Trip Gallery</a></li>
-            <li><a href="#tourist">Tourist Guide</a></li>
-            <li><a href="#hotel">Hotel & Resort</a></li>
+            <li><a href="/trending.html">Destination</a></li>
+                    <li><a href="/packages.html">Prices</a></li>
+                    <li><a href="/index.html">Trip Gallery</a></li>
+                    <li><a href="/index.html">Tourist Guide</a></li>
+                    <li><a href="/hotel.html">Hotel & Resort</a></li>
           </ul>
         </li>
         <li class="link" data-aos=""><a href="./topdeals/topdeals.html">Top Deals</a></li>

From a7d11a048b3d3ccf28f9d9d848276590f0ce58d7 Mon Sep 17 00:00:00 2001
From: likhithaarveti <likhithaarveti@gmail.com>
Date: Thu, 31 Oct 2024 17:33:43 +0530
Subject: [PATCH 12/14] resolve-conflicts

---
 index.html | 40 ++++++++++++++++++++--------------------
 1 file changed, 20 insertions(+), 20 deletions(-)

diff --git a/index.html b/index.html
index 00c37459..1ef190cf 100644
--- a/index.html
+++ b/index.html
@@ -547,26 +547,26 @@ <h1>TourGuide . . .</h1>
         <a href="#" class="nav__logo" data-aos="fade-right">Tourguide<span>.</span></a>
     </div>
 
-        <ul class="navLinks">
-          <li class="link" id="View-link" data-aos=""><a href="mapa.html">View</a></li>
-          <li class="link" id="LogIn-link" data-aos=""><a href="newLogin.html">Log In</a></li>
-          <li class="link" data-aos=""><a href="#Home">Home</a></li>
-          <li class="link" data-aos=""><a href="./about.html">About</a></li>
-          <li class="link dropdown" data-aos="">
-              <a href="#Services" class="dropdown">Services</a>
-              <ul class="dropdown-menu">
-                  <li><a href="#Destinations">Destination</a></li>
-                  <li><a href="#trip">Prices</a></li>
-                  <li><a href="#ReviewGallery">Trip Gallery</a></li>
-                  <li><a href="#tourist">Tourist Guide</a></li>
-                  <li><a href="#hotel">Hotel & Resort</a></li>
-              </ul>
-          </li>
-          <li class="link" data-aos=""><a href="./topdeals/topdeals.html">Top Deals</a></li>
-          <li class="link" data-aos=""><a href="./packages.html">Packages</a></li>
-          <li class="link" data-aos=""><a href="#testimonials">Testimonial</a></li>
-          <li class="link" data-aos=""><a href="feedback.html">Rate Us?</a></li>
-          <li class="link" data-aos=""><a href="#cnt-form">Contact Us</a></li>
+    <ul class="navLinks">
+      <li class="link" id="View-link" data-aos=""><a href="mapa.html">View</a></li>
+      <li class="link" id="LogIn-link" data-aos=""><a href="newLogin.html">Log In</a></li>
+      <li class="link" data-aos=""><a href="#Home">Home</a></li>
+      <li class="link" data-aos=""><a href="./about.html">About</a></li>
+      <li class="link dropdown" data-aos="">
+        <a href="#Services" class="dropdown">Services</a>
+        <ul class="dropdown-menu">
+          <li><a href="/trending.html">Destination</a></li>
+                  <li><a href="/packages.html">Prices</a></li>
+                  <li><a href="/index.html">Trip Gallery</a></li>
+                  <li><a href="/index.html">Tourist Guide</a></li>
+                  <li><a href="/hotel.html">Hotel & Resort</a></li>
+        </ul>
+      </li>
+      <li class="link" data-aos=""><a href="./topdeals/topdeals.html">Top Deals</a></li>
+      <li class="link" data-aos=""><a href="./packages.html">Packages</a></li>
+      <li class="link" data-aos=""><a href="#testimonials">Testimonial</a></li>
+      <li class="link" data-aos=""><a href="feedback.html">Rate Us?</a></li>
+      <li class="link" data-aos=""><a href="#cnt-form">Contact Us</a></li>
       </ul>
 
       <div class="contact-btns">

From c1f79e32c882bfacd8853480e7aaae3bd8aa0464 Mon Sep 17 00:00:00 2001
From: likhithaarveti <likhithaarveti@gmail.com>
Date: Thu, 31 Oct 2024 17:37:36 +0530
Subject: [PATCH 13/14] resolve-conflicts-final

---
 index.html | 40 ++++++++++++++++++++--------------------
 1 file changed, 20 insertions(+), 20 deletions(-)

diff --git a/index.html b/index.html
index 1ef190cf..a9c8ce8f 100644
--- a/index.html
+++ b/index.html
@@ -547,26 +547,26 @@ <h1>TourGuide . . .</h1>
         <a href="#" class="nav__logo" data-aos="fade-right">Tourguide<span>.</span></a>
     </div>
 
-    <ul class="navLinks">
-      <li class="link" id="View-link" data-aos=""><a href="mapa.html">View</a></li>
-      <li class="link" id="LogIn-link" data-aos=""><a href="newLogin.html">Log In</a></li>
-      <li class="link" data-aos=""><a href="#Home">Home</a></li>
-      <li class="link" data-aos=""><a href="./about.html">About</a></li>
-      <li class="link dropdown" data-aos="">
-        <a href="#Services" class="dropdown">Services</a>
-        <ul class="dropdown-menu">
-          <li><a href="/trending.html">Destination</a></li>
-                  <li><a href="/packages.html">Prices</a></li>
-                  <li><a href="/index.html">Trip Gallery</a></li>
-                  <li><a href="/index.html">Tourist Guide</a></li>
-                  <li><a href="/hotel.html">Hotel & Resort</a></li>
-        </ul>
-      </li>
-      <li class="link" data-aos=""><a href="./topdeals/topdeals.html">Top Deals</a></li>
-      <li class="link" data-aos=""><a href="./packages.html">Packages</a></li>
-      <li class="link" data-aos=""><a href="#testimonials">Testimonial</a></li>
-      <li class="link" data-aos=""><a href="feedback.html">Rate Us?</a></li>
-      <li class="link" data-aos=""><a href="#cnt-form">Contact Us</a></li>
+      <ul class="navLinks">
+        <li class="link" id="View-link" data-aos=""><a href="mapa.html">View</a></li>
+        <li class="link" id="LogIn-link" data-aos=""><a href="newLogin.html">Log In</a></li>
+        <li class="link" data-aos=""><a href="#Home">Home</a></li>
+        <li class="link" data-aos=""><a href="./about.html">About</a></li>
+        <li class="link dropdown" data-aos="">
+          <a href="#Services" class="dropdown">Services</a>
+          <ul class="dropdown-menu">
+            <li><a href="/trending.html">Destination</a></li>
+                    <li><a href="/packages.html">Prices</a></li>
+                    <li><a href="/index.html">Trip Gallery</a></li>
+                    <li><a href="/index.html">Tourist Guide</a></li>
+                    <li><a href="/hotel.html">Hotel & Resort</a></li>
+          </ul>
+        </li>
+        <li class="link" data-aos=""><a href="./topdeals/topdeals.html">Top Deals</a></li>
+        <li class="link" data-aos=""><a href="./packages.html">Packages</a></li>
+        <li class="link" data-aos=""><a href="#testimonials">Testimonial</a></li>
+        <li class="link" data-aos=""><a href="feedback.html">Rate Us?</a></li>
+        <li class="link" data-aos=""><a href="#cnt-form">Contact Us</a></li>
       </ul>
 
       <div class="contact-btns">

From 361dd5a3bfb1aab4d56d975a729d36258df96f2e Mon Sep 17 00:00:00 2001
From: tarunkumar2005 <tarunkumar6258278@gmail.com>
Date: Fri, 1 Nov 2024 09:48:01 +0530
Subject: [PATCH 14/14] Added the offline status

---
 index.html        |  15 ++++
 offline.html      | 196 ++++++++++++++++++++++++++++++++++++++++++++++
 service-worker.js |  51 ++++++++++++
 3 files changed, 262 insertions(+)
 create mode 100644 offline.html
 create mode 100644 service-worker.js

diff --git a/index.html b/index.html
index a9c8ce8f..971d034c 100644
--- a/index.html
+++ b/index.html
@@ -2999,6 +2999,21 @@ <h4>Contact Us</h4>
 
   </script>
 
+  <!-- Offline Status Indicator -->
+  <script>
+    if ('serviceWorker' in navigator) {
+      window.addEventListener('load', () => {
+          navigator.serviceWorker.register('/service-worker.js')
+              .then(registration => {
+                  console.log('ServiceWorker registration successful');
+              })
+              .catch(err => {
+                  console.log('ServiceWorker registration failed: ', err);
+              });
+      });
+    }
+  </script>
+
 
 
 
diff --git a/offline.html b/offline.html
new file mode 100644
index 00000000..0cd127ca
--- /dev/null
+++ b/offline.html
@@ -0,0 +1,196 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>You're Offline - Travel Website</title>
+    <style>
+        * {
+            margin: 0;
+            padding: 0;
+            box-sizing: border-box;
+        }
+
+        body {
+            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
+            background-color: #f9fafb;
+            min-height: 100vh;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            padding: 2rem;
+        }
+
+        .offline-container {
+            background: white;
+            padding: 3rem;
+            border-radius: 1rem;
+            box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+            text-align: center;
+            max-width: 32rem;
+            width: 100%;
+        }
+
+        .icon-container {
+            background-color: #eef2ff;
+            width: 5rem;
+            height: 5rem;
+            border-radius: 50%;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            margin: 0 auto 2rem;
+            transition: transform 0.2s;
+        }
+
+        .icon-container:hover {
+            transform: scale(1.05);
+        }
+
+        .icon {
+            width: 3rem;
+            height: 3rem;
+            color: #4f46e5;
+        }
+
+        h1 {
+            color: #1f2937;
+            font-size: 2rem;
+            margin-bottom: 1rem;
+            font-weight: 800;
+        }
+
+        p {
+            color: #6b7280;
+            margin-bottom: 2rem;
+            line-height: 1.7;
+            font-size: 1.1rem;
+        }
+
+        .button-container {
+            display: flex;
+            gap: 1rem;
+            justify-content: center;
+        }
+
+        .primary-button {
+            background-color: #4f46e5;
+            color: white;
+            border: none;
+            padding: 0.75rem 2rem;
+            border-radius: 0.5rem;
+            font-weight: 500;
+            cursor: pointer;
+            transition: all 0.2s;
+            font-size: 0.875rem;
+        }
+
+        .primary-button:hover {
+            background-color: #4338ca;
+            transform: translateY(-1px);
+        }
+
+        .secondary-button {
+            background-color: white;
+            color: #4f46e5;
+            border: 1px solid #e5e7eb;
+            padding: 0.75rem 2rem;
+            border-radius: 0.5rem;
+            font-weight: 500;
+            cursor: pointer;
+            transition: all 0.2s;
+            font-size: 0.875rem;
+        }
+
+        .secondary-button:hover {
+            background-color: #f9fafb;
+            color: #4338ca;
+            transform: translateY(-1px);
+        }
+
+        .status-text {
+            margin-top: 2rem;
+            font-size: 0.875rem;
+            color: #9ca3af;
+        }
+
+        .pulse {
+            display: inline-block;
+            width: 0.5rem;
+            height: 0.5rem;
+            background-color: #4f46e5;
+            border-radius: 50%;
+            margin-right: 0.5rem;
+            animation: pulse 2s infinite;
+        }
+
+        @keyframes pulse {
+            0% {
+                transform: scale(0.95);
+                opacity: 0.5;
+            }
+            50% {
+                transform: scale(1);
+                opacity: 1;
+            }
+            100% {
+                transform: scale(0.95);
+                opacity: 0.5;
+            }
+        }
+
+        @media (max-width: 640px) {
+            .offline-container {
+                padding: 2rem;
+            }
+
+            .button-container {
+                flex-direction: column;
+            }
+
+            h1 {
+                font-size: 1.5rem;
+            }
+
+            p {
+                font-size: 1rem;
+            }
+        }
+    </style>
+</head>
+<body>
+    <div class="offline-container">
+        <div class="icon-container">
+            <svg class="icon" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" 
+                    d="M18.364 5.636a9 9 0 010 12.728m0 0l-2.829-2.829m2.829 2.829L21 21M15.536 8.464a5 5 0 010 7.072m0 0l-2.829-2.829m-4.243 2.829a4.978 4.978 0 01-1.414-2.83m-1.414 5.658a9 9 0 01-2.167-9.238m7.824 2.167a1 1 0 111.414 1.414m-1.414-1.414L3 3m8.293 8.293l1.414 1.414" />
+            </svg>
+        </div>
+        <h1>You're Currently Offline</h1>
+        <p>Don't worry! You can still access previously loaded content. We'll automatically reconnect when your internet connection is restored.</p>
+        <div class="button-container">
+            <button onclick="window.location.reload()" class="primary-button">
+                Try Again
+            </button>
+            <button onclick="window.history.back()" class="secondary-button">
+                Go Back
+            </button>
+        </div>
+        <div class="status-text">
+            <span class="pulse"></span>
+            Checking connection status...
+        </div>
+    </div>
+    <script>
+        // Check if we're back online
+        window.addEventListener('online', function() {
+            window.location.reload();
+        });
+
+        // Update status text when offline
+        window.addEventListener('offline', function() {
+            document.querySelector('.status-text').innerHTML = '<span class="pulse"></span>Waiting for connection...';
+        });
+    </script>
+</body>
+</html>
\ No newline at end of file
diff --git a/service-worker.js b/service-worker.js
new file mode 100644
index 00000000..69e05d78
--- /dev/null
+++ b/service-worker.js
@@ -0,0 +1,51 @@
+const CACHE_NAME = 'offline-v1';
+const OFFLINE_URL = '/offline.html';
+
+self.addEventListener('install', (event) => {
+    event.waitUntil(
+        (async () => {
+            const cache = await caches.open(CACHE_NAME);
+            // Cache the offline page
+            await cache.add(new Request(OFFLINE_URL, { cache: 'reload' }));
+        })()
+    );
+    // Force the waiting service worker to become the active service worker
+    self.skipWaiting();
+});
+
+self.addEventListener('activate', (event) => {
+    event.waitUntil(
+        (async () => {
+            // Enable navigation preload if available
+            if ('navigationPreload' in self.registration) {
+                await self.registration.navigationPreload.enable();
+            }
+        })()
+    );
+    // Tell the active service worker to take control of the page immediately
+    self.clients.claim();
+});
+
+self.addEventListener('fetch', (event) => {
+    if (event.request.mode === 'navigate') {
+        event.respondWith(
+            (async () => {
+                try {
+                    // First, try to use the navigation preload response if available
+                    const preloadResponse = await event.preloadResponse;
+                    if (preloadResponse) {
+                        return preloadResponse;
+                    }
+
+                    // Try to fetch the request from the network
+                    return await fetch(event.request);
+                } catch (error) {
+                    // If fetch fails (offline), get the offline page from cache
+                    const cache = await caches.open(CACHE_NAME);
+                    const cachedResponse = await cache.match(OFFLINE_URL);
+                    return cachedResponse;
+                }
+            })()
+        );
+    }
+});
\ No newline at end of file