From 9d406d0998e2079ce0cc65e0f680f4f17c99b136 Mon Sep 17 00:00:00 2001
From: "nabijonovdavronbek619@gmail.com" <nabijonovdavronbek619@gmail.com>
Date: Sun, 1 Mar 2026 13:42:19 +0500
Subject: [PATCH] upheader added new things

---
 components/layout/navbar.tsx   |  6 ++++--
 components/layout/upHeader.tsx | 36 ++++++++++++++++++++++++++++++++++
 messages/ru.json               |  6 +++---
 3 files changed, 43 insertions(+), 5 deletions(-)
 create mode 100644 components/layout/upHeader.tsx

diff --git a/components/layout/navbar.tsx b/components/layout/navbar.tsx
index c833e62..65acc76 100644
--- a/components/layout/navbar.tsx
+++ b/components/layout/navbar.tsx
@@ -5,6 +5,7 @@ import { ChevronDown, Phone, Menu, X } from "lucide-react";
 import Image from "next/image";
 import LanguageSelectRadix from "../languageSwitcher";
 import { useLocale, useTranslations } from "next-intl";
+import UpHeader from "./upHeader";
 
 export function Navbar() {
   const locale = useLocale();
@@ -34,6 +35,7 @@ export function Navbar() {
       <nav
         className={`fixed top-0 left-0 right-0 z-50 border-b border-gray-400/50 ${scrolled && "bg-black"} transition`}
       >
+        {!scrolled && <UpHeader />}
         <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
           <div className="flex justify-between items-center h-20">
             {/* Logo */}
@@ -69,7 +71,7 @@ export function Navbar() {
                 href={`/${locale}/faq`}
                 className="font-unbounded uppercase text-white text-sm h-full flex items-center font-semibold hover:cursor-pointer hover:text-red-500 transition"
               >
-                {locale === "ru" ? "ФАК" : "FAQ"}
+                {locale === "ru" ? "ЧЗВ" : "FAQ"}
               </Link>
               <Link
                 href={`/${locale}/services`}
@@ -187,7 +189,7 @@ export function Navbar() {
             className="font-unbounded uppercase text-white text-base font-semibold hover:text-red-500 transition py-2"
             onClick={() => setIsMobileMenuOpen(false)}
           >
-            {locale === "ru" ? "ФАК" : "FAQ"}
+            {locale === "ru" ? "ЧЗВ" : "FAQ"}
           </Link>
           <Link
             href={`/${locale}/services`}
diff --git a/components/layout/upHeader.tsx b/components/layout/upHeader.tsx
new file mode 100644
index 0000000..74eff4b
--- /dev/null
+++ b/components/layout/upHeader.tsx
@@ -0,0 +1,36 @@
+import { Mail, Phone, Send } from "lucide-react";
+
+const downloadCatalog = () => {
+  const link = document.createElement("a");
+  link.href = "/catalog.pdf";
+  link.download = "catalog.pdf";
+  document.body.appendChild(link);
+  link.click();
+  document.body.removeChild(link);
+};
+
+export default function UpHeader() {
+  return (
+    <div className="w-full border-b border-gray-400/50">
+      <div className="max-w-7xl mx-auto py-2 px-4 sm:px-6 lg:px-8 flex justify-between items-center">
+        <div className="flex items-center gap-4">
+          <a>
+            <Mail />
+          </a>
+          <a>
+            <Phone />
+          </a>
+          <a>
+            <Send />
+          </a>
+        </div>
+        <button
+          onClick={downloadCatalog}
+          className="py-1 px-4 hover:bg-red-700 hover:cursor-pointer hover:border-red-700 text-white font-medium border border-white rounded-md transition"
+        >
+          Download Catalog
+        </button>
+      </div>
+    </div>
+  );
+}
diff --git a/messages/ru.json b/messages/ru.json
index 63254c3..cf4c457 100644
--- a/messages/ru.json
+++ b/messages/ru.json
@@ -170,7 +170,7 @@
   },
   "faq": {
     "banner": {
-      "title": "FAQ",
+      "title": "ЧЗВ",
       "subtitle": "Общие Вопросы",
       "topic": "О РАБОТЕ"
     },
@@ -212,7 +212,7 @@
     "about": "О НАС",
     "pages": "СТРАНИЦЫ",
     "services": "УСЛУГИ",
-    "faq": "FAQ",
+    "faq": "ЧЗВ",
     "products": "ПРОДУКТЫ",
     "contact": "КОНТАКТЫ",
     "emergency": "Экстренный Вызов!"
@@ -225,7 +225,7 @@
       "about": "О нас",
       "services": "Услуги",
       "products": "Продукты",
-      "faq": "FAQ"
+      "faq": "ЧЗВ"
     },
     "support": {
       "title": "ПОДДЕРЖКА",