diff --git a/Loader_Animation_1.gif b/Loader_Animation_1.gif
new file mode 100644
index 00000000..440ca157
Binary files /dev/null and b/Loader_Animation_1.gif differ
diff --git a/about.html b/about.html
index 73087b99..1b5f20d6 100644
--- a/about.html
+++ b/about.html
@@ -27,22 +27,22 @@
             <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">
-                    <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>
+                    <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>
                 </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="index.html#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>
+            <li class="link" data-aos=""><a href="index.html#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"
diff --git a/feedback.html b/feedback.html
index 08a4186e..82d825bf 100644
--- a/feedback.html
+++ b/feedback.html
@@ -133,13 +133,13 @@
         <ul class="navLinks">
 
           <li class="link" data-aos="fade-down"><a href="./index.html" >Home</a></li>
-          <li class="link" data-aos="fade-down"><a href="./index.html#AboutUs" >AboutUs</a></li>
-          <li class="link" data-aos="fade-down"><a href="./index.html#Destinations" >Destinations</a></li>
-          <li class="link" data-aos="fade-down"><a href="./index.html#trip" >Pricing</a></li>
-          <li class="link" data-aos="fade-down"><a href="./index.html#ReviewGallery" >Trip Gallery</a></li>
-          <li class="link" data-aos="fade-down"><a href="./index.html#testimonials" >Testimonials</a></li>
+          <li class="link" data-aos="fade-down"><a href="about.html" >AboutUs</a></li>
+          <li class="link" data-aos="fade-down"><a href="index.html#Destinations" >Destinations</a></li>
+          <li class="link" data-aos="fade-down"><a href="index.html#trip" >Pricing</a></li>
+          <li class="link" data-aos="fade-down"><a href="index.html#ReviewGallery" >Trip Gallery</a></li>
+          <li class="link" data-aos="fade-down"><a href="index.html#testimo" >Testimonials</a></li>
           <li class="link" data-aos="fade-down"><a href="#">Rate Us?</a></li>
-          <li class="link" data-aos="fade-down"><a href="./index.html#cnt-form" >Contact Us</a></li>
+          <li class="link" data-aos="fade-down"><a href="index.html#cnt-form" >Contact Us</a></li>
 
         </ul>
         <a href="./newLogin.html" class="contact-btn"><button class="btn" id="btn-style"
diff --git a/index.html b/index.html
index 971d034c..0d8ad1e0 100644
--- a/index.html
+++ b/index.html
@@ -543,7 +543,7 @@ <h1>TourGuide . . .</h1>
     </div>
     <nav class="newNav">
       <div style="display: flex; align-items: center;">
-        <img src="/favicon.ico" class="sitelogo">
+        <img src="favicon.ico" class="sitelogo">
         <a href="#" class="nav__logo" data-aos="fade-right">Tourguide<span>.</span></a>
     </div>
 
@@ -564,7 +564,7 @@ <h1>TourGuide . . .</h1>
         </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>
@@ -1237,7 +1237,7 @@ <h3>MALDIVES</h3>
 
     <!-- Destination Section -->
     <div class="section__container destination__container" id="Destinations" data-aos="fade-up">
-      <div class="section__header">
+      <div class="section__header" id="destination_text">
         <div>
           <h2 class="section__title" data-aos="fade-in">Explore Top Destinations</h2>
           <p class="section__subtitle" data-aos="fade-in">
@@ -1331,13 +1331,14 @@ <h1 class="card-title">Times Square</h1>
 
       <script src="https://cdn.jsdelivr.net/npm/swiper/swiper-bundle.min.js"></script>
       <script src="explore.js"></script>
-      </section>
+    </section>
       <!-- End Destination Section -->
 
+      <!-- Start Prices Section -->
       <section class="trip" id="trip" data-aos="zoom-in" data-aos-offset="100">
         <div class="section__container trip__container">
           <h2 class="section__title">Best trip packages</h2>
-          <p class="section__subtitle" style="margin-left: 280px;">
+          <p class="section__subtitle">
             Top trip deals curated for you. Get the best package for your adventure and save more.
           </p>
           <div class="trip__grid">
@@ -1389,7 +1390,7 @@ <h2 class="section__title">Best trip packages</h2>
                 Trending</button></a>
           </div>
         </div>
-      </section>
+      </section> 
       <div class="hero">
         <div class="carousel">
           <ul>
diff --git a/membership.html b/membership.html
index 24e80858..740ed234 100644
--- a/membership.html
+++ b/membership.html
@@ -39,18 +39,18 @@
       <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="index.html">Home</a></li>
-      <li class="link aos-init aos-animate" data-aos=""><a href="index.html#AboutUs">About</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="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 &amp; Resort</a></li>
+              <li><a href="index.html#Destinations" style="color:black;">Destination</a></li>
+              <li><a href="index.html#trip" style="color:black;">Prices</a></li>
+              <li><a href="index.html#ReviewGallery" style="color:black;">Trip Gallery</a></li>
+              <li><a href="index.html#tourist" style="color:black;">Tourist Guide</a></li>
+              <li><a href="index.html#hotel" style="color:black;">Hotel &amp; Resort</a></li>
           </ul>
       </li>
-      <li class="link aos-init aos-animate" data-aos=""><a href="index.html#testimonials">Testimonial</a></li>
+      <li class="link aos-init aos-animate" data-aos=""><a href="index.html#testimo">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="index.html#cnt-form">Contact Us</a></li>
   </ul>
diff --git a/packages.html b/packages.html
index b6d94606..9e403bd9 100644
--- a/packages.html
+++ b/packages.html
@@ -420,25 +420,23 @@
               <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" 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>
+                        <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>
                     </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="index.html#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>
+                <li class="link" data-aos=""><a href="index.html#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"
diff --git a/payment.html b/payment.html
index 70c97a2b..bdf9f3e7 100644
--- a/payment.html
+++ b/payment.html
@@ -39,29 +39,26 @@
       <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="./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>
+      <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">
+                <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>
+            </ul>
+        </li>
+        <li class="link" data-aos=""><a href="./packages.html">Packages</a></li>
+        <li class="link" data-aos=""><a href="index.html#testimo">Testimonial</a></li>
+        <li class="link" data-aos=""><a href="feedback.html">Rate Us?</a></li>
+        <li class="link" data-aos=""><a href="index.html#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>
diff --git a/plantrip.html b/plantrip.html
index d6401f2a..f133d493 100644
--- a/plantrip.html
+++ b/plantrip.html
@@ -217,19 +217,19 @@
       <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="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="">
+      <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>
+              <li><a href="index.html#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 &amp; Resort</a></li>
           </ul>
-      </li> -->
-      <li class="link aos-init aos-animate" data-aos=""><a href="#testimonials">Testimonial</a></li>
+      </li>
+      <li class="link aos-init aos-animate" data-aos=""><a href="index.html#testimo">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>
+      <li class="link aos-init aos-animate" data-aos=""><a href="index.html#cnt-form">Contact Us</a></li>
   </ul>
 
     <a href="newLogin.html" class="contact-btn" id="nav-login-btn"><button class="btn login aos-init aos-animate" id="btn-style" data-aos="fade-down" style="display: block;">Login/SignUp</button></a>
diff --git a/topdeals/topdeals.html b/topdeals/topdeals.html
index 59656e4d..3714bf76 100644
--- a/topdeals/topdeals.html
+++ b/topdeals/topdeals.html
@@ -358,35 +358,31 @@
             <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">
-                    <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>
+                    <li><a href="../index.html#Destinations" onclick="console.log('Destinations clicked')">Destination</a></li>
+                    <li><a href="../index.html#trip" onclick="console.log('Prices clicked')">Prices</a></li>
+                    <li><a href="../index.html#ReviewGallery" onclick="console.log('Gallery clicked')">Trip Gallery</a></li>
+                    <li><a href="../index.html#tourist" onclick="console.log('Tourist clicked')">Tourist Guide</a></li>
+                    <li><a href="../index.html#hotel" onclick="console.log('Hotel clicked')">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="../index.html#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>
+            <li class="link" data-aos=""><a href="../index.html#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> -->
@@ -408,7 +404,7 @@
     <div class="container" style="margin-top: 8rem;">
         <div class="header">
             <br><br><br><br>
-           <p style="color: #ffffff;">"Don’t miss out on our exclusive top deals of the season! Whether you’re looking to upgrade your tech, refresh your wardrobe, or find the perfect gift, we’ve got you covered with unbeatable discounts across all categories. "</p>
+           <p style="color: #0c0c0c;font-weight: bold;">"Don’t miss out on our exclusive top deals of the season! Whether you’re looking to upgrade your tech, refresh your wardrobe, or find the perfect gift, we’ve got you covered with unbeatable discounts across all categories. "</p>
         </div>
         <div class="deals">
             <div class="card">