Davron/ignum
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

translation

Browse Source
This commit is contained in:
nabijonovdavronbek619@gmail.com
2026-01-27 20:44:21 +05:00
parent 21cb013cd8
commit ac7cd51600
24 changed files with 397 additions and 337 deletions
Download Patch File Download Diff File Expand all files Collapse all files

53
components/layout/navbar.tsx
View File

@@ -4,8 +4,10 @@ import Link from "next/link";
import { ChevronDown, Phone, Menu, X } from "lucide-react";
import Image from "next/image";
import LanguageSelectRadix from "../languageSwitcher";
import { useTranslations } from "next-intl";
export function Navbar() {
const t = useTranslations();
const [isDropdownOpen, setIsDropdownOpen] = useState(false);
const [isMobileMenuOpen, setIsMobileMenuOpen] = useState(false);
const [scrolled, setScrolled] = useState(false);
@@ -55,13 +57,13 @@ export function Navbar() {
href="/"
className="text-white text-sm h-full flex items-center font-semibold hover:cursor-pointer hover:text-red-500 transition"
>
HOME
{t("navbar.home")}
</Link>
<Link
href="/about"
className="text-white text-sm h-full flex items-center font-semibold hover:cursor-pointer hover:text-red-500 transition"
>
ABOUT
{t("navbar.about")}
</Link>
{/* Pages Dropdown */}
@@ -70,7 +72,7 @@ export function Navbar() {
className="text-white text-sm h-full font-semibold hover:text-red-500
transition-colors flex items-center gap-1"
>
PAGES
{t("navbar.pages")}
<ChevronDown
size={16}
className="transition-transform group-hover:rotate-180"
@@ -90,14 +92,14 @@ export function Navbar() {
className="block px-4 py-2 text-black text-sm hover:bg-red-600
hover:text-white transition-colors"
>
FAQ
{t("navbar.faq")}
</Link>
<Link
href="/services"
className="block px-4 py-2 text-black text-sm hover:bg-red-600
hover:text-white transition-colors"
>
Services
{t("navbar.services")}
</Link>
{/* <Link
href="/blog"
@@ -113,13 +115,13 @@ export function Navbar() {
href="/products"
className="text-white text-sm h-full flex items-center font-semibold hover:cursor-pointer hover:text-red-500 transition"
>
PRODUCTS
{t("navbar.products")}
</Link>
<Link
href="/contact"
className="text-white text-sm h-full flex items-center font-semibold hover:cursor-pointer hover:text-red-500 transition"
>
CONTACT
{t("navbar.contact")}
</Link>
</div>
@@ -132,7 +134,7 @@ export function Navbar() {
<Phone size={20} className="text-white" />
<div>
<div className="text-white text-xs font-semibold">
Emergency Call!
{t("navbar.emergency")}
</div>
<div className="text-white text-sm font-bold">
+123-456-7890
@@ -170,14 +172,21 @@ export function Navbar() {
>
{/* Mobile Menu Header */}
<div className="flex justify-between items-center p-6 border-b border-gray-700">
<div className="flex items-center gap-2">
<div className="w-8 h-8 bg-red-600 rounded-full flex items-center justify-center">
<div className="w-6 h-6 bg-white rounded-full"></div>
{/* Logo */}
<Link href="/" className="hover:cursor-pointer">
<div className="flex items-center gap-2">
<div className="p-2 rounded-xl flex items-center justify-center">
<Image
src="/images/IGNUM/PNG/1.@6x.png"
alt="logo image"
width={70}
height={70}
className=""
/>
</div>
Ignum
</div>
<span className="text-white font-bold text-lg tracking-wider">
FIREFORCE
</span>
</div>
</Link>
<button
onClick={() => setIsMobileMenuOpen(false)}
className="text-white p-2 hover:bg-red-600 rounded-md transition"
@@ -193,14 +202,14 @@ export function Navbar() {
className="text-white text-base font-semibold hover:text-red-500 transition py-2"
onClick={() => setIsMobileMenuOpen(false)}
>
HOME
{t("navbar.home")}
</Link>
<Link
href="/about"
className="text-white text-base font-semibold hover:text-red-500 transition py-2"
onClick={() => setIsMobileMenuOpen(false)}
>
ABOUT
{t("navbar.about")}
</Link>
{/* Mobile Pages Dropdown */}
@@ -209,7 +218,7 @@ export function Navbar() {
onClick={() => setIsDropdownOpen(!isDropdownOpen)}
className="text-white text-base font-semibold hover:text-red-500 transition flex items-center gap-1 py-2 w-full"
>
PAGES
{t("navbar.pages")}
<ChevronDown
size={16}
className={`transition-transform ${isDropdownOpen ? "rotate-180" : ""}`}
@@ -222,14 +231,14 @@ export function Navbar() {
className="text-white/80 text-sm hover:text-red-500 transition py-2"
onClick={() => setIsMobileMenuOpen(false)}
>
FAQ
{t("navbar.faq")}
</Link>
<Link
href="/services"
className="text-white/80 text-sm hover:text-red-500 transition py-2"
onClick={() => setIsMobileMenuOpen(false)}
>
Services
{t("navbar.services")}
</Link>
</div>
)}
@@ -240,14 +249,14 @@ export function Navbar() {
className="text-white text-base font-semibold hover:text-red-500 transition py-2"
onClick={() => setIsMobileMenuOpen(false)}
>
PRODUCTS
{t("navbar.products")}
</Link>
<Link
href="/contact"
className="text-white text-base font-semibold hover:text-red-500 transition py-2"
onClick={() => setIsMobileMenuOpen(false)}
>
CONTACT
{t("navbar.contact")}
</Link>
</div>
</div>