diff --git a/about.html b/about.html
index 1b5f20d6..34d13e0a 100644
--- a/about.html
+++ b/about.html
@@ -6,66 +6,68 @@
     <title>About Us - TourGuide</title>
     <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600;700&display=swap" rel="stylesheet">
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
+    <link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" />
     <link rel="stylesheet" href="styles.css" />
-    <link rel="stylesheet" href="about.css">
 
+    <link rel="stylesheet" href="about.css">
     <link rel="icon" type="image/x-icon" href="favicon.ico"/>
 
 </head>
 <body>
 
-
-    <div class="nav-container" id="top">
-        <nav class="newNav">
-          <div style="display: flex; flex-direction: row; align-items: center;">
-          <img src="/favicon.ico" class="sitelogo">
-          
+    <nav class="newNav">
+        <div style="display: flex; align-items: center;">
+          <img src="favicon.ico" class="sitelogo">
           <a href="#" class="nav__logo" data-aos="fade-right">Tourguide<span>.</span></a>
-        </div>
+       </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">
-                    <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="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 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="/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="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>
-          <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="contact-btns">
+          <a href="newLogin.html" class="contact-btn" id="nav-login-btn">
+            <button class="btn login" id="btn-style" data-aos="fade-down">Login/<br>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>
   
-          <!-- <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> -->
+        <div class="toggle-container" data-aos="fade-down" style="margin-right: 28px;">
+          <input id="themeToggle" class="toggle" type="checkbox">
+        </div>
   
-          <div class="toggle-container" data-aos="fade-down">
-            <input id="themeToggle" class="toggle" type="checkbox">
-          </div>
-          <div class="hamburger" data-aos="fade-down">
-            <div class="line"></div>
-            <div class="line"></div>
-            <div class="line"></div>
-          </div>
-        </nav>
-      </div>
+        <div class="hamburger" id="hamburger" data-aos="fade-down">
+          <div class="line" style="margin-bottom: 5px;"></div>
+          <div class="line" style="margin-bottom: 5px;"></div>
+          <div class="line" style="margin-bottom: 5px;"></div>
+          <div class="line" style="margin-bottom: 5px;"></div>
+        </div>
+      </nav>
+   
 
     <div class="background">
         <video autoplay muted loop playsinline>
@@ -74,7 +76,7 @@
         </video>
     </div>
 
-    <div class="content-wrapper">
+    <div class="content-wrapper" style="margin-top: 100px;">
         <header>
             <h1 class="heading">About Us</h1>
             <p class="subheading">Discover Your Purpose Through Travel</p>
@@ -110,5 +112,15 @@ <h3>Unforgettable Experiences</h3>
             <a href="newLogin.html" class="cta-button">Start Your Journey</a>
         </div>
     </div>
+
+    <style>
+
+
+    </style>
+
+<script src="https://unpkg.com/aos@next/dist/aos.js"></script>
+<script>
+    AOS.init();
+</script>
 </body>
 </html>
\ No newline at end of file
diff --git a/feedback.html b/feedback.html
index 82d825bf..330c5b8f 100644
--- a/feedback.html
+++ b/feedback.html
@@ -13,9 +13,10 @@
           crossorigin="anonymous" referrerpolicy="no-referrer" />
         <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
     <link rel="stylesheet" href="style_.css">
-    <link rel="stylesheet" href="styles.css">
+    <link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" />
     <link rel="stylesheet" href="feedback.css">
     <link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" />
+    <link rel="stylesheet" href="styles.css">
 
 
 
@@ -125,35 +126,60 @@
     });
 
   </script>
-    <header class="registration-header">
-    <div class="nav-container" id="top">
+     <header>
       <nav class="newNav">
-        <a href="../index.html" class="nav__logo" data-aos="fade-right">Tourguide<span>.</span></a>
-
-        <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="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>
-
-        </ul>
-        <a href="./newLogin.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>
-        <div class="toggle-container" data-aos="fade-down">
-          <input id="themeToggle" class="toggle" type="checkbox">
-        </div>
-        <div class="hamburger" data-aos="fade-down">
-          <div class="line"></div>
-          <div class="line"></div>
-          <div class="line"></div>
-        </div>
-      </nav>
-    </div>
+          <div style="display: flex; align-items: center;">
+            <img src="favicon.ico" class="sitelogo">
+            <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">
+                <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="./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>
+    
+          <div class="contact-btns">
+            <a href="newLogin.html" class="contact-btn" id="nav-login-btn">
+              <button class="btn login" id="btn-style" data-aos="fade-down">Login/<br>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>
+    
+          <div class="toggle-container" data-aos="fade-down" style="margin-right: 28px;">
+            <input id="themeToggle" class="toggle" type="checkbox">
+          </div>
+    
+          <div class="hamburger" id="hamburger" data-aos="fade-down">
+            <div class="line" style="margin-bottom: 5px;"></div>
+            <div class="line" style="margin-bottom: 5px;"></div>
+            <div class="line" style="margin-bottom: 5px;"></div>
+            <div class="line" style="margin-bottom: 5px;"></div>
+          </div>
+        </nav>
+  
   </header>
     <div class="sidebyside">
       <div class="image">
@@ -257,5 +283,15 @@ <h1 class="feedback-heading">Rate Our Service</h1><hr>
         // Initialize AOS library
         AOS.init();
       });</script>
+      <style>
+        .link a {
+          margin-right: -20px;
+        }
+      </style>
+          
+<script src="https://unpkg.com/aos@next/dist/aos.js"></script>
+<script>
+    AOS.init();
+</script>
 </body>
 </html>
\ No newline at end of file
diff --git a/index.html b/index.html
index 0d8ad1e0..353975b1 100644
--- a/index.html
+++ b/index.html
@@ -545,7 +545,7 @@ <h1>TourGuide . . .</h1>
       <div style="display: flex; align-items: center;">
         <img src="favicon.ico" class="sitelogo">
         <a href="#" class="nav__logo" data-aos="fade-right">Tourguide<span>.</span></a>
-    </div>
+     </div>
 
       <ul class="navLinks">
         <li class="link" id="View-link" data-aos=""><a href="mapa.html">View</a></li>
@@ -606,125 +606,7 @@ <h1>TourGuide . . .</h1>
         align-items: center;
       }
 
-      .newNav {
-        display: flex;
-        justify-content: space-between;
-        align-items: center;
-        width: 100%;
-      }
-
-      .sitelogo {
-        height: 35px;
-        /* Slightly smaller logo */
-        width: 35px;
-        margin-right: 10px;
-        /* Reduced space between logo and title */
-      }
-
-      .nav__logo {
-        font-size: 28px;
-        /* Adjust font size */
-        color: #ece6e6;
-        /* Logo color */
-        text-decoration: none;
-        /* Remove underline */
-      }
-
-      .navLinks {
-        list-style: none;
-        /* Remove bullet points */
-        display: flex;
-        /* Display items in a row */
-        margin: 0;
-        /* Remove default margin */
-        padding: 0;
-        /* Remove default padding */
-      }
-
-      .navLinks.active {
-        display: flex;
-        /* Show links when the 'active' class is applied */
-      }
-
-
-      .link {
-        margin: 0 10px;
-        /* Reduced space between links */
-      }
-
-      .link a {
-        font-size: 18px;
-        /* Increased font size */
-        text-decoration: none;
-        /* Remove underline */
-        color: #d8d4d4;
-        /* Link color */
-        transition: color 0.3s ease;
-        /* Smooth color transition */
-      }
-
-      .link a:hover {
-        color: #007BFF;
-        /* Change color on hover */
-      }
-
-      .dropdown-menu {
-        display: none;
-        /* Hide dropdown initially */
-        position: absolute;
-        /* Position dropdown below the parent */
-        background-color: #fff;
-        /* Dropdown background */
-        border: 1px solid #ccc;
-        /* Border for dropdown */
-        z-index: 1000;
-        /* Ensure dropdown appears above other content */
-      }
-      .dropdown-menu a{
-        color: black;
-      }
-
-      .dropdown:hover .dropdown-menu {
-        display: block;
-        /* Show dropdown on hover */
-      }
-
-      .contact-btns {
-        display: flex;
-        /* Align buttons side by side */
-        align-items: center;
-        gap: 10px;
-        /* Small gap between the buttons */
-      }
-
-      .contact-btn {
-        margin: 0;
-        /* Remove extra space between buttons */
-      }
-
-      .btn {
-        padding: 8px 12px;
-        /* Adjusted padding for smaller height */
-        border: none;
-        /* Remove border */
-        border-radius: 5px;
-        /* Rounded corners */
-        cursor: pointer;
-        /* Pointer cursor on hover */
-      }
-
-      /* Hamburger Menu Styles */
-      .hamburger {
-        display: none;
-        /* Hide on larger screens */
-      }
-
-      /* Toggle Theme Container */
-      .toggle-container {
-        display: flex;
-        align-items: center;
-        /* Center vertically */
-      }
+    
 
       /* Responsive Styles */
       @media (max-width: 1168px) {
diff --git a/packages.html b/packages.html
index 9e98e767..ba6b4812 100644
--- a/packages.html
+++ b/packages.html
@@ -17,7 +17,7 @@
     <link href="https://fonts.googleapis.com/css2?family=Quicksand:wght@300..700&display=swap" rel="stylesheet">
 
     <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
-
+    <link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" />
     <link rel="stylesheet" href="styles.css" />
     <link rel="icon" type="image/x-icon" href="favicon.ico"/>
     <style>
@@ -75,126 +75,7 @@
             z-index: -999;
         }
 
-        .sitelogo {
-            height: 40px;
-            margin-right: 10px;
-            min-width: fit-content;
-        }
-
-        .nav__logo {
-            color: white;
-            text-decoration: none;
-            font-size: 1.5rem;
-            font-weight: 600;
-        }
-
-        .nav__logo span {
-            color: #e73e76;
-        }
-
-        .link {
-            position: relative;
-        }
-
-        .link>a {
-            display: block;
-            color: white;
-            text-align: center;
-            padding: 6px 10px;
-            text-decoration: none;
-            width: 100%;
-            transition: all 0.3s linear;
-            align-items: center;
-            margin-top: -15px;
-        }
-
-        .link>a:hover {
-            background-color: #f6ddff;
-            border-radius: 10px;
-            box-shadow: rgb(56, 0, 109) 0px 0px 8px 2px inset;
-            color: #002152;
-        }
-
-        .navigationbar_package {
-            align-items: center;
-            display: flex;
-            gap: 5px;
-        }
-
-        .dropdown-menu {
-            display: none;
-            position: absolute;
-            background-color: #123456;
-            min-width: 160px;
-            box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
-            z-index: 1;
-        }
-
-        .dropdown-menu>li {
-            float: none;
-        }
-
-        .dropdown-menu>li>a {
-            padding: 12px 16px;
-            text-decoration: none;
-            display: block;
-            text-align: left;
-            color: white;
-        }
-
-        .dropdown-menu>li>a:hover {
-            background-color: #575757;
-        }
-
-        .dropdown:hover .dropdown-menu {
-            display: block;
-        }
-
-        .contact-btn {
-            position: relative;
-            right: 15px;
-            box-sizing: border-box;
-        }
-
-        .btn {
-            padding: 1rem 1rem;
-            border: none;
-            border-radius: 4px;
-            cursor: pointer;
-            transition: background-color 0.3s ease;
-            color: white;
-            background-color: #0697f1;
-            margin: 0;
-        }
-
-        .btn:hover {
-            background-color: #0578c1;
-        }
-
-        #themeToggle {
-            width: inherit;
-        }
-
-        .toggle-container {
-            margin-left: 15px;
-        }
-
-        .hamburger {
-            height: 2rem;
-            width: 1.7rem;
-            display: flex;
-            justify-content: space-between;
-            flex-direction: column;
-            display: none;
-            transition: 0.2s;
-        }
-
-        .line {
-            height: 5px;
-            width: 100%;
-            background-color: white;
-            border-radius: 2px;
-        }
+    
 
         .main-content {
             position: relative;
@@ -420,56 +301,58 @@
     </video>
     <div class="video-overlay"></div>
     <header>
-        <div class="nav-container" id="top">
-            <nav class="newNav">
-              <div style="display: flex; flex-direction: row; align-items: center;">
-              <img src="/favicon.ico" class="sitelogo">
-              
+        <nav class="newNav">
+            <div style="display: flex; align-items: center;">
+              <img src="favicon.ico" class="sitelogo">
               <a href="#" class="nav__logo" data-aos="fade-right">Tourguide<span>.</span></a>
-            </div>
+           </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">
-                        <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="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 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="/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="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>
-              <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="contact-btns">
+              <a href="newLogin.html" class="contact-btn" id="nav-login-btn">
+                <button class="btn login" id="btn-style" data-aos="fade-down">Login/<br>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>
       
-             
+            <div class="toggle-container" data-aos="fade-down" style="margin-right: 28px;">
+              <input id="themeToggle" class="toggle" type="checkbox">
+            </div>
       
-              <div class="toggle-container" data-aos="fade-down">
-                <input id="themeToggle" class="toggle" type="checkbox">
-              </div>
-              <div class="hamburger" data-aos="fade-down">
-                <div class="line"></div>
-                <div class="line"></div>
-                <div class="line"></div>
-              </div>
-            </nav>
-          </div>
+            <div class="hamburger" id="hamburger" data-aos="fade-down">
+              <div class="line" style="margin-bottom: 5px;"></div>
+              <div class="line" style="margin-bottom: 5px;"></div>
+              <div class="line" style="margin-bottom: 5px;"></div>
+              <div class="line" style="margin-bottom: 5px;"></div>
+            </div>
+          </nav>
     
     </header>
 
@@ -970,7 +853,12 @@ <h3>Luxury Plan</h3>
 }
     </style>
 
+
 <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
+<script src="https://unpkg.com/aos@next/dist/aos.js"></script>
+<script>
+    AOS.init();
+</script>
 </body>
 
 </html>
\ No newline at end of file
diff --git a/styles.css b/styles.css
index 9018f7cb..c3902dd7 100644
--- a/styles.css
+++ b/styles.css
@@ -3151,4 +3151,128 @@ a:hover::after {
 .navLinks a:hover::after, .link a:hover::after {
   width: 0%;
   background-color: transparent;
+}
+
+
+
+/* newNavbar styling */
+
+.newNav {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  width: 100%;
+}
+
+.sitelogo {
+  height: 35px;
+  /* Slightly smaller logo */
+  width: 35px;
+  margin-right: 10px;
+  /* Reduced space between logo and title */
+}
+
+.nav__logo {
+  font-size: 28px;
+  /* Adjust font size */
+  color: #ece6e6;
+  /* Logo color */
+  text-decoration: none;
+  /* Remove underline */
+}
+
+.navLinks {
+  list-style: none;
+  /* Remove bullet points */
+  display: flex;
+  /* Display items in a row */
+  margin: 0;
+  /* Remove default margin */
+  padding: 0;
+  /* Remove default padding */
+}
+
+.navLinks.active {
+  display: flex;
+  /* Show links when the 'active' class is applied */
+}
+
+
+.link {
+  margin: 0 10px;
+  /* Reduced space between links */
+}
+
+.link a {
+  font-size: 18px;
+  /* Increased font size */
+  text-decoration: none;
+  /* Remove underline */
+  color: #d8d4d4;
+  /* Link color */
+  transition: color 0.3s ease;
+  /* Smooth color transition */
+}
+
+.link a:hover {
+  color: #007BFF;
+  /* Change color on hover */
+}
+
+.dropdown-menu {
+  display: none;
+  /* Hide dropdown initially */
+  position: absolute;
+  /* Position dropdown below the parent */
+  background-color: #fff;
+  /* Dropdown background */
+  border: 1px solid #ccc;
+  /* Border for dropdown */
+  z-index: 1000;
+  /* Ensure dropdown appears above other content */
+}
+.dropdown-menu a{
+  color: black;
+}
+
+.dropdown:hover .dropdown-menu {
+  display: block;
+  /* Show dropdown on hover */
+}
+
+.contact-btns {
+  display: flex;
+  /* Align buttons side by side */
+  align-items: center;
+  gap: 10px;
+  /* Small gap between the buttons */
+}
+
+.contact-btn {
+  margin: 0;
+  /* Remove extra space between buttons */
+}
+
+.btn {
+  padding: 8px 12px;
+  /* Adjusted padding for smaller height */
+  border: none;
+  /* Remove border */
+  border-radius: 5px;
+  /* Rounded corners */
+  cursor: pointer;
+  /* Pointer cursor on hover */
+}
+
+/* Hamburger Menu Styles */
+.hamburger {
+  display: none;
+  /* Hide on larger screens */
+}
+
+/* Toggle Theme Container */
+.toggle-container {
+  display: flex;
+  align-items: center;
+  /* Center vertically */
 }
\ No newline at end of file
diff --git a/topdeals/topdeals.html b/topdeals/topdeals.html
index 3714bf76..a3a6e7a2 100644
--- a/topdeals/topdeals.html
+++ b/topdeals/topdeals.html
@@ -5,7 +5,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
     <link rel="icon" type="image/x-icon" href="favicon.ico"/>
-
+    <link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" />
     <title>Top Deals</title>
     <link rel="stylesheet" href="../styles.css">
     <style>
@@ -168,240 +168,74 @@
     font-family: Arial, sans-serif;
 }
 
-.nav-container {
-    height: auto;
-    width: 100%;
-    display: flex;
-    justify-content: flex-start;
-    align-items: center;
-    position: fixed;
-    top: 0;
-    left: 0;
-    z-index: 9999;
-    background-color: #0a1e3f;
-    padding: 1rem 1rem; 
-}
-
-.newNav {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    width: 100%;
-}
-
-.logo-container {
-    display: flex;
-    align-items: center;
-}
-
-.sitelogo {
-    width: 40px;
-    height: auto;
-}
-
-.nav__logo {
-    color: #ffffff;
-    text-decoration: none;
-    font-size: 24px;
-    margin-left: 10px;
-}
-
-.navLinks {
-    display: flex;
-    list-style: none;
-    padding: 0;
-    gap: 1.2rem;
-    white-space: nowrap; 
-}
-
-.navLinks .link {
-    position: relative;
-}
-
-.navLinks a {
-    color: #ffffff;
-    text-decoration: none;
-    padding: 10px 15px;
-    transition: background-color 0.3s ease, color 0.3s ease;
-}
-
-.navLinks a:hover {
-    background-color: rgba(238, 130, 238, 0.8);
-    color: #ff6347;
-}
-
-.active {
-    color: red !important;
-}
-
-.dropdown-menu {
-    display: none;
-    position: absolute;
-    top: 100%;
-    background-color: #1f2532;
-    z-index: 999;
-    padding: 10px;
-}
-
-.dropdown:hover .dropdown-menu {
-    display: block;
-}
-
-.btn {
-    background-color: #ff6347;
-    color: white;
-    border: none;
-    padding: 10px 15px;
-    cursor: pointer;
-    border-radius: 40px;
-    transition: background-color 0.3s ease;
-}
-
-.btn:hover {
-    background-color: #ff4500;
-}
-
-.hamburger {
-    display: none;
-}
-
-.line {
-    height: 3px;
-    width: 25px;
-    background-color: white;
-    margin: 4px 0;
-}
-
-@media (max-width: 768px) {
-    .navLinks {
-        display: none;
-        flex-direction: column;
-        width: 100%;
-        position: absolute;
-        top: 60px;
-        left: 0;
-        background-color: #0a1e3f;
-    }
 
-    .navLinks.active {
-        display: flex;
-    }
-
-    .hamburger {
-        display: block;
-    }
-}
 
     </style>
      
 </head>
 <body>
     <!-- adding nav bar -->
-    <div class="nav-container" id="top">
-        <nav class="newNav">
-            <div class="logo-container">
-                <img src="/favicon.ico" class="sitelogo" alt="Site Logo">
-                <a href="/index.html" 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"><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>
-      
-              <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">
-            </div>
-            <div class="hamburger">
-                <div class="line"></div>
-                <div class="line"></div>
-                <div class="line"></div>
-            </div>
-        </nav>
-    </div>    
-    
-
-    <div class="nav-container" id="top" style="margin-bottom: 10rem;">
-        <nav class="newNav">
-          <div style="display: flex; flex-direction: row; align-items: center;">
-          <img src="/favicon.ico" class="sitelogo">
-          
+    <nav class="newNav" style="">
+        <div style="display: flex; align-items: center;">
+          <img src="favicon.ico" class="sitelogo">
           <a href="#" class="nav__logo" data-aos="fade-right">Tourguide<span>.</span></a>
-        </div>
+       </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">
-                    <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="../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 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="/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="../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>
-          <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="contact-btns">
+          <a href="newLogin.html" class="contact-btn" id="nav-login-btn">
+            <button class="btn login" id="btn-style" data-aos="fade-down">Login/<br>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>
   
-          <!-- <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> -->
+        <div class="toggle-container" data-aos="fade-down" style="margin-right: 28px;">
+          <input id="themeToggle" class="toggle" type="checkbox">
+        </div>
   
-          <div class="toggle-container" data-aos="fade-down">
-            <input id="themeToggle" class="toggle" type="checkbox">
-          </div>
-          <div class="hamburger" data-aos="fade-down">
-            <div class="line"></div>
-            <div class="line"></div>
-            <div class="line"></div>
-          </div>
-        </nav>
-      </div>
+        <div class="hamburger" id="hamburger" data-aos="fade-down">
+          <div class="line" style="margin-bottom: 5px;"></div>
+          <div class="line" style="margin-bottom: 5px;"></div>
+          <div class="line" style="margin-bottom: 5px;"></div>
+          <div class="line" style="margin-bottom: 5px;"></div>
+        </div>
+      </nav>
+
+
+    
 
 
 
 
-    <div class="container" style="margin-top: 8rem;">
+
+    <div class="container" style="">
         <div class="header">
             <br><br><br><br>
            <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>
@@ -554,5 +388,16 @@ <h2>Elite Enclave</h2>
             </div>
         </div>
     </div>
+    <style>
+        
+/* newNavbar styling */
+
+
+    </style>
+    
+<script src="https://unpkg.com/aos@next/dist/aos.js"></script>
+<script>
+    AOS.init();
+</script>
 </body>
 </html>
