diff --git a/docs/usage-guide/sms.md b/docs/usage-guide/sms.md
index c08572301..cdb00fd96 100644
--- a/docs/usage-guide/sms.md
+++ b/docs/usage-guide/sms.md
@@ -50,21 +50,7 @@ notifications and communications.
 
 ![Short code from Africanstalking](images/africanstalking-sms-shortcode.png)
 
-### Step 4: Register SMS Delivery Callback URL
-
-1. In your AfricasTalking dashboard, go to **SMS** → **Callback URLs**
-2. Set up the delivery callback URL to point to your MPM instance: Copy the url
-   from the plugin overview page
-
-   ```bash
-   https://your-mpm-domain.com/api/africas-talking/callback/1/delivery-reports
-   ```
-
-3. Enable delivery reports to track SMS delivery status
-
-![Register callback URL for sms delivery](images/africanstalking-sms-delivery-callback.png)
-
-### Step 5: Enable AfricasTalking Plugin in MPM
+### Step 4: Enable AfricasTalking Plugin in MPM
 
 1. Log into your MPM admin panel
 2. Navigate to **Plugins** section
@@ -74,7 +60,7 @@ notifications and communications.
 
 ![Plugin settings page](images/africanstalking-enable-plugin.png)
 
-### Step 6: Configure Plugin Credentials
+### Step 5: Configure Plugin Credentials
 
 1. After enabling the plugin, go to **Plugins** → **AfricasTalking** → **Settings**
 2. Enter the following credentials:
@@ -86,6 +72,20 @@ notifications and communications.
 
 ![Plugin Overview page](images/africanstalking-cred-overview-page.png)
 
+### Step 6: Register SMS Delivery Callback URL
+
+1. In your AfricasTalking dashboard, go to **SMS** → **Callback URLs**
+2. Set up the delivery callback URL to point to your MPM instance: Copy the url
+   from the plugin overview page
+
+   ```bash
+   https://your-mpm-domain.com/api/africas-talking/callback/1/delivery-reports
+   ```
+
+3. Enable delivery reports to track SMS delivery status
+
+![Register callback URL for sms delivery](images/africanstalking-sms-delivery-callback.png)
+
 ### Step 7: Test SMS Functionality
 
 1. Navigate to **Customers** in your MPM dashboard
diff --git a/src/frontend/src/ExportedRoutes.js b/src/frontend/src/ExportedRoutes.js
index 36376ba29..da39e931c 100644
--- a/src/frontend/src/ExportedRoutes.js
+++ b/src/frontend/src/ExportedRoutes.js
@@ -343,48 +343,6 @@ export const exportedRoutes = [
           },
         ],
       },
-      {
-        path: "dashboards/mini-grid",
-        component: ChildRouteWrapper,
-        meta: {
-          sidebar: {
-            enabled: true,
-            name: "Mini-Grid",
-          },
-        },
-        children: [
-          {
-            path: "",
-            component: MiniGridOverviewPage,
-            meta: {
-              layout: "default",
-              breadcrumb: {
-                level: "base",
-                name: "Mini-Grids",
-                link: "/dashboards/mini-grid",
-              },
-              sidebar: {
-                enabled: true,
-                name: "Mini-Grid",
-              },
-            },
-          },
-          {
-            path: ":id",
-            component: MiniGridDetailPage,
-            meta: {
-              layout: "default",
-              breadcrumb: {
-                level: "detail",
-                name: "Mini-Grid",
-                link: "/dashboards/mini-grid",
-                target: "id",
-              },
-            },
-          },
-        ],
-      },
-
       {
         path: "dashboards/agent-performance",
         component: ChildRouteWrapper,
@@ -822,6 +780,61 @@ export const exportedRoutes = [
       },
     ],
   },
+  {
+    path: "",
+    component: ChildRouteWrapper,
+    meta: {
+      sidebar: {
+        enabled: true,
+        name: "Mini-Grid",
+        icon: "bolt",
+      },
+    },
+    children: [
+      {
+        path: "mini-grids",
+        component: ChildRouteWrapper,
+        meta: {
+          layout: "default",
+          sidebar: {
+            enabled: true,
+            name: "Overview",
+          },
+        },
+        children: [
+          {
+            path: "",
+            component: MiniGridOverviewPage,
+            meta: {
+              layout: "default",
+              breadcrumb: {
+                level: "base",
+                name: "Mini-Grids",
+                link: "/mini-grids",
+              },
+              sidebar: {
+                enabled: true,
+                name: "Overview",
+              },
+            },
+          },
+          {
+            path: ":id",
+            component: MiniGridDetailPage,
+            meta: {
+              layout: "default",
+              breadcrumb: {
+                level: "base",
+                name: "Mini-Grid",
+                link: "/mini-grids",
+                target: "id",
+              },
+            },
+          },
+        ],
+      },
+    ],
+  },
   {
     // FIXME: Should this be part of the Customer route?
     path: "/sold-appliance-detail",
diff --git a/src/frontend/src/assets/locales/en.json b/src/frontend/src/assets/locales/en.json
index 521b29156..93796d411 100644
--- a/src/frontend/src/assets/locales/en.json
+++ b/src/frontend/src/assets/locales/en.json
@@ -116,6 +116,8 @@
     "agentCommissionUpdated": "Agent Commission Updated!",
     "agentDashboard": "Agent Overview",
     "agentList": "Agent List",
+    "miniGridDashboard": "Mini-Grid Overview",
+    "miniGridList": "Mini-Grid List",
     "agentPerformanceDashboard": "Agent Performance Dashboard",
     "agentTicket": "Agent Ticket | Agent Tickets",
     "agentTransaction": "Agent Transaction | Agent Transactions",
@@ -369,6 +371,9 @@
     "toDate": "To Date",
     "topPerformingAgents": "Top Performing Agents",
     "totalAgents": "Total Agents",
+    "totalClusters": "Total Clusters",
+    "totalCities": "Total Cities",
+    "totalMiniGrids": "Total Mini-Grids",
     "totalCommission": "Total Commission",
     "totalCost": "Total Cost",
     "totalCustomers": "Total Customers",
diff --git a/src/frontend/src/modules/Dashboard/MiniGridDashboard.vue b/src/frontend/src/modules/Dashboard/MiniGridDashboard.vue
new file mode 100644
index 000000000..eadc93cb7
--- /dev/null
+++ b/src/frontend/src/modules/Dashboard/MiniGridDashboard.vue
@@ -0,0 +1,246 @@
+<template>
+  <div>
+    <md-toolbar class="md-dense">
+      <h3 class="md-title" style="flex: 1">
+        {{ $tc("phrases.miniGridDashboard") }}
+      </h3>
+      <md-button class="md-raised" @click="refreshData" :disabled="loading">
+        <md-icon>update</md-icon>
+        {{ $tc("phrases.refreshData") }}
+        <md-progress-bar
+          v-if="loading"
+          md-mode="indeterminate"
+        ></md-progress-bar>
+      </md-button>
+    </md-toolbar>
+
+    <div>
+      <div class="md-layout md-gutter" style="margin-top: 3rem">
+        <!-- Basic Mini-Grid Metrics -->
+        <div class="md-layout-item md-size-100">
+          <div class="md-layout md-gutter">
+            <div
+              class="md-layout-item md-size-25 md-small-size-50 md-xsmall-size-100"
+            >
+              <box
+                :box-color="'blue'"
+                :center-text="true"
+                :header-text="$tc('phrases.totalMiniGrids')"
+                :sub-text="totalMiniGrids.toString()"
+                :box-icon="'bolt'"
+              />
+            </div>
+            <div
+              class="md-layout-item md-size-25 md-small-size-50 md-xsmall-size-100"
+            >
+              <box
+                :box-color="'green'"
+                :center-text="true"
+                :header-text="$tc('phrases.totalClusters')"
+                :sub-text="totalClusters.toString()"
+                :box-icon="'account_tree'"
+              />
+            </div>
+            <div
+              class="md-layout-item md-size-25 md-small-size-50 md-xsmall-size-100"
+            >
+              <box
+                :box-color="'orange'"
+                :center-text="true"
+                :header-text="$tc('phrases.totalCities')"
+                :sub-text="totalCities.toString()"
+                :box-icon="'location_city'"
+              />
+            </div>
+            <div
+              class="md-layout-item md-size-25 md-small-size-50 md-xsmall-size-100"
+            >
+              <box
+                :box-color="'red'"
+                :center-text="true"
+                :header-text="$tc('phrases.totalAgents')"
+                :sub-text="totalAgents.toString()"
+                :box-icon="'supervisor_account'"
+              />
+            </div>
+          </div>
+        </div>
+
+        <!-- Mini-Grid List -->
+        <div class="md-layout-item md-size-100">
+          <widget :title="$tc('phrases.miniGridList')" id="mini-grid-list">
+            <div class="search-section">
+              <md-field>
+                <label>{{ $tc("words.search") }}</label>
+                <md-input v-model="searchTerm" @input="filterMiniGrids" />
+                <md-icon>search</md-icon>
+              </md-field>
+            </div>
+
+            <md-table md-card style="margin-left: 0">
+              <md-table-row>
+                <md-table-head>{{ $tc("words.name") }}</md-table-head>
+                <md-table-head>{{ $tc("words.cluster") }}</md-table-head>
+                <md-table-head>{{ $tc("words.createdAt") }}</md-table-head>
+                <md-table-head>{{ $tc("words.cities") }}</md-table-head>
+                <md-table-head>{{ $tc("words.agents") }}</md-table-head>
+              </md-table-row>
+              <md-table-row
+                v-for="miniGrid in filteredMiniGrids"
+                :key="miniGrid.id"
+                style="cursor: pointer"
+                @click="viewMiniGridDetail(miniGrid.id)"
+              >
+                <md-table-cell>
+                  {{ miniGrid.name }}
+                </md-table-cell>
+                <md-table-cell>
+                  {{ miniGrid.cluster?.name || "-" }}
+                </md-table-cell>
+                <md-table-cell>
+                  {{ formatDate(miniGrid.created_at) }}
+                </md-table-cell>
+                <md-table-cell>
+                  {{ miniGrid.cities_count || 0 }}
+                </md-table-cell>
+                <md-table-cell>
+                  {{ miniGrid.agents_count || 0 }}
+                </md-table-cell>
+              </md-table-row>
+            </md-table>
+          </widget>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import Box from "@/shared/Box.vue"
+import Widget from "@/shared/Widget.vue"
+import { MiniGridService } from "@/services/MiniGridService"
+import { notify } from "@/mixins/notify"
+import moment from "moment"
+
+export default {
+  name: "MiniGridDashboard",
+  components: { Box, Widget },
+  mixins: [notify],
+  data() {
+    return {
+      loading: false,
+      searchTerm: "",
+      miniGridService: new MiniGridService(),
+      miniGrids: [],
+    }
+  },
+  computed: {
+    totalMiniGrids() {
+      return this.miniGrids.length
+    },
+    totalClusters() {
+      const uniqueClusters = new Set(
+        this.miniGrids
+          .map((mg) => mg.cluster_id)
+          .filter((id) => id !== null && id !== undefined),
+      )
+      return uniqueClusters.size
+    },
+    totalCities() {
+      // If cities_count is available, use it; otherwise count cities array if available
+      return this.miniGrids.reduce((sum, mg) => {
+        if (mg.cities_count !== undefined) {
+          return sum + mg.cities_count
+        }
+        if (mg.cities && Array.isArray(mg.cities)) {
+          return sum + mg.cities.length
+        }
+        return sum
+      }, 0)
+    },
+    totalAgents() {
+      // If agents_count is available, use it; otherwise count agents array if available
+      return this.miniGrids.reduce((sum, mg) => {
+        if (mg.agents_count !== undefined) {
+          return sum + mg.agents_count
+        }
+        if (mg.agents && Array.isArray(mg.agents)) {
+          return sum + mg.agents.length
+        }
+        return sum
+      }, 0)
+    },
+    filteredMiniGrids() {
+      if (!this.searchTerm) return this.miniGrids
+
+      const searchLower = this.searchTerm.toLowerCase()
+      return this.miniGrids.filter((miniGrid) => {
+        const name = miniGrid.name || ""
+        const clusterName = miniGrid.cluster?.name || ""
+        return (
+          name.toLowerCase().includes(searchLower) ||
+          clusterName.toLowerCase().includes(searchLower)
+        )
+      })
+    },
+  },
+  mounted() {
+    this.loadMiniGridData()
+  },
+  methods: {
+    async loadMiniGridData() {
+      this.loading = true
+      try {
+        const miniGrids = await this.miniGridService.getMiniGrids()
+        if (miniGrids instanceof Error) {
+          this.alertNotify("error", "Failed to load mini-grid data")
+          this.miniGrids = []
+        } else {
+          this.miniGrids = miniGrids || []
+        }
+      } catch (error) {
+        this.alertNotify("error", "Failed to load mini-grid data")
+        this.miniGrids = []
+      } finally {
+        this.loading = false
+      }
+    },
+    async refreshData() {
+      await this.loadMiniGridData()
+      this.alertNotify("success", "Mini-grid data refreshed successfully")
+    },
+    filterMiniGrids() {
+      // Filtering is handled by computed property
+    },
+    viewMiniGridDetail(miniGridId) {
+      this.$router.push({ path: `/mini-grids/${miniGridId}` })
+    },
+    formatDate(date) {
+      if (!date) return "-"
+      return moment(date).format("YYYY-MM-DD")
+    },
+  },
+}
+</script>
+
+<style lang="scss" scoped>
+.search-section {
+  margin-bottom: 1rem;
+  padding: 0 1rem;
+}
+
+.md-toolbar {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+
+.md-toolbar .md-title {
+  flex: 1;
+}
+
+.md-toolbar .md-button {
+  margin-left: auto;
+}
+</style>
+
diff --git a/src/frontend/src/modules/Map/ClusterMap.vue b/src/frontend/src/modules/Map/ClusterMap.vue
index febad71e3..70f99cc4a 100644
--- a/src/frontend/src/modules/Map/ClusterMap.vue
+++ b/src/frontend/src/modules/Map/ClusterMap.vue
@@ -205,7 +205,7 @@ export default {
 
           const parent = this
           miniGridMarker.on("click", function () {
-            parent.routeToDetail("/dashboards/mini-grid", markingInfo.id)
+            parent.routeToDetail("/mini-grids", markingInfo.id)
           })
 
           miniGridMarker.addTo(this.markersLayer)
diff --git a/src/frontend/src/modules/Map/DashboardMap.vue b/src/frontend/src/modules/Map/DashboardMap.vue
index 67070961c..65a725b1a 100644
--- a/src/frontend/src/modules/Map/DashboardMap.vue
+++ b/src/frontend/src/modules/Map/DashboardMap.vue
@@ -125,7 +125,7 @@ export default {
 
           const parent = this
           miniGridMarker.on("click", function () {
-            parent.routeToDetail("/dashboards/mini-grid", markingInfo.id)
+            parent.routeToDetail("/mini-grids", markingInfo.id)
           })
 
           miniGridMarker.addTo(this.markersLayer)
diff --git a/src/frontend/src/modules/MiniGrid/Dashboard.vue b/src/frontend/src/modules/MiniGrid/Dashboard.vue
index 69d1d41e8..70a6eabbe 100644
--- a/src/frontend/src/modules/MiniGrid/Dashboard.vue
+++ b/src/frontend/src/modules/MiniGrid/Dashboard.vue
@@ -418,7 +418,7 @@ export default {
       }
     },
     setMiniGrid(miniGridId) {
-      this.$router.replace("/dashboards/mini-grid/" + miniGridId)
+      this.$router.replace("/mini-grids/" + miniGridId)
     },
     togglePeriod() {
       this.period = {
diff --git a/src/frontend/src/modules/Village/AddVillage.vue b/src/frontend/src/modules/Village/AddVillage.vue
index a04f53a0c..c09a1ce3c 100644
--- a/src/frontend/src/modules/Village/AddVillage.vue
+++ b/src/frontend/src/modules/Village/AddVillage.vue
@@ -300,7 +300,7 @@ export default {
           this.alertNotify("success", this.$tc("phrases.newVillageNotify", 1))
           this.loading = false
           await this.$router.replace(
-            `/dashboards/mini-grid/${this.selectedMiniGridId}`,
+            `/mini-grids/${this.selectedMiniGridId}`,
           )
         } catch (e) {
           this.loading = false
diff --git a/src/frontend/src/pages/Dashboard/MiniGrid/index.vue b/src/frontend/src/pages/Dashboard/MiniGrid/index.vue
index bbecb1cf0..4c8b6bf64 100644
--- a/src/frontend/src/pages/Dashboard/MiniGrid/index.vue
+++ b/src/frontend/src/pages/Dashboard/MiniGrid/index.vue
@@ -1,36 +1,14 @@
 <template>
   <div>
-    <Loader />
+    <mini-grid-dashboard />
   </div>
 </template>
 
 <script>
-import { MiniGridService } from "@/services/MiniGridService"
-import Loader from "@/shared/Loader.vue"
+import MiniGridDashboard from "@/modules/Dashboard/MiniGridDashboard.vue"
 
 export default {
-  name: "MiniGridsPage",
-  components: { Loader },
-  created() {
-    const miniGridId = this.$route.params.id
-    if (miniGridId === undefined) {
-      this.redirectToFirstMiniGrid()
-    }
-  },
-  data() {
-    return {
-      miniGridService: new MiniGridService(),
-    }
-  },
-  methods: {
-    async redirectToFirstMiniGrid() {
-      const miniGrids = await this.miniGridService.getMiniGrids()
-      if (miniGrids.length > 0) {
-        this.$router.replace("/dashboards/mini-grid/" + miniGrids[0].id)
-      }
-    },
-  },
+  name: "MiniGridDashboardPage",
+  components: { MiniGridDashboard },
 }
 </script>
-
-<style scoped></style>