diff --git a/shopkeeper.css b/shopkeeper.css
index 7dda51ab..e9e55f8a 100644
--- a/shopkeeper.css
+++ b/shopkeeper.css
@@ -380,15 +380,50 @@ body {
 .results-summary {
   text-align: center;
   margin-bottom: 2rem;
-  padding: 0.75rem 1.5rem;
-  background: var(--light-green);
-  border-radius: 25px;
-  color: var(--dark-green);
-  font-weight: 600;
+}
+
+/* Modern pill badge */
+.dealer-badge {
+  display: inline-flex;
+  align-items: center;
+  gap: 8px;
+
+  padding: 10px 20px;
+  border-radius: 999px; /* pill shape */
+
+  background: linear-gradient(135deg, #22c55e, #16a34a); /* gradient green */
+  color: #fff;
   font-size: 1rem;
-  display: inline-block;
+  font-weight: 700;
+
+  box-shadow: 0 4px 12px rgba(34, 197, 94, 0.4);
+  transition: all 0.3s ease;
+  animation: pulseGlow 2.5s infinite;
+}
+
+/* Hover/focus effect */
+.dealer-badge:hover,
+.dealer-badge:focus {
+  background: linear-gradient(135deg, #16a34a, #15803d);
+  transform: translateY(-2px) scale(1.05);
+  box-shadow: 0 6px 16px rgba(34, 197, 94, 0.6);
+  cursor: pointer;
 }
 
+/* Glow animation */
+@keyframes pulseGlow {
+  0% {
+    box-shadow: 0 0 8px rgba(34, 197, 94, 0.5);
+  }
+  50% {
+    box-shadow: 0 0 18px rgba(34, 197, 94, 0.8);
+  }
+  100% {
+    box-shadow: 0 0 8px rgba(34, 197, 94, 0.5);
+  }
+}
+
+
 #resultsCount {
   font-weight: 700;
   font-size: 1.1rem;
diff --git a/shopkeeper.html b/shopkeeper.html
index cd403ad7..124e0208 100644
--- a/shopkeeper.html
+++ b/shopkeeper.html
@@ -38,11 +38,19 @@
       </a>
 
       <!-- Center: Navigation Links -->
-      <nav class="nav-links">
-        <a href="/main.html">Home</a>
-        <a href="/about.html">About</a>
-        <a href="/blog.html">Blog</a>
-      </nav>
+      <!-- Center: Navigation Links -->
+    <nav class="nav-links">
+      <a href="index.html">
+        Home
+      </a>
+      <a href="about.html">
+        About
+      </a>
+      <a href="blog.html">
+        Blog
+      </a>
+    </nav>
+
 
       <button class="theme-toggle" type="button" id="themeToggle" title="Switch theme" aria-label="Switch theme">
         <svg class="theme-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
@@ -134,6 +142,16 @@ <h1 class="hero-title">Punjab Agricultural Dealers Directory</h1>
         </button>
       </div>
 
+     <!-- Results Summary -->
+<div class="results-summary" id="resultsSummary">
+  <span class="dealer-badge">
+    <i class="fa-solid fa-store">
+    </i>
+     10 dealers found
+  </span>
+</div>
+
+
       <!-- Results Summary -->
       <div class="results-summary" id="resultsSummary">
         <span id="resultsCount">10</span> dealers found
diff --git a/sitemap.html b/sitemap.html
index 1727b04b..628d1d59 100644
--- a/sitemap.html
+++ b/sitemap.html
@@ -102,12 +102,225 @@
       margin-top: 0.5rem;
     }
 
-    footer {
-      text-align: center;
-      padding: 1rem;
-      color: var(--text-muted);
-      font-size: 0.9rem;
-    }
+    .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;
+}
+
+.back-home-inline {
+  margin: 20px 40px;
+  display: flex;
+  justify-content: flex-start; /* aligns to the right side */
+}
+
+.back-home-link {
+  display: inline-flex;
+  align-items: center;
+  gap: 6px;
+
+  padding: 8px 16px;
+  border-radius: 999px; /* oval pill shape */
+
+  background: #22c55e; /* green accent */
+  color: #fff;
+  font-size: 13px;
+  font-weight: 700;
+  text-decoration: none;
+
+  transition: all 0.3s ease;
+}
+
+/* Hover stays visible */
+.back-home-link:hover {
+  background: #16a34a; /* darker green */
+  color: #fff;         /* keep text white */
+}
+
+.sparkle {
+  position: absolute;
+  width: 12px;
+  height: 12px;
+  border-radius: 50%;
+  pointer-events: none;
+
+  background: radial-gradient(circle, #22c55e 0%, #16a34a 70%, transparent 100%);
+  box-shadow: 0 0 8px #22c55e, 0 0 16px #16a34a;
+
+  animation: sparkleFade 0.6s ease-out forwards;
+  transform: translate(-50%, -50%);
+}
+
+@keyframes sparkleFade {
+  0% {
+    opacity: 1;
+    transform: translate(-50%, -50%) scale(1);
+  }
+  100% {
+    opacity: 0;
+    transform: translate(-50%, -50%) scale(0.3);
+  }
+}
+
+
   </style>
 </head>
 
@@ -118,6 +331,12 @@ <h1>AgriTech Sitemap</h1>
   <button onclick="toggleTheme()">Toggle Theme</button>
 </header>
 
+<div class="back-home-inline">
+  <a href="index.html" class="back-home-link">
+    <i class="fa-solid fa-house"></i> Back to Home
+  </a>
+</div>
+
 <main>
 
   <!-- Intro -->
@@ -194,9 +413,76 @@ <h2><span aria-hidden="true">🚀</span> Planned Pages</h2>
 
 </main>
 
-<footer>
-  Made with ❤️ by the AgriTech Community · SWoC 2026
-</footer>
+ <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>
   function toggleTheme() {
@@ -207,6 +493,21 @@ <h2><span aria-hidden="true">🚀</span> Planned Pages</h2>
     );
   }
 </script>
+
+<script>
+document.addEventListener("mousemove", function(e) {
+  const sparkle = document.createElement("span");
+  sparkle.className = "sparkle";
+  sparkle.style.left = e.pageX + "px";
+  sparkle.style.top = e.pageY + "px";
+  document.body.appendChild(sparkle);
+
+  setTimeout(() => {
+    sparkle.remove();
+  }, 800); 
+});
+</script>
+
 <!-- ===== Universal Back To Top Button (All Pages) ===== -->
 <style>
   #globalBackToTop {