translation
This commit is contained in:
nabijonovdavronbek619@gmail.com
@@ -4,8 +4,10 @@ import React from "react";
|
||||
|
||||
import { useState } from "react";
|
||||
import { Mail, Phone, MapPin } from "lucide-react";
|
||||
import { useTranslations } from "next-intl";
|
||||
|
||||
export function Footer() {
|
||||
const t = useTranslations();
|
||||
const [email, setEmail] = useState("");
|
||||
const [subscribed, setSubscribed] = useState(false);
|
||||
|
||||
@@ -75,8 +77,7 @@ export function Footer() {
|
||||
<span className="text-xl font-bold text-white">FIREFORCE</span>
|
||||
</div>
|
||||
<p className="text-sm leading-relaxed text-gray-300">
|
||||
They are seen as a beacon of hope, a figure who brings calm
|
||||
amidst chaos and light in the darkest of moments.
|
||||
{t("footer.description")}
|
||||
</p>
|
||||
</div>
|
||||
|
||||
@@ -86,12 +87,12 @@ export function Footer() {
|
||||
<ul className="space-y-3 text-gray-300">
|
||||
<li>
|
||||
<a href="#home" className="transition hover:text-[#fa1d1d]">
|
||||
Home
|
||||
{t("footer.quickLinks.home")}
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#about" className="transition hover:text-[#fa1d1d]">
|
||||
About
|
||||
{t("footer.quickLinks.about")}
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
@@ -99,20 +100,12 @@ export function Footer() {
|
||||
href="#services"
|
||||
className="transition hover:text-[#fa1d1d]"
|
||||
>
|
||||
Services
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a
|
||||
href="#pricing"
|
||||
className="transition hover:text-[#fa1d1d]"
|
||||
>
|
||||
Pricing
|
||||
{t("footer.quickLinks.services")}
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#blog" className="transition hover:text-[#fa1d1d]">
|
||||
Blog
|
||||
{t("footer.quickLinks.products")}
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
@@ -120,40 +113,13 @@ export function Footer() {
|
||||
|
||||
{/* Support */}
|
||||
<div>
|
||||
<h3 className="mb-6 text-lg font-bold text-white">SUPPORT</h3>
|
||||
<h3 className="mb-6 text-lg font-bold text-white">
|
||||
{t("footer.support.title")}
|
||||
</h3>
|
||||
<ul className="space-y-3 text-gray-300">
|
||||
<li>
|
||||
<a href="#help" className="transition hover:text-[#fa1d1d]">
|
||||
Help Center
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a
|
||||
href="#disclaimer"
|
||||
className="transition hover:text-[#fa1d1d]"
|
||||
>
|
||||
Disclaimer
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#faq" className="transition hover:text-[#fa1d1d]">
|
||||
FAQ
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a
|
||||
href="#support"
|
||||
className="transition hover:text-[#fa1d1d]"
|
||||
>
|
||||
Support
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a
|
||||
href="#contact"
|
||||
className="transition hover:text-[#fa1d1d]"
|
||||
>
|
||||
Contact
|
||||
{t("footer.support.contact")}
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user