diff --git a/about.css b/about.css
index 04a04575..40ac5772 100644
--- a/about.css
+++ b/about.css
@@ -40,6 +40,7 @@ body, html {
 
 header {
     margin-bottom: 30px;
+    background: transparent;
 }
 
 .heading {
@@ -182,4 +183,6 @@ header {
         font-size: 1rem;
         padding: 12px 25px;
     }
-}
\ No newline at end of file
+}
+
+/* */
\ No newline at end of file
diff --git a/about.html b/about.html
index 1acf2a2c..9edc8e07 100644
--- a/about.html
+++ b/about.html
@@ -6,9 +6,65 @@
     <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="styles.css" />
     <link rel="stylesheet" href="about.css">
+    
 </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">
+          
+          <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>
+  
+          <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> -->
+  
+          <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="background">
         <video autoplay muted loop playsinline>
             <source src="./about.mp4" type="video/mp4">
diff --git a/packages.html b/packages.html
index 6f9aef35..ef434853 100644
--- a/packages.html
+++ b/packages.html
@@ -406,37 +406,58 @@
     </video>
     <div class="video-overlay"></div>
     <header>
-        <nav>
-            <div class="container">
-                <a href="#" class="nav__logo">
-                    <img src="logo.png" alt="Logo" class="sitelogo" />
-                    Trip & Hotel Packages
-                </a>
-                <div class="navigationbar_package">
-                    <ul>
-                        <li class="link"><a href="#">Home</a></li>
-                        <li class="link"><a href="#">About Us</a></li>
-                        <li class="link dropdown">
-                            <a href="#">Packages</a>
-                            <ul class="dropdown-menu">
-                                <li><a href="#">Package 1</a></li>
-                                <li><a href="#">Package 2</a></li>
-                                <li><a href="#">Package 3</a></li>
-                            </ul>
-                        </li>
-                        <li class="link"><a href="#">Contact</a></li>
-                    </ul>
-                </div>
-                <div class="toggle-container">
-                    <button id="themeToggle" class="btn">Toggle Theme</button>
-                </div>
-                <div class="hamburger">
-                    <div class="line"></div>
-                    <div class="line"></div>
-                    <div class="line"></div>
-                </div>
+        <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">
+              
+              <a href="#" class="nav__logo" data-aos="fade-right">Tourguide<span>.</span></a>
             </div>
-        </nav>
+      
+              <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>
+      
+              <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> -->
+      
+              <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>
+    
     </header>
     <main class="main-content">
         <section class="hotel-packages">
diff --git a/topdeals/topdeals.html b/topdeals/topdeals.html
index 2d415bdd..562395a0 100644
--- a/topdeals/topdeals.html
+++ b/topdeals/topdeals.html
@@ -3,8 +3,9 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  
+   
     <title>Top Deals</title>
+    <link rel="stylesheet" href="../styles.css">
     <style>
 
 
@@ -97,10 +98,67 @@
             background-color: #ff787d;
         }
     </style>
+     
 </head>
 <body>
     
-    <div class="container">
+
+    <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">
+          
+          <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="#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>
+  
+          <!-- <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">
+            <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="container" style="margin-top: 8rem;">
         <div class="header">
             <h1>Top deals</h1>
             <p>"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>
