diff --git a/index.html b/index.html
index 3d45a818..064ab27e 100644
--- a/index.html
+++ b/index.html
@@ -305,6 +305,35 @@ <h3>
 
     <script src="script.js"></script>
     <header class="main-head">
+
+      <div class="logo">
+        <img src="img/logo.png" id="logo-web">
+        <h1 id="logo"><a href="#home">BuddyTrail</a></h1>
+      </div>
+      <nav>
+        <ul id="nav-list">
+          <!-- Close button for dropdown -->
+          <span class="dropdown-close-btn" id="closeBtn">×</span>
+          <li><a href="#home" class="navhover">Home</a></li>
+          <li><a href="team.html" class="navhover">Team</a></li>
+          <li><a href="#deals" class="navhover">Exclusive Deals</a></li>
+          <li><a href="#benefits" class="navhover">Benefits</a></li>
+          <li><a href="about.html" class="navhover">About</a></li>
+          <li><a href="#itineraries" class="navhover">Travel Itineraries</a></li>
+          <li><a href="./contact.html" class="navhover">Contact</a></li>
+          <li><a href="#reviews" class="navhover">Reviews</a></li>
+          <li><a href="auth.html" class="navhover">Sign In</a></li>
+          <li><a href="faq.html" class="navhover">FAQ</a></li>
+        </ul>
+      </nav>
+      <!-- Toggle Button -->
+      <div class="toggle">
+        <button class="mode-toggle" id="modeToggle">
+          <span class="sun-icon glow"><img src="day-mode.png" alt="Light mode"></span>
+          <span class="moon-icon glow" style="display: none;"><img src="moon.png" alt="Dark mode"></span>
+        </button>
+      </div>
+
   <nav>
     <div class="logo">
       <img src="img/logo.png" id="logo-web">
@@ -327,6 +356,7 @@ <h1 id="logo"><a href="#home">BuddyTrail</a></h1>
       <li><a href="./contact.html" class="navhover">Contact</a></li>
       <li><a href="#reviews" class="navhover">Reviews</a></li>
       <li><a href="auth.html" class="navhover">Sign In</a></li>
+      <li><a href="faq.html" class="navhover">FAQ</a></li>
      
     </ul>
 
@@ -338,6 +368,7 @@ <h1 id="logo"><a href="#home">BuddyTrail</a></h1>
   </nav>
 </header>
 
+
       <!-- Hamburger button for mobile -->
       <button class="hamburger" id="hamburger">☰</button>
     </header>