diff --git a/weather_dashboard.html b/weather_dashboard.html
index 7ca18f20..3026e765 100644
--- a/weather_dashboard.html
+++ b/weather_dashboard.html
@@ -166,11 +166,103 @@
                 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;
+            }
+        }
     </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 +284,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 +294,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>
@@ -221,4 +308,4 @@ <h2 class="section-title" id="advisories-heading">
     <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
 </body>
 
-</html>
+</html>
\ No newline at end of file
