From b945c942c186f6327af8ea238dfd65fff1124ba4 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Wed, 6 May 2026 10:25:46 +0000
Subject: [PATCH] Update src/app/municipalities/page.tsx

---
 src/app/municipalities/page.tsx | 44 +++++++++++++++++----------------
 1 file changed, 23 insertions(+), 21 deletions(-)

diff --git a/src/app/municipalities/page.tsx b/src/app/municipalities/page.tsx
index e3ce52d..ee642a6 100644
--- a/src/app/municipalities/page.tsx
+++ b/src/app/municipalities/page.tsx
@@ -2,10 +2,9 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
-import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
-import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
+import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
+import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
 
 export default function MunicipalitiesPage() {
   return (
@@ -24,36 +23,39 @@ export default function MunicipalitiesPage() {
       <ReactLenis root>
         <div id="nav" data-section="nav">
           <NavbarLayoutFloatingInline
-            navItems={[ { name: "Home", id: "/" }, { name: "About", id: "/about" }, { name: "Municipalities", id: "/municipalities" }, { name: "Gallery", id: "/gallery" }, { name: "Contact", id: "/contact" } ]}
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "About", id: "/about" },
+              { name: "Municipalities", id: "/municipalities" },
+              { name: "Gallery", id: "/gallery" },
+              { name: "Contact", id: "/contact" },
+            ]}
             brandName="Jhapa District"
-            button={{ text: "Contact Us", href: "/contact" }}
+            button={{ text: "Get Started", href: "/contact" }}
           />
         </div>
 
-        <div id="features" data-section="features">
-          <FeatureCardNineteen
+        <div id="municipalities" data-section="municipalities">
+          <MetricCardSeven
+            animationType="slide-up"
             textboxLayout="default"
             useInvertedBackground={false}
-            features={[ { tag: "City", title: "Birtamod", subtitle: "Commercial Hub", description: "The center of trade and commerce in Jhapa.", imageSrc: "http://img.b2bpic.net/free-photo/lake-mountain-thailand_1150-12912.jpg", imageAlt: "lake mountain thailand" }, { tag: "City", title: "Damak", subtitle: "Developing Metropolis", description: "Known for modern infrastructure and rapid growth.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-scenery-green-trees-high-mountains-reflected-lake_181624-7823.jpg?_wi=2", imageAlt: "lake mountain thailand" }, { tag: "City", title: "Mechinagar", subtitle: "Border Gate", description: "The eastern gateway to Nepal via Kakarvitta.", imageSrc: "http://img.b2bpic.net/free-photo/charming-young-girl-colored-embroidered-dress-poses-near-house_8353-9555.jpg?_wi=2", imageAlt: "lake mountain thailand" } ]}
-            title="Our Municipalities"
-            description="Jhapa is home to several major cities and municipalities driving our economic development."
-          />
-        </div>
-
-        <div id="feature" data-section="feature">
-          <FeatureCardSix
-            textboxLayout="default"
-            useInvertedBackground={false}
-            title="Urban Development"
-            description="Growth focused infrastructure."
-            features={[ { title: "Education", description: "High-quality academic centers.", imageSrc: "http://img.b2bpic.net/free-photo/lifestyle-boy-scouts-woods_52683-94218.jpg" }, { title: "Healthcare", description: "Modern health facilities.", imageSrc: "http://img.b2bpic.net/free-photo/traditional-house-architecture_23-2151050967.jpg" } ]}
+            title="Municipalities of Jhapa"
+            description="Jhapa consists of 8 municipalities and 7 rural municipalities, contributing to the district's diverse administrative and cultural landscape."
+            metrics={[
+              { id: "mun1", value: "8", title: "Municipalities", items: ["Birtamod", "Damak", "Mechinagar", "Arjundhara", "Shivasatakshi", "Kankai", "Gauradaha", "Bhadrapur"] },
+              { id: "mun2", value: "7", title: "Rural Municipalities", items: ["Barhadashi", "Buddhashanti", "Haldibari", "Jhapa", "Kamal", "Kachankawal", " Gaurigunj"] },
+            ]}
           />
         </div>
 
         <div id="footer" data-section="footer">
           <FooterBaseReveal
             logoText="Jhapa District"
-            columns={[ { title: "Explore", items: [{ label: "About", href: "/about" }, { label: "Municipalities", href: "/municipalities" }] }, { title: "Information", items: [{ label: "Gallery", href: "/gallery" }, { label: "Contact", href: "/contact" }] } ]}
+            columns={[
+              { title: "Explore", items: [{ label: "About", href: "/about" }, { label: "Municipalities", href: "/municipalities" }] },
+              { title: "Information", items: [{ label: "Gallery", href: "/gallery" }, { label: "Contact", href: "/contact" }] },
+            ]}
             copyrightText="© 2024 Jhapa District Portal. All rights reserved."
           />
         </div>