add maps to contact page catalog_page added , email addres updated , remove page drop down

app/[locale]/catalog_page/page.tsx

@@ -0,0 +1,13 @@
+import Catalog from "@/components/pages/home/blog/catalog";
+import { ProductBanner } from "@/components/pages/products";
+
+export default function Page() {
+  return (
+    <div className="bg-[#1e1d1c] pb-30">
+        <ProductBanner />
+      <div className="max-w-300 mx-auto w-full pt-20">
+        <Catalog />
+      </div>
+    </div>
+  );
+}

components/layout/footer.tsx

@@ -182,12 +182,14 @@ export function Footer() {
                     href="mailto:support@fireforce.com"
                     className="hover:text-[#fa1d1d]"
                   >
-                    support@fireforce.com
+                    info@ignum-tech.com
                   </a>
                 </li>
                 <li className="flex items-start gap-3">
                   <MapPin className="mt-1 h-5 w-5 shrink-0 text-white" />
-                  <span>Jl. Dr. Ir Soekarno No. 99x Tabanan - Bali</span>
+                  <span>
+                    {t("footer.address")}
+                  </span>
                 </li>
               </ul>
             </div>

components/layout/navbar.tsx

@@ -42,7 +42,7 @@ export function Navbar() {
             <Link href={`/${locale}/home`} className="hover:cursor-pointer">
               <div className="flex items-center gap-2">
                 <div className=" flex items-center justify-center">
-                 <NavbarLogo/>
+                  <Image src={'/images/IGNUM/PNG/1.@6x.png'} alt="logo image" width={80} height={80} />
                 </div>
               </div>
             </Link>
@@ -62,53 +62,21 @@ export function Navbar() {
                 {t("navbar.about")}
               </Link>
 
-              {/* Pages Dropdown */}
+              <Link
-              <div className="relative group h-full">
+                href={`/${locale}/faq`}
-                <button
+                className="font-unbounded uppercase text-white text-sm h-full flex items-center font-semibold hover:cursor-pointer hover:text-red-500 transition"
-                  className="font-unbounded uppercase text-white text-sm h-full font-semibold hover:text-red-500 
+              >
-               transition-colors flex items-center gap-1"
+                {t("navbar.faq")}
-                >
+              </Link>
-                  {t("navbar.pages")}
+              <Link
-                  <ChevronDown
+                href={`/${locale}/services`}
-                    size={16}
+                className="font-unbounded uppercase text-white text-sm h-full flex items-center font-semibold hover:cursor-pointer hover:text-red-500 transition"
-                    className="transition-transform group-hover:rotate-180"
+              >
-                  />
+                {t("navbar.services")}
-                </button>
+              </Link>
-
-                {/* Dropdown Menu */}
-                <div
-                  className="absolute top-full left-0 w-40 bg-white rounded-b-md shadow-lg 
-               font-semibold opacity-0 invisible group-hover:opacity-100 
-               group-hover:visible transition-all duration-300 
-               transform translate-y-2 group-hover:translate-y-0
-               pointer-events-none group-hover:pointer-events-auto overflow-hidden"
-                >
-                  <Link
-                    href={`/${locale}/faq`}
-                    className="font-unbounded uppercase block px-4 py-2 text-black text-sm hover:bg-red-600 
-                 hover:text-white transition-colors"
-                  >
-                    {t("navbar.faq")}
-                  </Link>
-                  <Link
-                    href={`/${locale}/services`}
-                    className="font-unbounded uppercase block px-4 py-2 text-black text-sm hover:bg-red-600 
-                 hover:text-white transition-colors"
-                  >
-                    {t("navbar.services")}
-                  </Link>
-                  {/* <Link
-                    href={`/${locale}/blog`}
-                    className="font-unbounded uppercase block px-4 py-2 text-black text-sm hover:bg-red-600 
-                 hover:text-white transition-colors rounded-b-md"
-                  >
-                    Blog
-                  </Link> */}
-                </div>
-              </div>
 
               <Link
-                href={`/${locale}/products`}
+                href={`/${locale}/catalog_page`}
                 className="font-unbounded uppercase text-white text-sm h-full flex items-center font-semibold hover:cursor-pointer hover:text-red-500 transition"
               >
                 {t("navbar.products")}
@@ -210,39 +178,23 @@ export function Navbar() {
           </Link>
 
           {/* Mobile Pages Dropdown */}
-          <div>
+          <Link
-            <button
+            href={`/${locale}/faq`}
-              onClick={() => setIsDropdownOpen(!isDropdownOpen)}
+            className="font-unbounded uppercase text-white text-base font-semibold hover:text-red-500 transition py-2"
-              className="font-unbounded uppercase text-white text-base font-semibold hover:text-red-500 transition flex items-center gap-1 py-2 w-full"
+            onClick={() => setIsMobileMenuOpen(false)}
-            >
+          >
-              {t("navbar.pages")}
+            {t("navbar.faq")}
-              <ChevronDown
+          </Link>
-                size={16}
+          <Link
-                className={`transition-transform ${isDropdownOpen ? "rotate-180" : ""}`}
+            href={`/${locale}/services`}
-              />
+            className="font-unbounded uppercase text-white text-base font-semibold hover:text-red-500 transition py-2"
-            </button>
+            onClick={() => setIsMobileMenuOpen(false)}
-            {isDropdownOpen && (
+          >
-              <div className="ml-4 mt-2 flex flex-col gap-2">
+            {t("navbar.services")}
-                <Link
+          </Link>
-                  href={`/${locale}/faq`}
-                  className="font-unbounded uppercase text-white/80 text-sm hover:text-red-500 transition py-2"
-                  onClick={() => setIsMobileMenuOpen(false)}
-                >
-                  {t("navbar.faq")}
-                </Link>
-                <Link
-                  href={`/${locale}/services`}
-                  className="font-unbounded uppercase text-white/80 text-sm hover:text-red-500 transition py-2"
-                  onClick={() => setIsMobileMenuOpen(false)}
-                >
-                  {t("navbar.services")}
-                </Link>
-              </div>
-            )}
-          </div>
 
           <Link
-            href={`/${locale}/products`}
+            href={`/${locale}/catalog_page`}
             className="font-unbounded uppercase text-white text-base font-semibold hover:text-red-500 transition py-2"
             onClick={() => setIsMobileMenuOpen(false)}
           >

components/pages/contact/contactHeader.tsx

@@ -6,12 +6,7 @@ export default function ContactHeader() {
   const t = useTranslations();
   return (
     <div className="mb-8 text-center">
-      <div className="mb-4 flex items-center justify-center gap-2">
+      
-        <DotAnimatsiya />
-        <span className="font-almarai text-sm font-semibold tracking-wider text-white">
-          {t("contact.banner.title")}
-        </span>
-      </div>
       <h2
         className="uppercase font-unbounded bg-linear-to-br from-white via-white to-black
   text-transparent bg-clip-text  text-4xl font-bold tracking-wide md:text-5xl"

components/pages/contact/main.tsx

@@ -3,13 +3,15 @@ import { Mail, MapPin, Phone } from "lucide-react";
 import ContactHeader from "./contactHeader";
 import Form from "./form";
 import { useTranslations } from "next-intl";
+import Maps from "./maps";
+import DotAnimatsiya from "@/components/dot/DotAnimatsiya";
 
 export function Contact() {
   const t = useTranslations();
   const contactInfo = [
     {
       icon: Mail,
-      title:t("contact.form.email"),
+      title: t("contact.form.email"),
       detail: t("contact.form.emailAddress"),
     },
     {
@@ -46,27 +48,40 @@ export function Contact() {
       </div>
 
       {/* Content */}
-      <div className="relative z-10 mx-auto max-w-4xl px-4 sm:px-6 lg:px-8">
+      <div className="relative z-10 ">
-        <ContactHeader />
+        <div className="flex items-center justify-center w-full">
+          <div className="mb-4 flex items-center justify-center gap-2">
+            <DotAnimatsiya />
+            <span className="font-almarai text-sm font-semibold tracking-wider text-white">
+              {t("contact.banner.title")}
+            </span>
+          </div>
+        </div>
+        <Maps />
+        <div className="relative z-10 mx-auto max-w-4xl px-4 sm:px-6 lg:px-8 space-y-5">
+          <ContactHeader />
 
-        <Form />
+          <Form />
 
-        {/* Contact Info */}
+          {/* Contact Info */}
-        <div className="mt-12 grid grid-cols-1 gap-8 md:grid-cols-3">
+          <div className="mt-12 grid grid-cols-1 gap-8 md:grid-cols-3">
-          {contactInfo.map((info) => (
+            {contactInfo.map((info) => (
-            <div
+              <div
-              key={info.title}
+                key={info.title}
-              className="flex flex-col items-center text-center"
+                className="flex flex-col items-center text-center"
-            >
+              >
-              <div className="mb-3 flex h-14 w-14 items-center justify-center rounded-xl bg-[#2c2b2a]">
+                <div className="mb-3 flex h-14 w-14 items-center justify-center rounded-xl bg-[#2c2b2a]">
-                <info.icon className="h-6 w-6 text-red-600" />
+                  <info.icon className="h-6 w-6 text-red-600" />
+                </div>
+                <h3 className="font-almarai text-sm font-bold tracking-wider text-white">
+                  {info.title}
+                </h3>
+                <p className="font-almarai mt-1 text-sm text-gray-400">
+                  {info.detail}
+                </p>
               </div>
-              <h3 className="font-almarai text-sm font-bold tracking-wider text-white">
+            ))}
-                {info.title}
+          </div>
-              </h3>
-              <p className="font-almarai mt-1 text-sm text-gray-400">{info.detail}</p>
-            </div>
-          ))}
         </div>
       </div>
     </section>

components/pages/contact/maps.tsx

@@ -0,0 +1,31 @@
+export default function Maps() {
+  return (
+    <section className="w-full px-4 py-10">
+      <div className="mx-auto max-w-7xl grid grid-cols-1 md:grid-cols-2 gap-10">
+        
+        {/* Yandex Map */}
+        <div className="h-[300px] sm:h-[400px] md:h-[500px] rounded-2xl overflow-hidden shadow-lg border hover:shadow-xl transition">
+          <iframe
+            src="https://yandex.uz/map-widget/v1/?ll=69.288118%2C41.323186&mode=search&oid=56350803620&ol=biz&z=16.97"
+            className="w-full h-full"
+            frameBorder="0"
+            allowFullScreen
+            loading="lazy"
+          />
+        </div>
+
+        {/* Google Map */}
+        <div className="h-[300px] sm:h-[400px] md:h-[500px] rounded-2xl overflow-hidden shadow-lg border hover:shadow-xl transition">
+          <iframe
+            src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2996.342450769356!2d69.28561627695484!3d41.323166199974985!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x38aef56f76215ce7%3A0xfd64c6a930fb1bbb!2sIGNUM!5e0!3m2!1sru!2s!4v1770203090924"
+            className="w-full h-full"
+            allowFullScreen
+            loading="lazy"
+            referrerPolicy="no-referrer-when-downgrade"
+          />
+        </div>
+
+      </div>
+    </section>
+  );
+}

components/pages/home/banner.tsx

@@ -59,10 +59,10 @@ export function Banner() {
             {/* Left side - Firefighters Image */}
             <div className="flex items-end justify-center  ">
               <img
-                src="/images/homeBanner.png"
+                src="/images/homeBanner3.png"
                 alt="Firefighters"
                 loading="lazy"
-                className="lg:w-150 w-100 lg:h-150 max-[300px]:w-[80vw] object-cover object-right rounded-xl drop-shadow-2xl"
+                className="lg:w-150 w-100 lg:h-150 max-[300px]:w-[80vw] object-contain object-right rounded-xl drop-shadow-2xl"
               />
             </div>
 

components/pages/home/blog/catalog.tsx

@@ -9,7 +9,7 @@ import EmptyData from "@/components/EmptyData";
 import { getRouteLang } from "@/request/getLang";
 import { CategoryType } from "@/lib/types";
 
-export default function Catalog() {
+export default function   Catalog() {
   const language = getRouteLang();
   const { data, isLoading } = useQuery({
     queryKey: ["category", language],

messages/en.json

@@ -3,7 +3,7 @@
     "banner": {
       "title1": "Welcome to Ignum",
       "title2": "FIRE PROTECTION GUARDIAN",
-      "description": "We are seen as a beacon of hope, a figure that brings calm amidst chaos and light in the darkest of moments.",
+      "description": "We provide professional services for the installation of fire safety systems and the sale of certified protective equipment.",
       "cta": "Get Started"
     },
     "statistics": {
@@ -139,9 +139,9 @@
       "privacy": "You agree to our friendly privacy policy",
       "send": "SEND MESSAGE",
       "email": "EMAIL",
-      "emailAddress": "support@ignum.com",
+      "emailAddress": "info@ignum-tech.com",
       "location": "Our Location",
-      "address": "Jl. Dr. Ir. Soekarno No. 99x Tabanan – Bali",
+      "address": "Toshkent shahri , Yunusabod tumani , Niyozbek yo'li 3 tor ko'chasi , 39 uy",
       "phone": "Phone"
     }
   },
@@ -208,7 +208,7 @@
     "emergency": "Emergency Call!"
   },
   "footer": {
-    "description": "We are seen as a beacon of hope, a figure that brings calm amidst chaos and light in the darkest of moments.",
+    "description": "We provide professional services for the installation of fire safety systems and the sale of certified protective equipment.",
     "quickLinks": {
       "title": "QUICK LINKS",
       "home": "Home",
@@ -221,7 +221,8 @@
       "title": "SUPPORT",
       "contact": "Contact",
       "help": "Help"
-    }
+    },
+    "address":"Tashkent city, Yunusabad district, 3rd dead-end of Niyozbek Yoli street, house 39"
   },
   "rasmlar": "Images",
   "fotogalereya": "Photo Gallery",

messages/ru.json

@@ -3,7 +3,7 @@
     "banner": {
       "title1": "Добро пожаловать в Ignum",
       "title2": "Защита от Пожара",
-      "description": "Мы воспринимаемся как луч надежды, фигура, которая приносит спокойствие среди хаоса и свет в самые темные моменты.",
+      "description": "Мы предоставляем профессиональные услуги по установке систем пожарной безопасности и продаже сертифицированных средств защиты.",
       "cta": "Начать"
     },
     "statistics": {
@@ -139,9 +139,9 @@
       "privacy": "Вы соглашаетесь с нашей дружественной политикой конфиденциальности",
       "send": "ОТПРАВИТЬ СООБЩЕНИЕ",
       "email": "ЭЛЕКТРОННАЯ ПОЧТА",
-      "emailAddress": "support@ignum.com",
+      "emailAddress": "info@ignum-tech.com",
       "location": "Наше Местоположение",
-      "address": "Jl. Dr. Ir. Soekarno No. 99x Tabanan – Bali",
+      "address": "Toshkent shahri , Yunusabod tumani , Niyozbek yo'li 3 tor ko'chasi , 39 uy",
       "phone": "Телефон"
     }
   },
@@ -208,7 +208,7 @@
     "emergency": "Экстренный Вызов!"
   },
   "footer": {
-    "description": "Мы воспринимаемся как луч надежды, фигура, которая приносит спокойствие среди хаоса и свет в самые темные моменты.",
+    "description": "Мы предоставляем профессиональные услуги по установке систем пожарной безопасности и продаже сертифицированных средств защиты.",
     "quickLinks": {
       "title": "БЫСТРЫЕ ССЫЛКИ",
       "home": "Главная",
@@ -221,7 +221,8 @@
       "title": "ПОДДЕРЖКА",
       "contact": "Контакты",
       "help": "Помощь"
-    }
+    },
+    "address":"г. Ташкент, Юнусабадский район, 3-й тупик улицы Ниязбек йўли, дом 39"
   },
   "rasmlar": "Изображения",
   "fotogalereya": "Фотогалерея",

messages/uz.json

@@ -139,9 +139,9 @@
       "privacy": "Bizning maxfiylik siyosatimizga rozilik bildirasiz",
       "send": "XABAR YUBORISH",
       "email": "ELEKTRON POCHTA",
-      "emailAddress": "support@ignum.com",
+      "emailAddress": "info@ignum-tech.com",
       "location": "Bizning Manzilimiz",
-      "address": "Jl. Dr. Ir. Soekarno No. 99x Tabanan – Bali",
+      "address": "Toshkent shahri , Yunusabod tumani , Niyozbek yo'li 3 tor ko'chasi , 39 uy",
       "phone": "Telefon"
     }
   },
@@ -208,7 +208,7 @@
     "emergency": "Favqulodda Qo'ng'iroq!"
   },
   "footer": {
-    "description": "Biz umid nuri, tartibsizlik davrida tinchlik va eng qiyin vaziyatlarda ishonchli himoya manbai sifatida ko'rilamiz.",
+    "description": "Biz yong‘in xavfsizligi tizimlarini o‘rnatish va sertifikatlangan himoya vositalari savdosi bo‘yicha professional xizmatlar ko‘rsatamiz.",
     "quickLinks": {
       "title": "TEZKOR HAVOLALAR",
       "home": "Asosiy",
@@ -221,7 +221,8 @@
       "title": "YORDAM",
       "contact": "Aloqa",
       "help": "Yordam"
-    }
+    },
+    "address": "Toshkent shahri , Yunusabod tumani , Niyozbek yo'li 3 tor ko'chasi , 39 uy"
   },
   "rasmlar": "Rasmlar",
   "fotogalereya": "Fotogalereya",
@@ -229,8 +230,8 @@
   "contactSubTitle": "Xodimlarimiz siz bilan bog'lanishadi",
   "enterPhone": "Telefon raqamingiz kiriting",
   "send": "Yuborish",
-  "error":"Xatolik!",
+  "error": "Xatolik!",
-  "succes":"Yuborildi!",
+  "succes": "Yuborildi!",
   "priceModal": {
     "title": "Narxni bilish",
     "product": {