diff --git a/test-blog.html b/test-blog.html
index c3ebffdc..1e4db2fd 100644
--- a/test-blog.html
+++ b/test-blog.html
@@ -1,5 +1,6 @@
 <!DOCTYPE html>
 <html lang="en">
+
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
@@ -75,14 +76,218 @@
         .modal-favorite-btn.active {
             color: #e74c3c;
         }
+
+        .back-home {
+            text-align: center;
+            margin: 2rem 0;
+        }
+
+        .back-home {
+            margin-right: auto;
+        }
+
+        .btn-home {
+            display: inline-block;
+            padding: 8px 16px;
+            background: var(--accent);
+            color: #ffffff !important;
+            font-weight: 600;
+            border-radius: 999px;
+            text-decoration: none;
+            font-size: 0.9rem;
+            line-height: 1;
+            transition: background 0.3s ease, transform 0.2s ease;
+        }
+
+        .btn-home:hover {
+            background: #16a34a;
+            color: #ffffff !important;
+            transform: translateY(-2px);
+        }
+
+        .back-home a.btn-home {
+            display: inline-block;
+            padding: 8px 16px;
+            background: #22c55e;
+            color: #ffffff !important;
+            font-weight: 600;
+            border-radius: 999px;
+            text-decoration: none;
+            font-size: 0.9rem;
+            line-height: 1;
+            transition: background 0.3s ease, transform 0.2s ease;
+        }
+
+        .back-home a.btn-home:hover {
+            background: #16a34a;
+            color: #ffffff !important;
+            transform: translateY(-2px);
+        }
+
+         /* FOOTER */
+    .site-footer {
+      background: var(--surface-color);
+      color: var(--text-color);
+      position: relative;
+      font-size: 0.95rem;
+      border-top: 1px solid var(--border-color);
+    }
+
+    .footer-top-accent {
+      height: 4px;
+      background: linear-gradient(90deg, #16a34a, #22c55e);
+    }
+
+    .footer-inner-content {
+      max-width: 1200px;
+      margin: auto;
+      padding: 3rem 1.5rem;
+      display: flex;
+      justify-content: space-between;
+      gap: 3rem;
+      flex-wrap: wrap;
+    }
+
+    .footer-brand {
+      flex: 1 1 280px;
+    }
+
+    .brand-header {
+      display: flex;
+      align-items: center;
+      gap: 0.6rem;
+    }
+
+    .brand-logo {
+      width: 42px;
+    }
+
+    .footer-brand h3 {
+      color: var(--accent-color);
+      font-size: 1.3rem;
+    }
+
+   .serif{
+  font-size: 3.5rem;
+  font-weight: 700;
+  font-family: "Noto Sans", sans-serif;
+  margin-bottom: 1rem;
+
+  background-image: url("assets/bg.png");
+  background-size: 200% auto;
+  background-position: 0% 50;
+  background-repeat: no-repeat;
+
+  -webkit-background-clip: text;
+  background-clip: text;
+  color: transparent;
+
+  animation: animate 20s linear infinite;
+}
+@keyframes animate {
+  0% {
+    background-position: 0% 50%;
+  }
+  50% {
+    background-position: 100% 50%;
+  }
+  100% {
+    background-position: 0% 50%;
+  }
+}
+
+    .social-icons {
+      display: flex;
+      gap: 0.7rem;
+    }
+
+    .social-icons a {
+      width: 36px;
+      height: 36px;
+      background: #e6f4ea;
+      display: grid;
+      place-items: center;
+      border-radius: 50%;
+      color: #15803d;
+      transition: all 0.25s ease;
+    }
+
+    .social-icons a:hover {
+      background: #22c55e;
+      color: #fff;
+    }
+
+    .footer-group-links {
+      display: flex;
+      gap: 3rem;
+      flex: 1 1 320px;
+    }
+
+    .footer-section h4 {
+      color: var(--accent-color);
+      margin-bottom: 0.9rem;
+      font-size: 1rem;
+    }
+
+    .footer-section ul {
+      list-style: none;
+      padding: 0;
+      margin: 0;
+    }
+
+    .footer-section ul li {
+      margin-bottom: 0.6rem;
+    }
+
+    .footer-section ul a {
+      color: var(--text-muted);
+      text-decoration: none;
+      display: flex;
+      align-items: center;
+      gap: 0.5rem;
+      transition: color 0.25s ease;
+    }
+
+    .footer-section ul a:hover {
+      color: var(--accent-color);
+    }
+
+    .footer-bottom {
+      text-align: center;
+      padding: 1rem;
+      background: var(--section-bg);
+      color: var(--text-muted);
+      font-size: 0.85rem;
+    }
+
+    .sparkle {
+  position: fixed;
+  width: 12px;
+  height: 12px;
+  background: radial-gradient(circle, #22c55e 0%, transparent 70%);
+  border-radius: 50%;
+  pointer-events: none;
+  animation: fadeSparkle 0.6s forwards;
+  z-index: 9999;
+}
+
+@keyframes fadeSparkle {
+  from { opacity: 1; transform: scale(1); }
+  to { opacity: 0; transform: scale(0.5); }
+}
+
     </style>
 </head>
+
 <body>
     <section class="agritech-blog">
         <div class="blog-container">
             <!-- Blog Header with Favorites -->
             <div class="blog-header">
                 <div class="header-actions">
+                    <div class="back-home">
+                        <a href="index.html" class="btn-home">⬅ Back to Home</a>
+                    </div>
                     <button class="theme-toggle" id="themeToggle">
                         <span id="themeIcon">🌙</span>
                         <span id="themeText">Dark Mode</span>
@@ -92,15 +297,17 @@
                         <span>My Favorites</span>
                         <span class="favorite-count">0</span>
                     </a>
+
                 </div>
                 <h1 class="blog-title">🌱 AgriTech Blog — Farming Tips & Insights</h1>
-                <p class="blog-subtitle">Stay updated with the latest in agriculture, technology, and sustainability.</p>
+                <p class="blog-subtitle">Stay updated with the latest in agriculture, technology, and sustainability.
+                </p>
             </div>
 
             <!-- Rest of your content... -->
             <div class="search-filter-section">
                 <input type="text" class="search-bar" placeholder="Search blog posts..." id="searchInput">
-                
+
                 <div class="category-filters">
                     <button class="filter-btn active" data-category="all">All Posts</button>
                     <button class="filter-btn" data-category="farming-tips">Farming Tips</button>
@@ -139,6 +346,77 @@ <h2 class="modal-title" id="modalTitle"></h2>
         </div>
     </div>
 
+     <footer class="site-footer tech-dark-theme final-match">
+    <div class="footer-top-accent"></div>
+
+    <div class="footer-inner-content">
+      <div class="footer-section footer-brand">
+        <div class="brand-header">
+          <img src="images/logo.png" alt="AgriTech logo" class="brand-logo" />
+          <h3>AgriTech</h3>
+        </div>
+
+        <p class="tagline">
+          Empowering India's Farming Future with innovative technology
+          connecting every stakeholder.
+        </p>
+
+        <div class="social-icons">
+          <a href="#" aria-label="Facebook"><i class="fab fa-facebook-f"></i></a>
+          <a href="#" aria-label="LinkedIn"><i class="fab fa-linkedin-in"></i></a>
+          <a href="#" aria-label="Instagram"><i class="fab fa-instagram"></i></a>
+        </div>
+      </div>
+
+
+      <div class="footer-group-links">
+        <div class="footer-section footer-links">
+          <h4>Quick Links</h4>
+          <ul>
+            <li>
+              <a href="index.html"><i class="fas fa-home"></i> Home</a>
+            </li>
+            <li>
+              <a href="login.html"><i class="fas fa-tachometer-alt"></i> Dashboard</a>
+            </li>
+            <li>
+              <a href="feed-back.html"><i class="fas fa-comment-dots"></i> Feedback</a>
+            </li>
+            <li>
+              <a href="chat.html"><i class="fas fa-robot"></i> AI Assistant</a>
+            </li>
+            <li>
+              <a href="terms-and-service.html"><i class="fas fa-file-contract"></i> Terms & Service</a>
+            </li>
+          </ul>
+        </div>
+
+        <div class="footer-section footer-contact">
+          <h4>Contact</h4>
+          <ul>
+            <li>
+              <a href="mailto:contact@agritech.com">
+                <i class="fas fa-envelope"></i> contact@agritech.com
+              </a>
+            </li>
+            <li>
+              <a href="tel:+910000000000">
+                <i class="fas fa-phone"></i> +91 00000 00000
+              </a>
+            </li>
+          </ul>
+        </div>
+      </div>
+    </div>
+
+    <div class="footer-bottom">
+      <p>© <span id="current-year"></span> AgriTech. All rights reserved.</p>
+    </div>
+
+    <div class="footer-wave-overlay"></div>
+  </footer>
+
+
     <!-- Include favorites.js directly -->
     <script>
         // Simple Favorites Manager
@@ -159,14 +437,14 @@ <h2 class="modal-title" id="modalTitle"></h2>
                 blogData.addedAt = new Date().toISOString();
                 this.favorites.push(blogData);
                 localStorage.setItem(this.storageKey, JSON.stringify(this.favorites));
-                
+
                 // Show notification
                 const notification = document.createElement('div');
                 notification.textContent = `Added to favorites: ${blogData.title}`;
                 notification.style.cssText = 'position:fixed;top:20px;right:20px;background:#2c5f2d;color:white;padding:10px;border-radius:5px;z-index:10000;';
                 document.body.appendChild(notification);
                 setTimeout(() => notification.remove(), 2000);
-                
+
                 return true;
             }
 
@@ -201,7 +479,7 @@ <h2 class="modal-title" id="modalTitle"></h2>
             },
             {
                 id: 'ai-agriculture-revolution',
-                title: "AI in Agriculture: The Next Revolution", 
+                title: "AI in Agriculture: The Next Revolution",
                 category: "technology",
                 description: "How AI is transforming farming.",
                 image: "https://images.unsplash.com/photo-1555255707-c07966088b7b?w=400&h=250&fit=crop",
@@ -211,7 +489,7 @@ <h2 class="modal-title" id="modalTitle"></h2>
             }
         ];
 
-        document.addEventListener('DOMContentLoaded', function() {
+        document.addEventListener('DOMContentLoaded', function () {
             console.log('Blog loaded!');
             displayPosts();
             setupEventListeners();
@@ -221,7 +499,7 @@ <h2 class="modal-title" id="modalTitle"></h2>
         function displayPosts() {
             const blogGrid = document.getElementById('blogGrid');
             blogGrid.innerHTML = '';
-            
+
             blogPosts.forEach(post => {
                 const isFavorite = window.favoritesManager.isFavorite(post.id);
                 const postElement = document.createElement('div');
@@ -244,7 +522,7 @@ <h3 class="card-title">${post.title}</h3>
 
         function setupEventListeners() {
             // Favorite buttons
-            document.addEventListener('click', function(e) {
+            document.addEventListener('click', function (e) {
                 if (e.target.closest('.favorite-btn')) {
                     const button = e.target.closest('.favorite-btn');
                     const blogId = button.getAttribute('data-blog-id');
@@ -261,7 +539,7 @@ <h3 class="card-title">${post.title}</h3>
             if (!post) return;
 
             const isFavorite = window.favoritesManager.isFavorite(blogId);
-            
+
             if (isFavorite) {
                 window.favoritesManager.removeFromFavorites(blogId);
             } else {
@@ -305,73 +583,90 @@ <h3 class="card-title">${post.title}</h3>
         }
 
         // Close modal
-        document.querySelector('.close').addEventListener('click', function() {
+        document.querySelector('.close').addEventListener('click', function () {
             document.getElementById('blogModal').style.display = 'none';
         });
+
+        document.addEventListener("mousemove", (e) => {
+  const sparkle = document.createElement("div");
+  sparkle.className = "sparkle";
+  sparkle.style.left = `${e.pageX - 6}px`;
+  sparkle.style.top = `${e.pageY - 6}px`;
+
+  document.body.appendChild(sparkle);
+
+  setTimeout(() => {
+    sparkle.remove();
+  }, 600);
+});
+
     </script>
     <script src="theme.js"></script>
     <!-- ===== Universal Back To Top Button (All Pages) ===== -->
-<style>
-  #globalBackToTop {
-    position: fixed;
-    bottom: 90px; /* prevents overlap with chatbot/floating icons */
-    right: 25px;
-    z-index: 9999;
-    display: none;
-    background: #2ecc71;
-    color: #ffffff;
-    border: none;
-    border-radius: 50%;
-    width: 52px;
-    height: 52px;
-    font-size: 22px;
-    font-weight: bold;
-    cursor: pointer;
-    box-shadow: 0 6px 16px rgba(0,0,0,0.25);
-    transition: opacity 0.3s ease, transform 0.2s ease;
-  }
+    <style>
+        #globalBackToTop {
+            position: fixed;
+            bottom: 90px;
+            /* prevents overlap with chatbot/floating icons */
+            right: 25px;
+            z-index: 9999;
+            display: none;
+            background: #2ecc71;
+            color: #ffffff;
+            border: none;
+            border-radius: 50%;
+            width: 52px;
+            height: 52px;
+            font-size: 22px;
+            font-weight: bold;
+            cursor: pointer;
+            box-shadow: 0 6px 16px rgba(0, 0, 0, 0.25);
+            transition: opacity 0.3s ease, transform 0.2s ease;
+        }
 
-  #globalBackToTop:hover {
-    transform: scale(1.12);
-    background: #27ae60;
-  }
+        #globalBackToTop:hover {
+            transform: scale(1.12);
+            background: #27ae60;
+        }
 
-  @media (max-width: 768px) {
-    #globalBackToTop {
-      bottom: 100px; /* better spacing on mobile */
-      right: 18px;
-      width: 48px;
-      height: 48px;
-      font-size: 20px;
-    }
-  }
-</style>
-
-<button id="globalBackToTop" title="Back to Top">↑</button>
-
-<script>
-  (function () {
-    const btn = document.getElementById("globalBackToTop");
-
-    // Show button after scrolling down
-    window.addEventListener("scroll", function () {
-      if (window.scrollY > 300) {
-        btn.style.display = "block";
-      } else {
-        btn.style.display = "none";
-      }
-    });
-
-    // Smooth scroll to top on click
-    btn.addEventListener("click", function () {
-      window.scrollTo({
-        top: 0,
-        behavior: "smooth"
-      });
-    });
-  })();
-</script>
-<!-- ===== End Back To Top Button ===== -->
+        @media (max-width: 768px) {
+            #globalBackToTop {
+                bottom: 100px;
+                /* better spacing on mobile */
+                right: 18px;
+                width: 48px;
+                height: 48px;
+                font-size: 20px;
+            }
+        }
+    </style>
+
+    <button id="globalBackToTop" title="Back to Top">↑</button>
+
+    <script>
+        (function () {
+            const btn = document.getElementById("globalBackToTop");
+
+            // Show button after scrolling down
+            window.addEventListener("scroll", function () {
+                if (window.scrollY > 300) {
+                    btn.style.display = "block";
+                } else {
+                    btn.style.display = "none";
+                }
+            });
+
+            // Smooth scroll to top on click
+            btn.addEventListener("click", function () {
+                window.scrollTo({
+                    top: 0,
+                    behavior: "smooth"
+                });
+            });
+        })();
+    </script>
+    <!-- ===== End Back To Top Button ===== -->
 
 </body>
+
 </html>
\ No newline at end of file
diff --git a/warehouse_control.html b/warehouse_control.html
index c0d714b7..530002eb 100644
--- a/warehouse_control.html
+++ b/warehouse_control.html
@@ -5,7 +5,8 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Warehouse Control Center | AgriTech</title>
-    <meta name="description" content="Warehouse Control Center dashboard for real-time inventory tracking, stock management, expiry alerts, and automated reconciliation.">
+    <meta name="description"
+        content="Warehouse Control Center dashboard for real-time inventory tracking, stock management, expiry alerts, and automated reconciliation.">
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
     <link href="https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;700&display=swap" rel="stylesheet">
     <style>
@@ -156,71 +157,322 @@
             border-radius: 0 12px 12px 0;
             margin-bottom: 1rem;
         }
+
         /* Summary boxes: stack neatly on mobile */
-.summary-boxes {
-  display: flex;
-  gap: 1rem;
-  flex-wrap: wrap;
-}
-
-/* Stats grid: stack boxes on mobile */
-@media (max-width: 768px) {
-  .stats-grid {
-    grid-template-columns: 1fr; /* single column */
-  }
-
-  .stat-box {
-    width: 100%;
-  }
-}
-
-/* Content layout: stack inventory + alerts vertically */
-@media (max-width: 1024px) {
-  .content-layout {
-    grid-template-columns: 1fr; /* single column */
-  }
-
-  .card {
-    width: 100%;
-  }
-}
-
-/* Inventory table: scrollable on small screens */
-@media (max-width: 768px) {
-  .inventory-table {
-    display: block;
-    overflow-x: auto;
-    white-space: nowrap;
-  }
-
-  .inventory-table th,
-  .inventory-table td {
-    min-width: 120px; /* prevent squish */
-  }
-}
-
-/* Header buttons: stack neatly on mobile */
-@media (max-width: 768px) {
-  .header {
-    flex-direction: column;
-    align-items: flex-start;
-    gap: 1rem;
-  }
-
-  .header h1 {
-    font-size: 1.5rem;
-  }
-
-  .header div button {
-    width: 100%;
-  }
-}
+        .summary-boxes {
+            display: flex;
+            gap: 1rem;
+            flex-wrap: wrap;
+        }
+
+        /* Stats grid: stack boxes on mobile */
+        @media (max-width: 768px) {
+            .stats-grid {
+                grid-template-columns: 1fr;
+                /* single column */
+            }
+
+            .stat-box {
+                width: 100%;
+            }
+        }
+
+        /* Content layout: stack inventory + alerts vertically */
+        @media (max-width: 1024px) {
+            .content-layout {
+                grid-template-columns: 1fr;
+                /* single column */
+            }
+
+            .card {
+                width: 100%;
+            }
+        }
+
+        /* Inventory table: scrollable on small screens */
+        @media (max-width: 768px) {
+            .inventory-table {
+                display: block;
+                overflow-x: auto;
+                white-space: nowrap;
+            }
+
+            .inventory-table th,
+            .inventory-table td {
+                min-width: 120px;
+                /* prevent squish */
+            }
+        }
+
+        /* Header buttons: stack neatly on mobile */
+        @media (max-width: 768px) {
+            .header {
+                flex-direction: column;
+                align-items: flex-start;
+                gap: 1rem;
+            }
+
+            .header h1 {
+                font-size: 1.5rem;
+            }
+
+            .header div button {
+                width: 100%;
+            }
+        }
+
+        .navbar {
+            background: var(--primary);
+            color: #fff;
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            padding: 0.75rem 2rem;
+            box-shadow: var(--shadow);
+            position: sticky;
+            top: 0;
+            z-index: 1000;
+        }
+
+        .nav-logo img {
+            height: 40px;
+            /* adjust size */
+            width: auto;
+            display: block;
+        }
+
+        .nav-links {
+            list-style: none;
+            display: flex;
+            gap: 1.5rem;
+            margin: 0;
+            padding: 0;
+        }
+
+        .nav-links li a {
+            color: #fff;
+            text-decoration: none;
+            font-weight: 500;
+            transition: color 0.3s ease;
+        }
+
+        .nav-links li a:hover {
+            color: var(--accent);
+        }
+
+        .logo {
+            display: flex;
+            align-items: center;
+            gap: 0.5rem;
+            text-decoration: none;
+        }
+
+        .logo img {
+            height: 40px;
+            width: auto;
+            display: block;
+        }
+
+        .logo-text {
+            font-weight: 700;
+            font-size: 1.2rem;
+            color: var(--accent);
+            
+        }
+
+        .site-footer.final-match {
+            background-color: var(--dark-bg);
+            color: var(--link-color);
+            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
+            padding: 0;
+            position: relative;
+            overflow: hidden;
+        }
+
+        .footer-top-accent {
+            height: 5px;
+            background: linear-gradient(to right, #059669, var(--primary-green), #06b6d4);
+            width: 100%;
+            position: relative;
+            z-index: 3;
+        }
+
+        .footer-wave-overlay {
+            position: absolute;
+            top: 0;
+            left: 0;
+            width: 100%;
+            height: 100%;
+            background:
+                repeating-linear-gradient(0deg, transparent 0, transparent 29px, var(--grid-line-color) 30px),
+                repeating-linear-gradient(90deg, transparent 0, transparent 29px, var(--grid-line-color) 30px);
+            background-size: 30px 30px;
+            opacity: 0.8;
+            z-index: 1;
+            mask-image: radial-gradient(ellipse 70% 50% at 50% 50%, #000 70%, transparent 100%);
+            -webkit-mask-image: radial-gradient(ellipse 70% 50% at 50% 50%, #000 70%, transparent 100%);
+        }
+
+        .footer-inner-content,
+        .footer-bottom {
+            position: relative;
+            z-index: 2;
+        }
+
+        .footer-brand {
+            flex: 0 0 40%;
+            min-width: 300px;
+        }
+
+        .brand-logo {
+            width: 30px;
+            height: 30px;
+            margin-right: 10px;
+        }
+
+        .site-footer h3 {
+            color: var(--primary-green);
+            font-size: 20px;
+            font-weight: 700;
+        }
+
+        .brand-header {
+            display: flex;
+            align-items: center;
+            margin-bottom: 15px;
+        }
+
+        .footer-inner-content {
+            display: flex;
+            justify-content: space-between;
+            max-width: 1200px;
+            margin: 0 auto;
+            padding: 50px 30px;
+            border-bottom: 1px solid var(--border-color);
+        }
+
+        .footer-section {
+            padding: 0 15px;
+            margin-bottom: 30px;
+        }
+
+        .footer-group-links {
+            flex: 0 0 50%;
+            display: flex;
+            justify-content: space-between;
+        }
+
+        .footer-links {
+            flex: 1;
+            margin-right: 40px;
+        }
+
+        .footer-contact {
+            flex: 1;
+        }
+
+        .site-footer h4 {
+            color: var(--link-hover-color);
+            font-size: 16px;
+            font-weight: 600;
+            margin-bottom: 25px;
+            border-bottom: 2px solid var(--primary-green);
+            padding-bottom: 5px;
+            width: fit-content;
+        }
 
+        .site-footer a {
+            color: var(--link-color);
+            text-decoration: none;
+            font-size: 15px;
+            display: flex;
+            align-items: center;
+            padding: 5px 0;
+            transition: color 0.3s, transform 0.3s;
+        }
+
+        .site-footer a:hover {
+            color: var(--primary-green);
+            transform: translateX(4px);
+        }
+
+        .site-footer i {
+            margin-right: 12px;
+            width: 18px;
+            color: var(--primary-green);
+            text-align: center;
+            font-size: 16px;
+        }
+
+
+        .social-icons {
+            margin-top: 25px;
+            display: flex;
+            flex-direction: row;
+            gap: 20px;
+        }
+
+        .social-icons a {
+
+            color: var(--link-color);
+            font-size: 18px;
+            transition: color 0.3s, transform 0.3s;
+            padding: 0;
+            width: auto;
+            display: block;
+        }
+
+        .social-icons a:hover {
+            color: var(--primary-green);
+            transform: scale(1.1);
+        }
+
+        .social-icons i {
+
+            color: var(--link-color);
+            width: auto;
+            margin: 0;
+            font-size: 18px;
+        }
+
+        .social-icons a:hover i {
+            color: var(--primary-green);
+        }
+
+        /* 7. Footer Bottom (Copyright) */
+        .footer-bottom {
+            padding: 20px 30px;
+            text-align: center;
+            font-size: 13px;
+            opacity: 0.8;
+            max-width: 1200px;
+            margin: 0 auto;
+        }
     </style>
 </head>
 
 <body>
 
+    <nav class="navbar">
+
+        <a href="index.html" class="logo">
+            <img src="images/logo.png" alt="AgriTech Logo">
+            <span class="logo-text">AgriTech</span>
+        </a>
+
+        <ul class="nav-links">
+            <li>
+                <a href="index.html">Home</a>
+            </li>
+            <li>
+                <a href="about.html">About</a>
+            </li>
+            <li>
+                <a href="blog.html">Blog</a>
+            </li>
+        </ul>
+    </nav>
+
     <div class="control-panel">
         <header class="header">
             <div>
@@ -290,8 +542,79 @@ <h3>Expiry Alerts</h3>
         </div>
     </div>
 
+      <footer class="site-footer tech-dark-theme final-match">
+        <div class="footer-top-accent"></div>
+
+        <div class="footer-inner-content">
+            <div class="footer-section footer-brand">
+                <div class="brand-header">
+                    <img src="images/logo.png" alt="AgriTech logo" class="brand-logo" />
+                    <h3>AgriTech</h3>
+                </div>
+
+                <p class="tagline">
+                    Empowering India's Farming Future with innovative technology
+                    connecting every stakeholder.
+                </p>
+
+                <div class="social-icons">
+                    <a href="#" aria-label="Facebook"><i class="fab fa-facebook-f"></i></a>
+                    <a href="#" aria-label="Twitter"><i class="fab fa-x-twitter"></i></a>
+                    <a href="#" aria-label="LinkedIn"><i class="fab fa-linkedin-in"></i></a>
+                    <a href="#" aria-label="Instagram"><i class="fab fa-instagram"></i></a>
+                </div>
+            </div>
+
+
+            <div class="footer-group-links">
+                <div class="footer-section footer-links">
+                    <h4>Quick Links</h4>
+                    <ul>
+                        <li>
+                            <a href="index.html"><i class="fas fa-home"></i> Home</a>
+                        </li>
+                        <li>
+                            <a href="login.html"><i class="fas fa-tachometer-alt"></i> Dashboard</a>
+                        </li>
+                        <li>
+                            <a href="feed-back.html"><i class="fas fa-comment-dots"></i> Feedback</a>
+                        </li>
+                        <li>
+                            <a href="chat.html"><i class="fas fa-robot"></i> AI Assistant</a>
+                        </li>
+                        <li>
+                            <a href="terms-and-service.html"><i class="fas fa-file-contract"></i> Terms & Service</a>
+                        </li>
+                    </ul>
+                </div>
+
+                <div class="footer-section footer-contact">
+                    <h4>Contact</h4>
+                    <ul>
+                        <li>
+                            <a href="mailto:contact@agritech.com">
+                                <i class="fas fa-envelope"></i> contact@agritech.com
+                            </a>
+                        </li>
+                        <li>
+                            <a href="tel:+910000000000">
+                                <i class="fas fa-phone"></i> +91 00000 00000
+                            </a>
+                        </li>
+                    </ul>
+                </div>
+            </div>
+        </div>
+
+        <div class="footer-bottom">
+            <p>© <span id="current-year"></span> AgriTech. All rights reserved.</p>
+        </div>
+
+        <div class="footer-wave-overlay"></div>
+    </footer>
+
     <script defer src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
     <script defer src="warehouse_control.js"></script>
 </body>
 
-</html>
+</html>
\ No newline at end of file
diff --git a/weather_dashboard.html b/weather_dashboard.html
index 7ca18f20..35e8a817 100644
--- a/weather_dashboard.html
+++ b/weather_dashboard.html
@@ -166,11 +166,272 @@
                 grid-template-columns: 1fr;
             }
         }
+
+        .navbar {
+            background: var(--primary);
+            color: #fff;
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            padding: 0.75rem 2rem;
+            box-shadow: var(--shadow);
+            position: sticky;
+            top: 0;
+            z-index: 1000;
+        }
+
+        .nav-logo img {
+            height: 40px;
+            /* adjust size */
+            width: auto;
+            display: block;
+        }
+
+        .nav-links {
+            list-style: none;
+            display: flex;
+            gap: 1.5rem;
+            margin: 0;
+            padding: 0;
+        }
+
+        .nav-links li a {
+            color: #fff;
+            text-decoration: none;
+            font-weight: 500;
+            transition: color 0.3s ease;
+        }
+
+        .nav-links li a:hover {
+            color: var(--accent);
+        }
+
+        .logo {
+            display: flex;
+            align-items: center;
+            gap: 0.5rem;
+            text-decoration: none;
+        }
+
+        .logo img {
+            height: 40px;
+            width: auto;
+            display: block;
+        }
+
+        .logo-text {
+            font-weight: 700;
+            font-size: 1.2rem;
+            color: var(--accent);
+        }
+
+
+
+        /* Mobile responsive */
+        @media (max-width: 768px) {
+            .nav-links {
+                flex-direction: column;
+                background: var(--primary);
+                position: absolute;
+                top: 100%;
+                right: 0;
+                width: 200px;
+                padding: 1rem;
+                display: none;
+            }
+
+            .nav-links.show {
+                display: flex;
+            }
+        }
+
+        .site-footer.final-match {
+            background-color: var(--dark-bg);
+            color: var(--link-color);
+            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
+            padding: 0;
+            position: relative;
+            overflow: hidden;
+        }
+
+        .footer-top-accent {
+            height: 5px;
+            background: linear-gradient(to right, #059669, var(--primary-green), #06b6d4);
+            width: 100%;
+            position: relative;
+            z-index: 3;
+        }
+
+        .footer-wave-overlay {
+            position: absolute;
+            top: 0;
+            left: 0;
+            width: 100%;
+            height: 100%;
+            background:
+                repeating-linear-gradient(0deg, transparent 0, transparent 29px, var(--grid-line-color) 30px),
+                repeating-linear-gradient(90deg, transparent 0, transparent 29px, var(--grid-line-color) 30px);
+            background-size: 30px 30px;
+            opacity: 0.8;
+            z-index: 1;
+            mask-image: radial-gradient(ellipse 70% 50% at 50% 50%, #000 70%, transparent 100%);
+            -webkit-mask-image: radial-gradient(ellipse 70% 50% at 50% 50%, #000 70%, transparent 100%);
+        }
+
+        .footer-inner-content,
+        .footer-bottom {
+            position: relative;
+            z-index: 2;
+        }
+
+        .footer-brand {
+            flex: 0 0 40%;
+            min-width: 300px;
+        }
+
+        .brand-logo {
+            width: 30px;
+            height: 30px;
+            margin-right: 10px;
+        }
+
+        .site-footer h3 {
+            color: var(--primary-green);
+            font-size: 20px;
+            font-weight: 700;
+        }
+
+        .brand-header {
+            display: flex;
+            align-items: center;
+            margin-bottom: 15px;
+        }
+
+        .footer-inner-content {
+            display: flex;
+            justify-content: space-between;
+            max-width: 1200px;
+            margin: 0 auto;
+            padding: 50px 30px;
+            border-bottom: 1px solid var(--border-color);
+        }
+
+        .footer-section {
+            padding: 0 15px;
+            margin-bottom: 30px;
+        }
+
+        .footer-group-links {
+            flex: 0 0 50%;
+            display: flex;
+            justify-content: space-between;
+        }
+
+        .footer-links {
+            flex: 1;
+            margin-right: 40px;
+        }
+
+        .footer-contact {
+            flex: 1;
+        }
+
+        .site-footer h4 {
+            color: var(--link-hover-color);
+            font-size: 16px;
+            font-weight: 600;
+            margin-bottom: 25px;
+            border-bottom: 2px solid var(--primary-green);
+            padding-bottom: 5px;
+            width: fit-content;
+        }
+
+        .site-footer a {
+            color: var(--link-color);
+            text-decoration: none;
+            font-size: 15px;
+            display: flex;
+            align-items: center;
+            padding: 5px 0;
+            transition: color 0.3s, transform 0.3s;
+        }
+
+        .site-footer a:hover {
+            color: var(--primary-green);
+            transform: translateX(4px);
+        }
+
+        .site-footer i {
+            margin-right: 12px;
+            width: 18px;
+            color: var(--primary-green);
+            text-align: center;
+            font-size: 16px;
+        }
+
+
+        .social-icons {
+            margin-top: 25px;
+            display: flex;
+            flex-direction: row;
+            gap: 20px;
+        }
+
+        .social-icons a {
+
+            color: var(--link-color);
+            font-size: 18px;
+            transition: color 0.3s, transform 0.3s;
+            padding: 0;
+            width: auto;
+            display: block;
+        }
+
+        .social-icons a:hover {
+            color: var(--primary-green);
+            transform: scale(1.1);
+        }
+
+        .social-icons i {
+
+            color: var(--link-color);
+            width: auto;
+            margin: 0;
+            font-size: 18px;
+        }
+
+        .social-icons a:hover i {
+            color: var(--primary-green);
+        }
+
+        /* 7. Footer Bottom (Copyright) */
+        .footer-bottom {
+            padding: 20px 30px;
+            text-align: center;
+            font-size: 13px;
+            opacity: 0.8;
+            max-width: 1200px;
+            margin: 0 auto;
+        }
     </style>
 </head>
 
 <body>
 
+    <nav class="navbar">
+        <a href="index.html" class="logo">
+            <img src="images/logo.png" alt="AgriTech Logo">
+            <span class="logo-text">AgriTech</span>
+        </a>
+        <ul class="nav-links">
+            <li><a href="index.html">Home</a></li>
+            <li><a href="about.html">About</a></li>
+            <li><a href="blog.html">Blog</a></li>
+        </ul>
+    </nav>
+
+
+
     <div class="dashboard-container" role="main">
 
         <div class="weather-hero" id="weather-banner" role="region" aria-labelledby="current-temp">
@@ -192,7 +453,7 @@ <h1 id="current-temp">--°C</h1>
             </div>
 
             <div style="display: flex; align-items: center; justify-content: center; font-size: 5rem;"
-                 aria-hidden="true">
+                aria-hidden="true">
                 <i class="fas fa-cloud-sun-rain"></i>
             </div>
         </div>
@@ -202,14 +463,9 @@ <h2 class="section-title" id="advisories-heading">
             AI Crop Advisories
         </h2>
 
-        <div class="advisories-grid"
-             id="advisory-list"
-             aria-labelledby="advisories-heading">
+        <div class="advisories-grid" id="advisory-list" aria-labelledby="advisories-heading">
 
-            <div class="loading-state"
-                 role="status"
-                 aria-live="polite"
-                 aria-label="Loading crop advisories">
+            <div class="loading-state" role="status" aria-live="polite" aria-label="Loading crop advisories">
                 <i class="fas fa-spinner fa-spin fa-2x" aria-hidden="true"></i>
                 <p>Consulting Intelligence Engine...</p>
             </div>
@@ -217,8 +473,79 @@ <h2 class="section-title" id="advisories-heading">
         </div>
     </div>
 
+    <footer class="site-footer tech-dark-theme final-match">
+        <div class="footer-top-accent"></div>
+
+        <div class="footer-inner-content">
+            <div class="footer-section footer-brand">
+                <div class="brand-header">
+                    <img src="images/logo.png" alt="AgriTech logo" class="brand-logo" />
+                    <h3>AgriTech</h3>
+                </div>
+
+                <p class="tagline">
+                    Empowering India's Farming Future with innovative technology
+                    connecting every stakeholder.
+                </p>
+
+                <div class="social-icons">
+                    <a href="#" aria-label="Facebook"><i class="fab fa-facebook-f"></i></a>
+                    <a href="#" aria-label="Twitter"><i class="fab fa-x-twitter"></i></a>
+                    <a href="#" aria-label="LinkedIn"><i class="fab fa-linkedin-in"></i></a>
+                    <a href="#" aria-label="Instagram"><i class="fab fa-instagram"></i></a>
+                </div>
+            </div>
+
+
+            <div class="footer-group-links">
+                <div class="footer-section footer-links">
+                    <h4>Quick Links</h4>
+                    <ul>
+                        <li>
+                            <a href="index.html"><i class="fas fa-home"></i> Home</a>
+                        </li>
+                        <li>
+                            <a href="login.html"><i class="fas fa-tachometer-alt"></i> Dashboard</a>
+                        </li>
+                        <li>
+                            <a href="feed-back.html"><i class="fas fa-comment-dots"></i> Feedback</a>
+                        </li>
+                        <li>
+                            <a href="chat.html"><i class="fas fa-robot"></i> AI Assistant</a>
+                        </li>
+                        <li>
+                            <a href="terms-and-service.html"><i class="fas fa-file-contract"></i> Terms & Service</a>
+                        </li>
+                    </ul>
+                </div>
+
+                <div class="footer-section footer-contact">
+                    <h4>Contact</h4>
+                    <ul>
+                        <li>
+                            <a href="mailto:contact@agritech.com">
+                                <i class="fas fa-envelope"></i> contact@agritech.com
+                            </a>
+                        </li>
+                        <li>
+                            <a href="tel:+910000000000">
+                                <i class="fas fa-phone"></i> +91 00000 00000
+                            </a>
+                        </li>
+                    </ul>
+                </div>
+            </div>
+        </div>
+
+        <div class="footer-bottom">
+            <p>© <span id="current-year"></span> AgriTech. All rights reserved.</p>
+        </div>
+
+        <div class="footer-wave-overlay"></div>
+    </footer>
+
     <script src="weather_dashboard.js"></script>
     <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
 </body>
 
-</html>
+</html>
\ No newline at end of file
