upheader added new things

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`}

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>
+  );
+}