fix: consistency in header navbar and footer

Author: devanshi14malhotra

frontend/pages/nearby-bookstores.html

@@ -152,18 +152,6 @@ <h1 class="bookstores-heading">
 
     </main>
 
-    <!-- =========================
-         Footer
-    ========================== -->
-
-    <footer class="footer">
-
-        <p>
-            © 2026 BiblioDrift. All rights reserved.
-        </p>
-
-    </footer>
-
     <!-- =========================
          Leaflet JS
     ========================== -->
@@ -176,6 +164,7 @@ <h1 class="bookstores-heading">
     <script src="../js/app.js"></script>
     <script src="../js/theme-manager.js"></script>
     <script src="../js/ambient.js"></script>
+    <script src="../js/footer.js"></script>
     <script src="../js/nearby-bookstores.js"></script>
 
       <div id="pwa-install-banner" role="banner" aria-label="Install BiblioDrift app" class="pwa-banner-visible">

frontend/pages/terms-and-conditions.html

@@ -55,6 +55,14 @@
           <a href="library.html" >My Library</a>
           <span class="tooltip-text"><i class="fa-solid fa-book"></i> My Library</span>
         </div>
+        <div class="tooltip">
+           <a href="community-stories.html">Community</a>
+           <span class="tooltip-text"><i class="fa-solid fa-pen-nib"></i> Community Stories</span>
+        </div>
+        <div class="tooltip">
+          <a href="nearby-bookstores.html">Nearby Bookstores</a>
+          <span class="tooltip-text"><i class="fa-solid fa-location-dot"></i>Find bookstores near you</span>
+        </div>
         <div class="tooltip">
           <a href="chat.html" >Chat</a>
           <span class="tooltip-text"><i class="fa-solid fa-comments"></i> Chat</span>

frontend/pages/vault.html

@@ -501,7 +501,7 @@
       border: 1px dashed var(--border-color);
     }
   </style>
-    <link rel="stylesheet" href="../css/pwa.css">
+    <link rel="stylesheet" href="../css/pwa.css">
 </head>
 
 <body>
@@ -531,6 +531,10 @@
            <a href="community-stories.html">Community</a>
            <span class="tooltip-text"><i class="fa-solid fa-pen-nib"></i> Community Stories</span>
         </div>
+        <div class="tooltip">
+          <a href="nearby-bookstores.html">Nearby Bookstores</a>
+          <span class="tooltip-text"><i class="fa-solid fa-location-dot"></i>Find bookstores near you</span>
+        </div>
 
         <div class="tooltip">
           <a href="chat.html" >Chat</a>