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

text font fixed

Browse Source
This commit is contained in:
nabijonovdavronbek619@gmail.com
2026-01-28 12:10:55 +05:00
parent 196f99d8dd
commit 29e06be337
20 changed files with 153 additions and 141 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
app/[locale]/home/page.tsx
View File

@@ -15,11 +15,11 @@ export default function Home() {
<Banner />
<Statistics />
<AboutUs />
<Video />
<OurService />
<Testimonial />
<Line />
<Blog />
<Video />
<OurService />
{/* <Testimonial /> */}
</main>
);
}

44
components/layout/footer.tsx
View File

@@ -5,6 +5,7 @@ import React from "react";
import { useState } from "react";
import { Mail, Phone, MapPin } from "lucide-react";
import { useTranslations } from "next-intl";
import Image from "next/image";
export function Footer() {
const t = useTranslations();
@@ -33,10 +34,10 @@ export function Footer() {
<div className="mx-auto max-w-6xl">
<div className="rounded-2xl bg-[#fa1d1d] px-6 py-8 md:flex lg:flex-row flex-col max-lg:gap-5 md:items-center lg:justify-between justify-center md:px-10 md:py-12">
<div className="mb-8 md:mb-0">
<h2 className="text-2xl font-bold text-white md:text-3xl">
<h2 className="font-unbounded text-2xl font-bold text-white md:text-3xl">
SUBSCRIBE OUR NEWSLETTER
</h2>
<p className="mt-2 text-gray-100">
<p className="font-almarai mt-2 text-gray-100">
Expect a friendly letter from us once a week. No spam.
</p>
</div>
@@ -50,12 +51,12 @@ export function Footer() {
placeholder="Enter your email address"
value={email}
onChange={(e) => setEmail(e.target.value)}
className="flex-1 rounded-full bg-white px-6 py-3 text-gray-800 placeholder-gray-400 focus:outline-none md:w-64"
className="font-almarai flex-1 rounded-full bg-white px-6 py-3 text-gray-800 placeholder-gray-400 focus:outline-none md:w-64"
required
/>
<button
type="submit"
className="rounded-full bg-gray-800 px-6 py-3 font-bold text-white transition hover:bg-gray-700"
className="font-almarai rounded-full bg-gray-800 px-6 py-3 font-bold text-white transition hover:bg-gray-700"
>
{subscribed ? "✓ Sent" : "SIGN UP"}
</button>
@@ -71,40 +72,47 @@ export function Footer() {
{/* Brand Section */}
<div>
<div className="mb-4 flex items-center gap-2">
<div className="flex h-8 w-8 items-center justify-center rounded-full bg-[#fa1d1d]">
<span className="text-lg font-bold text-white">⚡</span>
<div className=" flex items-center justify-center">
<Image
src="/images/IGNUM/PNG/1.@6x.png"
alt="logo image"
width={70}
height={70}
className=""
/>
</div>
<span className="text-xl font-bold text-white">FIREFORCE</span>
</div>
<p className="text-sm leading-relaxed text-gray-300">
<p className="font-almarai text-sm leading-relaxed text-gray-300">
{t("footer.description")}
</p>
</div>
{/* Quick Links */}
<div>
<h3 className="mb-6 text-lg font-bold text-white">QUICK LINK</h3>
<h3 className="font-unbounded uppercase mb-6 text-lg font-bold text-white">
{t("footer.quickLinks.title")}
</h3>
<ul className="space-y-3 text-gray-300">
<li>
<a href="#home" className="transition hover:text-[#fa1d1d]">
<a href="#home" className="font-almarai transition hover:text-[#fa1d1d]">
{t("footer.quickLinks.home")}
</a>
</li>
<li>
<a href="#about" className="transition hover:text-[#fa1d1d]">
<a href="#about" className="font-almarai transition hover:text-[#fa1d1d]">
{t("footer.quickLinks.about")}
</a>
</li>
<li>
<a
href="#services"
className="transition hover:text-[#fa1d1d]"
className="font-almarai transition hover:text-[#fa1d1d]"
>
{t("footer.quickLinks.services")}
</a>
</li>
<li>
<a href="#blog" className="transition hover:text-[#fa1d1d]">
<a href="#blog" className="font-almarai transition hover:text-[#fa1d1d]">
{t("footer.quickLinks.products")}
</a>
</li>
@@ -113,10 +121,10 @@ export function Footer() {
{/* Support */}
<div>
<h3 className="mb-6 text-lg font-bold text-white">
<h3 className="font-unbounded mb-6 text-lg font-bold text-white">
{t("footer.support.title")}
</h3>
<ul className="space-y-3 text-gray-300">
<ul className="font-almarai space-y-3 text-gray-300">
<li>
<a href="#help" className="transition hover:text-[#fa1d1d]">
{t("footer.support.contact")}
@@ -127,8 +135,8 @@ export function Footer() {
{/* Contact */}
<div>
<h3 className="mb-6 text-lg font-bold text-white">CONTACT</h3>
<ul className="space-y-4 text-gray-300">
<h3 className="font-unbounded uppercase mb-6 text-lg font-bold text-white">{t("footer.support.contact")}</h3>
<ul className="font-almarai space-y-4 text-gray-300">
<li className="flex items-start gap-3">
<Phone className="mt-1 h-5 w-5 shrink-0 text-white" />
<a href="tel:+1234567890" className="hover:text-[#fa1d1d]">
@@ -157,7 +165,7 @@ export function Footer() {
{/* Copyright Section */}
<div className="border-t border-gray-800 px-4 py-8">
<div className="mx-auto max-w-6xl">
<div className="flex flex-col justify-between gap-4 text-sm text-gray-400 md:flex-row md:items-center">
<div className="font-almarai flex flex-col justify-between gap-4 text-sm text-gray-400 md:flex-row md:items-center">
<div>
Copyright © 2025 Fireforce. Built with
<span className="text-white">

43
components/layout/navbar.tsx
View File

@@ -39,7 +39,7 @@ export function Navbar() {
{/* 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">
<div className=" flex items-center justify-center">
<Image
src="/images/IGNUM/PNG/1.@6x.png"
alt="logo image"
@@ -55,13 +55,13 @@ export function Navbar() {
<div className="hidden h-full lg:flex items-center gap-8">
<Link
href="/"
className="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 flex items-center font-semibold hover:cursor-pointer hover:text-red-500 transition"
>
{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"
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.about")}
</Link>
@@ -69,7 +69,7 @@ export function Navbar() {
{/* Pages Dropdown */}
<div className="relative group h-full">
<button
className="text-white text-sm h-full font-semibold hover:text-red-500
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.pages")}
@@ -89,21 +89,21 @@ export function Navbar() {
>
<Link
href="/faq"
className="block px-4 py-2 text-black text-sm hover:bg-red-600
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="/services"
className="block px-4 py-2 text-black text-sm hover:bg-red-600
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="/blog"
className="block px-4 py-2 text-black text-sm hover:bg-red-600
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
@@ -113,13 +113,13 @@ export function Navbar() {
<Link
href="/products"
className="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 flex items-center font-semibold hover:cursor-pointer hover:text-red-500 transition"
>
{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"
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.contact")}
</Link>
@@ -133,7 +133,7 @@ export function Navbar() {
<div className="hidden lg:flex items-center gap-3 bg-red-600 px-4 py-2 rounded-full">
<Phone size={20} className="text-white" />
<div>
<div className="text-white text-xs font-semibold">
<div className="font-unbounded uppercase text-white text-xs font-semibold">
{t("navbar.emergency")}
</div>
<div className="text-white text-sm font-bold">
@@ -174,17 +174,16 @@ export function Navbar() {
<div className="flex justify-between items-center p-6 border-b border-gray-700">
{/* 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">
<div className="font-unbounded uppercase flex flex-col items-center text-2xl gap-2 text-white font-bold">
<div className=" flex items-center justify-center">
<Image
src="/images/IGNUM/PNG/1.@6x.png"
alt="logo image"
width={70}
height={70}
width={50}
height={50}
className=""
/>
</div>
Ignum
</div>
</Link>
<button
@@ -199,14 +198,14 @@ export function Navbar() {
<div className="flex flex-col p-6 gap-4">
<Link
href="/"
className="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 py-2"
onClick={() => setIsMobileMenuOpen(false)}
>
{t("navbar.home")}
</Link>
<Link
href="/about"
className="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 py-2"
onClick={() => setIsMobileMenuOpen(false)}
>
{t("navbar.about")}
@@ -216,7 +215,7 @@ export function Navbar() {
<div>
<button
onClick={() => setIsDropdownOpen(!isDropdownOpen)}
className="text-white text-base font-semibold hover:text-red-500 transition flex items-center gap-1 py-2 w-full"
className="font-unbounded uppercase text-white text-base font-semibold hover:text-red-500 transition flex items-center gap-1 py-2 w-full"
>
{t("navbar.pages")}
<ChevronDown
@@ -228,14 +227,14 @@ export function Navbar() {
<div className="ml-4 mt-2 flex flex-col gap-2">
<Link
href="/faq"
className="text-white/80 text-sm hover:text-red-500 transition py-2"
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="/services"
className="text-white/80 text-sm hover:text-red-500 transition py-2"
className="font-unbounded uppercase text-white/80 text-sm hover:text-red-500 transition py-2"
onClick={() => setIsMobileMenuOpen(false)}
>
{t("navbar.services")}
@@ -246,14 +245,14 @@ export function Navbar() {
<Link
href="/products"
className="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 py-2"
onClick={() => setIsMobileMenuOpen(false)}
>
{t("navbar.products")}
</Link>
<Link
href="/contact"
className="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 py-2"
onClick={() => setIsMobileMenuOpen(false)}
>
{t("navbar.contact")}

6
components/pages/about/aboutBanner.tsx
View File

@@ -28,18 +28,18 @@ export function AboutBanner() {
<div className="spacw-y-4 ">
<div className="flex items-center gap-3">
<DotAnimatsiya />
<span className="text-sm text-white font-semibold tracking-wide">
<span className="font-almarai text-sm text-white font-semibold tracking-wide">
{t("about.banner.title")}
</span>
</div>
<p
className=" bg-linear-to-br from-white via-white to-black
className="font-unbounded uppercase bg-linear-to-br from-white via-white to-black
text-transparent bg-clip-text text-4xl sm:text-5xl lg:text-6xl font-bold leading-tight text-pretty"
>
{t("about.banner.subtitle")}
</p>
</div>
<div className="lg:w-[40%] text-gray-300 mt-20">
<div className="font-almarai lg:w-[40%] text-gray-300 mt-20">
{t("about.banner.description")}
</div>
</div>

22
components/pages/about/story.tsx
View File

@@ -27,11 +27,13 @@ export function Story() {
{/* Content */}
<div className="relative z-20 p-8 lg:p-12 max-w-130">
<h2 className="text-white text-4xl lg:text-5xl font-bold mb-6">
<h2 className="uppercase font-unbounded text-white text-4xl lg:text-5xl font-bold mb-6">
{t("about.story.title")}
</h2>
<p className="text-gray-300 mb-4">{t("about.story.description")}</p>
<button className="text-white flex items-center gap-2 hover:text-red-500 transition">
<p className="font-almarai text-gray-300 mb-4">
{t("about.story.description")}
</p>
<button className="font-almarai text-white flex items-center gap-2 hover:text-red-500 transition">
{t("about.story.readMore")}
<svg
className="w-4 h-4"
@@ -66,13 +68,15 @@ export function Story() {
/>
</span>
<div className="space-y-1 text-white">
<h2 className="text-xl font-semibold">
<h2 className="font-unbounded text-xl font-semibold">
{t("about.story.vision.title")}
</h2>
<p>{t("about.story.vision.description")}</p>
<p className="font-almarai">
{t("about.story.vision.description")}
</p>
</div>
</div>
<div className="flex sm:flex-row flex-col sm:items-center items-start md:rounded-t-xl max-md:rounded-xl max-w-md w-full sm:p-7 p-2 bg-black sm:gap-5 gap-2">
<div className="flex sm:flex-row flex-col sm:items-center items-start md:rounded-t-xl max-md:rounded-xl max-w-md w-full sm:p-4 p-2 bg-black sm:gap-5 gap-2">
<span className="sm:rounded-xl rounded-lg bg-[#1e1d1c] sm:p-3 p-1 max-sm:w-15 max-sm:h-15">
<Image
src="/images/about/fireforce-mission.png"
@@ -83,10 +87,10 @@ export function Story() {
/>
</span>
<div className="space-y-1 text-white">
<h2 className="text-xl font-semibold">
{t("about.story.mission.title")}
<h2 className="font-unbounded text-xl font-semibold">
{t("about.story.mission.title")}
</h2>
<p>
<p className="font-almarai">
{t("about.story.mission.description")}
</p>
</div>

14
components/pages/about/whyChooseUs.tsx
View File

@@ -23,20 +23,20 @@ export function WhyChooseUs() {
<div>
<div className="mb-4 flex items-center gap-2">
<DotAnimatsiya />
<span className="text-sm font-semibold tracking-wider text-white">
<span className="font-almarai text-sm font-semibold tracking-wider text-white">
{t("about.whyChoose.title")}
</span>
</div>
<h2
className="bg-linear-to-br from-white via-white to-black
text-transparent bg-clip-text text-4xl font-bold sm:text-5xl lg:text-6xl"
className="font-unbounded uppercase bg-linear-to-br from-white via-white to-black
text-transparent bg-clip-text text-3xl font-bold sm:text-4xl lg:text-5xl"
>
{t("about.whyChoose.subtitle")}
</h2>
</div>
{/* Description */}
<p className="text-base leading-relaxed text-gray-400 sm:text-lg">
<p className="font-almarai text-base leading-relaxed text-gray-400 sm:text-lg">
{t("about.whyChoose.description")}
</p>
@@ -47,7 +47,7 @@ export function WhyChooseUs() {
<div className="shrink-0">
<Check className="h-5 w-5 text-red-600 sm:h-6 sm:w-6" />
</div>
<span className="text-sm font-medium text-white sm:text-base">
<span className="font-almarai text-sm font-medium text-white sm:text-base">
{feature.title}
</span>
</div>
@@ -56,7 +56,7 @@ export function WhyChooseUs() {
{/* CTA Button */}
<div>
<button className="shadow-[0px_0px_2px_8px_#ff01015c] rounded-full bg-red-600 px-6 py-3 font-bold text-white transition-all hover:bg-red-700 sm:px-8 sm:py-4">
<button className="font-almarai shadow-[0px_0px_2px_8px_#ff01015c] rounded-full bg-red-600 px-6 py-3 font-bold text-white transition-all hover:bg-red-700 sm:px-8 sm:py-4">
{t("about.whyChoose.contact")}
</button>
</div>
@@ -86,7 +86,7 @@ export function WhyChooseUs() {
className="h-24 w-24 sm:h-20 sm:w-20"
/>
<div>
<p className="text-sm font-bold text-white sm:text-base">
<p className="font-almarai text-sm font-bold text-white sm:text-base">
{t("about.whyChoose.award")}
</p>
</div>

6
components/pages/contact/contactHeader.tsx
View File

@@ -8,17 +8,17 @@ export default function ContactHeader() {
<div className="mb-8 text-center">
<div className="mb-4 flex items-center justify-center gap-2">
<DotAnimatsiya />
<span className="text-sm font-semibold tracking-wider text-white">
<span className="font-almarai text-sm font-semibold tracking-wider text-white">
{t("contact.banner.title")}
</span>
</div>
<h2
className="bg-linear-to-br from-white via-white to-black
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"
>
{t("contact.banner.subtitle")}
</h2>
<p className="mt-3 text-sm text-gray-300 italic">
<p className="font-almarai mt-3 text-sm text-gray-300 italic">
{t("contact.banner.description")}
</p>
</div>

31
components/pages/contact/form.tsx
View File

@@ -129,12 +129,13 @@ export default function Form() {
placeholder={t("contact.form.placeholders.firstName")}
value={formData.firstName}
onChange={handleChange}
className={`w-full rounded-3xl border bg-white px-4 py-3 text-sm text-gray-700 placeholder-gray-400 outline-none transition focus:ring-2 focus:ring-red-500 ${
className={`font-almarai w-full rounded-3xl border bg-white px-4 py-3 text-sm
text-gray-700 placeholder-gray-400 outline-none transition focus:ring-2 focus:ring-red-500 ${
errors.firstName ? "border-red-500" : "border-transparent"
}`}
/>
{errors.firstName && (
<p className="mt-1 text-xs text-red-500">{errors.firstName}</p>
<p className="font-almarai mt-1 text-xs text-red-500">{errors.firstName}</p>
)}
</div>
<div>
@@ -144,12 +145,12 @@ export default function Form() {
placeholder={t("contact.form.placeholders.lastName")}
value={formData.lastName}
onChange={handleChange}
className={`w-full rounded-3xl border bg-white px-4 py-3 text-sm text-gray-700 placeholder-gray-400 outline-none transition focus:ring-2 focus:ring-red-500 ${
className={`font-almarai w-full rounded-3xl border bg-white px-4 py-3 text-sm text-gray-700 placeholder-gray-400 outline-none transition focus:ring-2 focus:ring-red-500 ${
errors.lastName ? "border-red-500" : "border-transparent"
}`}
/>
{errors.lastName && (
<p className="mt-1 text-xs text-red-500">{errors.lastName}</p>
<p className="font-almarai mt-1 text-xs text-red-500">{errors.lastName}</p>
)}
</div>
</div>
@@ -163,12 +164,12 @@ export default function Form() {
placeholder={t("contact.form.placeholders.email")}
value={formData.email}
onChange={handleChange}
className={`w-full rounded-3xl border bg-white px-4 py-3 text-sm text-gray-700 placeholder-gray-400 outline-none transition focus:ring-2 focus:ring-red-500 ${
className={`font-almarai w-full rounded-3xl border bg-white px-4 py-3 text-sm text-gray-700 placeholder-gray-400 outline-none transition focus:ring-2 focus:ring-red-500 ${
errors.email ? "border-red-500" : "border-transparent"
}`}
/>
{errors.email && (
<p className="mt-1 text-xs text-red-500">{errors.email}</p>
<p className="font-almarai mt-1 text-xs text-red-500">{errors.email}</p>
)}
</div>
<div>
@@ -178,12 +179,12 @@ export default function Form() {
placeholder={t("contact.form.placeholders.subject")}
value={formData.subject}
onChange={handleChange}
className={`w-full rounded-3xl border bg-white px-4 py-3 text-sm text-gray-700 placeholder-gray-400 outline-none transition focus:ring-2 focus:ring-red-500 ${
className={`font-almarai w-full rounded-3xl border bg-white px-4 py-3 text-sm text-gray-700 placeholder-gray-400 outline-none transition focus:ring-2 focus:ring-red-500 ${
errors.subject ? "border-red-500" : "border-transparent"
}`}
/>
{errors.subject && (
<p className="mt-1 text-xs text-red-500">{errors.subject}</p>
<p className="font-almarai mt-1 text-xs text-red-500">{errors.subject}</p>
)}
</div>
</div>
@@ -196,12 +197,12 @@ export default function Form() {
rows={8}
value={formData.message}
onChange={handleChange}
className={`w-full resize-none rounded-md border bg-white px-4 py-3 text-sm text-gray-700 placeholder-gray-400 outline-none transition focus:ring-2 focus:ring-red-500 ${
className={`font-almarai w-full resize-none rounded-md border bg-white px-4 py-3 text-sm text-gray-700 placeholder-gray-400 outline-none transition focus:ring-2 focus:ring-red-500 ${
errors.message ? "border-red-500" : "border-transparent"
}`}
/>
{errors.message && (
<p className="mt-1 text-xs text-red-500">{errors.message}</p>
<p className="font-almarai mt-1 text-xs text-red-500">{errors.message}</p>
)}
</div>
@@ -222,30 +223,30 @@ export default function Form() {
<Check className="h-3 w-3 text-white" strokeWidth={3} />
)}
</button>
<span className="text-sm text-gray-300">
<span className="font-almarai text-sm text-gray-300">
{t("contact.form.privacy")}
</span>
</div>
<button
type="submit"
disabled={isSubmitting}
className="shadow-[0px_0px_2px_8px_#ff01015c] rounded-full bg-red-600 px-8 py-3 text-sm font-semibold uppercase tracking-wider text-white transition hover:cursor-pointer hover:scale-90 disabled:cursor-not-allowed disabled:opacity-50"
className="font-almarai shadow-[0px_0px_2px_8px_#ff01015c] rounded-full bg-red-600 px-8 py-3 text-sm font-semibold uppercase tracking-wider text-white transition hover:cursor-pointer hover:scale-90 disabled:cursor-not-allowed disabled:opacity-50"
>
{isSubmitting ? "Sending..." : t("contact.form.send")}
</button>
</div>
{errors.agreeToPolicy && (
<p className="text-xs text-red-500">{errors.agreeToPolicy}</p>
<p className="font-almarai text-xs text-red-500">{errors.agreeToPolicy}</p>
)}
{/* Status Messages */}
{submitStatus === "success" && (
<p className="text-center text-sm text-green-400">
<p className="font-almarai text-center text-sm text-green-400">
Message sent successfully!
</p>
)}
{submitStatus === "error" && (
<p className="text-center text-sm text-red-400">
<p className="font-almarai text-center text-sm text-red-400">
Failed to send message. Please try again.
</p>
)}

4
components/pages/contact/main.tsx
View File

@@ -61,10 +61,10 @@ export function Contact() {
<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" />
</div>
<h3 className="text-sm font-bold tracking-wider text-white">
<h3 className="font-almarai text-sm font-bold tracking-wider text-white">
{info.title}
</h3>
<p className="mt-1 text-sm text-gray-400">{info.detail}</p>
<p className="font-almarai mt-1 text-sm text-gray-400">{info.detail}</p>
</div>
))}
</div>

16
components/pages/faq/answearQuestions.tsx
View File

@@ -36,36 +36,36 @@ export function Togle() {
<div className="min-h-screen bg-[#1e1d1c]">
<main className="mx-auto max-w-7xl px-4 py-16 sm:px-6 lg:px-8">
{/* Header Section */}
<div className="mb-16 flex items-start justify-between gap-8 lg:gap-12">
<div className="mb-16 flex items-start justify-between gap-4 lg:gap-12">
<div className="flex items-center md:col-span-1">
<h1
className="bg-linear-to-br from-white via-white/50 to-black
text-transparent bg-clip-text text-3xl font-bold uppercase leading-tight sm:text-4xl md:text-5xl lg:text-6xl"
className="font-unbounded uppercase bg-linear-to-br from-white via-white/50 to-black
text-transparent bg-clip-text text-3xl font-bold leading-tight sm:text-4xl md:text-5xl lg:text-6xl"
>
{t("faq.banner.topic")}
</h1>
</div>
{/* FAQ Section */}
<div className="md:col-span-2">
<div className="max-w-250 w-full">
<FAQAccordion items={faqItems} />
</div>
</div>
{/* ASK QUESTION */}
<div className="space-y-8 w-full mt-10 ">
<h1
className="text-center bg-linear-to-br from-white via-white/50 to-black
text-transparent bg-clip-text text-3xl font-bold uppercase leading-tight sm:text-4xl md:text-5xl lg:text-6xl"
className="font-unbounded uppercase text-center bg-linear-to-br from-white via-white/50 to-black
text-transparent bg-clip-text text-3xl font-bold leading-tight sm:text-4xl md:text-5xl lg:text-6xl"
>
{t("faq.ask.question")}
</h1>
<p className="text-center text-white/80 text-lg">
<p className="font-almarai text-center text-white/80 text-lg">
{t("faq.ask.subtitle")}
</p>
<div className="w-full flex items-center justify-center">
<Link
href={"/contact"}
className="mx-auto shadow-[0px_0px_2px_8px_#ff01015c] bg-red-600 hover:bg-red-700 text-white font-bold py-3 px-8 rounded-full transition duration-300 transform hover:scale-105 w-fit"
className="font-almarai mx-auto shadow-[0px_0px_2px_8px_#ff01015c] bg-red-600 hover:bg-red-700 text-white font-bold py-3 px-8 rounded-full transition duration-300 transform hover:scale-105 w-fit"
>
{t("faq.ask.btn")}
</Link>

4
components/pages/faq/faqAccardion.tsx
View File

@@ -19,7 +19,7 @@ export default function FAQAccordion({ items }: FAQAccordionProps) {
{items.map((item, index) => (
<Accordion.Item key={item.id} value={item.id} className="border-b border-slate-700 py-6">
<Accordion.Trigger className="group flex w-full items-center justify-between text-left">
<h3 className="text-lg font-bold uppercase tracking-wide text-white transition-colors duration-300 group-hover:cursor-pointer md:text-xl">
<h3 className="font-almarai text-lg font-bold uppercase tracking-wide text-white transition-colors duration-300 group-hover:cursor-pointer md:text-xl">
{item.question}
</h3>
<div className="ml-4 shrink-0">
@@ -31,7 +31,7 @@ export default function FAQAccordion({ items }: FAQAccordionProps) {
</Accordion.Trigger>
<Accordion.Content className="overflow-hidden pt-4 text-gray-400 animate-in fade-in slide-in-from-top-2 duration-300 data-[state=closed]:animate-out data-[state=closed]:fade-out data-[state=closed]:slide-out-to-top-2">
<p className="leading-relaxed text-sm md:text-base">{item.answer}</p>
<p className="font-almarai leading-relaxed text-sm md:text-base">{item.answer}</p>
</Accordion.Content>
</Accordion.Item>
))}

4
components/pages/faq/faqBanner.tsx
View File

@@ -28,12 +28,12 @@ export function FaqBanner() {
<div className="spacw-y-4 ">
<div className="flex items-center gap-3">
<DotAnimatsiya />
<span className="text-sm text-white font-semibold tracking-wide">
<span className="font-almarai text-sm text-white font-semibold tracking-wide">
{t("faq.banner.title")}
</span>
</div>
<p
className=" bg-linear-to-br from-white via-white to-black
className="font-unbounded uppercase bg-linear-to-br from-white via-white to-black
text-transparent bg-clip-text text-4xl sm:text-5xl lg:text-6xl font-bold leading-tight text-pretty"
>
{t("faq.banner.subtitle")}

10
components/pages/home/about.tsx
View File

@@ -43,12 +43,12 @@ export function AboutUs() {
<div className="space-y-6">
<div className="flex items-center gap-3">
<DotAnimatsiya />
<span className="text-white font-bold text-sm tracking-wide">
<span className="font-almarai text-white font-bold text-sm tracking-wide">
{t("home.about.title")}
</span>
</div>
<h2
className="text-4xl bg-linear-to-br from-white via-white to-black
className="font-unbounded uppercase text-4xl bg-linear-to-br from-white via-white to-black
text-transparent bg-clip-text sm:text-5xl lg:text-6xl font-bold leading-tight"
>
{t("home.about.subtitle")}
@@ -63,10 +63,10 @@ export function AboutUs() {
{service.icon}
</div>
<div>
<h3 className="text-white font-bold text-base sm:text-lg mb-2">
<h3 className="uppercase font-unbounded text-white font-bold text-base sm:text-lg mb-2">
{service.title}
</h3>
<p className="text-gray-400 text-sm sm:text-base leading-relaxed">
<p className="font-almarai text-gray-400 text-sm sm:text-base leading-relaxed">
{service.description}
</p>
</div>
@@ -76,7 +76,7 @@ export function AboutUs() {
{/* Button */}
<div>
<Button className="bg-red-600 hover:bg-red-700 text-white font-bold px-8 py-3 rounded-full transition-colors duration-300 shadow-[0px_0px_2px_8px_#ff01015c]">
<Button className="font-almarai bg-red-600 hover:bg-red-700 text-white font-bold px-8 py-3 rounded-full transition-colors duration-300 shadow-[0px_0px_2px_8px_#ff01015c]">
{t("home.about.title")}
</Button>
</div>

12
components/pages/home/blog.tsx
View File

@@ -39,12 +39,12 @@ export function Blog() {
<div className="mb-12 text-center">
<div className="mb-4 flex items-center justify-center gap-2">
<DotAnimatsiya />
<span className="text-sm font-semibold tracking-wider text-white uppercase">
<span className="font-almarai text-sm font-semibold tracking-wider text-white uppercase">
{t("home.blog.title")}
</span>
</div>
<h2
className="bg-linear-to-br from-white via-white to-black
className="font-unbounded bg-linear-to-br from-white via-white to-black
text-transparent bg-clip-text text-4xl font-bold tracking-tight md:text-5xl lg:text-6xl"
>
{t("home.blog.subtitle")}
@@ -65,7 +65,7 @@ export function Blog() {
/>
{/* Category Badge */}
<div className="absolute bottom-4 left-4">
<span className="rounded bg-red-600 px-4 py-2 text-sm font-medium text-white">
<span className="font-almarai rounded bg-red-600 px-4 py-2 text-sm font-medium text-white">
{post.category}
</span>
</div>
@@ -73,10 +73,10 @@ export function Blog() {
{/* Content */}
<div>
<h3 className="mb-3 text-lg font-bold leading-tight tracking-wide text-white uppercase md:text-xl">
<h3 className="font-unbounded uppercase mb-3 text-lg font-bold leading-tight tracking-wide text-white md:text-xl">
{post.title}
</h3>
<p className="mb-4 text-sm text-gray-400">
<p className="font-almarai mb-4 text-sm text-gray-400">
<span className="text-gray-500">by </span>
<span className="text-white">{post.author}</span>
<span className="mx-2 text-gray-500">•</span>
@@ -84,7 +84,7 @@ export function Blog() {
</p>
<a
href="#"
className="inline-flex items-center gap-1 text-sm font-semibold tracking-wider text-red-600 uppercase transition-colors hover:text-red-500"
className="font-almarai inline-flex items-center gap-1 text-sm font-semibold tracking-wider text-red-600 uppercase transition-colors hover:text-red-500"
>
{t("home.blog.readMore")}
<ChevronRight className="h-4 w-4" />

2
components/pages/home/line.tsx
View File

@@ -8,7 +8,7 @@ export function Line() {
<div className="bg-black py-10 px-4">
<div className="max-w-280 w-full mx-auto relative py-10 flex items-center justify-between ">
<div className="text-white flex flex-col items-start justify-start gap-5 ">
<h2 className="lg:text-5xl sm:text-3xl text-2xl max-w-[80%] w-full font-semibold">
<h2 className="font-almarai lg:text-5xl sm:text-3xl text-2xl max-w-[80%] w-full font-semibold">
{t("home.contactLine.text")}
</h2>
<p className="flex items-center justify-center gap-4 font-semibold sm:text-xl text-lg">

42
components/pages/home/ourService.tsx
View File

@@ -7,18 +7,18 @@ import Link from "next/link";
export function OurService() {
const t = useTranslations();
return (
<div className="bg-[#1e1d1c] py-10 md:py-16 lg:py-20">
<div className="bg-[#1e1d1c] py-10 md:py-16 lg:py-20 mb-30">
<div className="max-w-7xl w-full mx-auto px-4 sm:px-6 lg:px-8">
{/* Header */}
<div className="space-y-4 md:space-y-6">
<div className="flex items-center justify-center gap-2 text-base sm:text-lg md:text-xl text-white font-bold">
<div className="font-almarai flex items-center justify-center gap-2 text-base sm:text-lg md:text-xl text-white font-bold">
<DotAnimatsiya />
{t("home.services.title")}
</div>
<h1 className="text-2xl sm:text-3xl md:text-4xl lg:text-5xl xl:text-6xl tracking-wider lg:tracking-[5px] font-bold bg-linear-to-br from-white via-white to-gray-400 text-transparent bg-clip-text text-center w-full">
<h1 className="uppercase font-unbounded text-2xl sm:text-3xl md:text-4xl lg:text-5xl xl:text-6xl tracking-wider lg:tracking-[5px] font-bold bg-linear-to-br from-white via-white to-gray-400 text-transparent bg-clip-text text-center w-full">
{t("home.services.subtitle")}
</h1>
<p className="text-center text-sm sm:text-base md:text-lg text-gray-400 max-w-3xl mx-auto px-4">
<p className="font-almarai text-center text-sm sm:text-base md:text-lg text-gray-400 max-w-4xl mx-auto px-4">
{t("home.services.description")}
</p>
</div>
@@ -26,13 +26,13 @@ export function OurService() {
{/* cards */}
<div className="max-w-250 w-full mx-auto flex sm:flex-row flex-col items-center gap-5 my-10">
<div className="relative space-y-4 py-6 px-8 rounded-xl sm:w-[55%] w-full bg-[linear-gradient(to_bottom_right,#000000,#000000,#000000,#d2610a)]">
<p className="font-bold bg-linear-to-br from-white via-white to-black text-transparent bg-clip-text">
<p className="uppercase font-unbounded font-bold bg-linear-to-br from-white via-white to-black text-transparent bg-clip-text">
{t("home.services.services.operation.title")}
</p>
<p className="text-gray-400 max-w-80 w-full">
<p className="font-almarai text-gray-400 max-w-80 w-full">
{t("home.services.services.operation.description")}
</p>
<button className="text-[#dc2626] font-semibold flex items-center gap-2 text-sm">
<button className="font-almarai text-[#dc2626] font-semibold flex items-center gap-2 text-sm">
{t("home.services.learnmore")} <ChevronRight size={20} />
</button>
<Image
@@ -40,17 +40,17 @@ export function OurService() {
alt="images"
width={200}
height={100}
className="object-contain sm:absolute bottom-0 right-2 z-50"
className="object-contain sm:absolute bottom-0 right-2 z-10"
/>
</div>
<div className="relative overflow-hidden space-y-4 py-6 px-8 rounded-xl sm:w-[45%] w-full bg-[linear-gradient(to_bottom_right,#000000,#000000,#000000,#d2610a)]">
<p className="font-bold bg-linear-to-br from-white via-white to-black text-transparent bg-clip-text">
<p className="uppercase font-unbounded font-bold bg-linear-to-br from-white via-white to-black text-transparent bg-clip-text">
{t("home.services.services.suppression.title")}
</p>
<p className="text-gray-400 max-w-70 w-full">
<p className="font-almarai text-gray-400 max-w-70 w-full">
{t("home.services.services.suppression.description")}
</p>
<button className="text-[#dc2626] font-semibold flex items-center gap-2 text-sm">
<button className="font-almarai text-[#dc2626] font-semibold flex items-center gap-2 text-sm">
{t("home.services.learnmore")} <ChevronRight size={20} />
</button>
<Image
@@ -58,7 +58,7 @@ export function OurService() {
alt="images"
width={200}
height={100}
className="object-contain sm:absolute -bottom-4 -right-4 z-50"
className="object-contain sm:absolute -bottom-4 -right-4 z-10"
/>
</div>
</div>
@@ -73,26 +73,26 @@ export function OurService() {
className="object-contain mt-5"
/>
<div className="space-y-4 py-6 px-8">
<p className="font-bold bg-linear-to-br from-white via-white to-black text-transparent bg-clip-text">
<p className="uppercase font-unbounded font-bold bg-linear-to-br from-white via-white to-black text-transparent bg-clip-text">
{t("home.services.services.safety.title")}
</p>
<p className="text-gray-400 max-w-80 w-full">
<p className="font-almarai text-gray-400 max-w-80 w-full">
{t("home.services.services.safety.description")}
</p>
<button className="text-[#dc2626] font-semibold flex items-center gap-2 text-sm">
<button className="font-almarai text-[#dc2626] font-semibold flex items-center gap-2 text-sm">
{t("home.services.learnmore")} <ChevronRight size={20} />
</button>
</div>
</div>
<div className="sm:w-[60%] w-full">
<div className="relative overflow-hidden space-y-4 py-6 px-8 rounded-xl w-full bg-[linear-gradient(to_bottom_right,#000000,#000000,#000000,#d2610a)]">
<p className="font-bold bg-linear-to-br from-white via-white to-black text-transparent bg-clip-text">
<p className="uppercase font-unbounded font-bold bg-linear-to-br from-white via-white to-black text-transparent bg-clip-text">
{t("home.services.services.monitoring.title")}
</p>
<p className="text-gray-400 max-w-70 w-full">
<p className="font-almarai text-gray-400 max-w-70 w-full">
{t("home.services.services.monitoring.description")}
</p>
<button className="sm:mt-38 mt-0 text-[#dc2626] font-semibold flex items-center gap-2 text-sm">
<button className="font-almarai sm:mt-38 mt-0 text-[#dc2626] font-semibold flex items-center gap-2 text-sm">
{t("home.services.learnmore")} <ChevronRight size={20} />
</button>
<Image
@@ -100,16 +100,16 @@ export function OurService() {
alt="images"
width={200}
height={100}
className="object-contain sm:absolute -bottom-20 -right-4 max-sm:-mb-20 z-50"
className="object-contain sm:absolute -bottom-20 -right-4 max-sm:-mb-20 z-10"
/>
</div>
<div className="py-8 px-8 rounded-xl mt-5 w-full p-5 bg-[linear-gradient(to_top_right,#000000,#000000,#d2610a)] flex sm:flex-row flex-col gap-5 items-center justify-between">
<h2 className="sm:text-3xl text-xl font-semibold font-armanai text-white">
<h2 className="font-unbounded sm:text-3xl text-xl font-semibold font-armanai text-white">
{t("home.services.viewMoreServices")}
</h2>
<Link
href="/services"
className="shadow-[0px_0px_2px_6px_#a60404ad] bg-red-600 hover:bg-red-700 text-white font-bold sm:py-3 sm:px-8 px-8 py-2 rounded-full transition duration-300 transform hover:scale-105 w-fit"
className="font-almarai shadow-[0px_0px_2px_6px_#a60404ad] bg-red-600 hover:bg-red-700 text-white font-bold sm:py-3 sm:px-8 px-8 py-2 rounded-full transition duration-300 transform hover:scale-105 w-fit"
>
{t("home.services.viewMore")}
</Link>

4
components/pages/home/statistics.tsx
View File

@@ -32,7 +32,7 @@ export function Statistics() {
{stats.map((stat, index) => (
<div key={index} className="flex flex-col items-center justify-center py-10 sm:py-20 lg:py-15 border-b-red-600 border-b">
{/* Number and Symbol */}
<div className="flex items-baseline gap-2">
<div className="flex items-baseline gap-2 font-almarai">
<span className="text-4xl sm:text-5xl lg:text-6xl font-bold text-white">
{stat.number}
</span>
@@ -40,7 +40,7 @@ export function Statistics() {
</div>
{/* Label */}
<p className="text-sm sm:text-base text-gray-300 mt-4 text-center font-medium">
<p className="font-almarai text-sm sm:text-base text-gray-300 mt-4 text-center font-medium">
{stat.label}
</p>
</div>

8
components/pages/home/testimonal.tsx
View File

@@ -85,7 +85,7 @@ export function Testimonial() {
<div className="w-full max-w-xl mx-auto mb-5">
<div className="flex items-center gap-2">
<DotAnimatsiya />
<span className="text-white font-semibold text-sm tracking-wider">
<span className="font-unbounded text-white font-semibold text-sm tracking-wider">
{t("home.testimonials.title")}
</span>
</div>
@@ -106,7 +106,7 @@ export function Testimonial() {
<SwiperSlide key={testimonial.id}>
<div className="space-y-6">
{/* Quote */}
<p className="text-white text-base sm:text-lg lg:text-xl leading-relaxed">
<p className="font-almarai text-white text-base sm:text-lg lg:text-xl leading-relaxed">
"{testimonial.quote}"
</p>
@@ -121,10 +121,10 @@ export function Testimonial() {
/>
</div>
<div>
<h4 className="text-white font-bold text-sm sm:text-base">
<h4 className="font-unbounded text-white font-bold text-sm sm:text-base">
{testimonial.name}
</h4>
<p className="text-red-600 text-xs sm:text-sm">
<p className="font-almarai text-red-600 text-xs sm:text-sm">
{testimonial.role}
</p>
</div>

6
components/pages/services/serviceBanner.tsx
View File

@@ -28,18 +28,18 @@ export function ServiceBanner() {
<div className="spacw-y-4 ">
<div className="flex items-center gap-3">
<DotAnimatsiya />
<span className="text-sm text-white font-semibold tracking-wide">
<span className="font-almarai text-sm text-white font-semibold tracking-wide">
{t("services.banner.title")}
</span>
</div>
<p
className=" bg-linear-to-br from-white via-white to-black
className="font-unbounded uppercase bg-linear-to-br from-white via-white to-black
text-transparent bg-clip-text text-4xl sm:text-5xl lg:text-6xl font-bold leading-tight text-pretty"
>
{t("services.banner.subtitle")}
</p>
</div>
<div className="lg:w-[40%] text-gray-300 mt-10 text-lg">
<div className="font-almarai lg:w-[40%] text-gray-300 mt-10 text-lg">
{t("services.banner.description")}
</div>
</div>

10
messages/uz.json
View File

@@ -2,7 +2,7 @@
"home": {
"banner": {
"title1": "Ignum-ga xush kelibsiz",
"title2": "Yong'inga Qarshi Himoya",
"title2": "YONG'INGA QARSHI HIMOYA",
"description": "Biz umid nuri, tartibsizlik davrida tinchlik va eng qiyin vaziyatlarda ishonchli himoya manbai sifatida ko'rilamiz.",
"cta": "Boshlash"
},
@@ -14,17 +14,17 @@
},
"about": {
"title": "Biz haqimizda",
"subtitle": "Yong'inga Qarshi Tizimlar Tayyor",
"subtitle": "YONG'INGA QARSHI TIZIMLAR TAYYOR",
"prevention": {
"title": "Yong'inni Oldini Olish Tizimlari",
"title": "YONG'INDI OLDINI OLISH TIZIMLARI",
"description": "Biz eng ilg'or yong'in oldini olish texnologiyalarini taklif etamiz. Har bir detal xavfsizlik va ishonchlilikni ta'minlash uchun ishlab chiqilgan."
},
"accidents": {
"title": "Favqulodda Holatlar",
"title": "FAVQULODDA HOLATLAR",
"description": "Har qanday vaziyatga tezkor va samarali javob berish uchun mo'ljallangan avtomatik o'chirish tizimlari. Xavfsizlik - bizning birinchi ustuvorligimiz."
},
"service": {
"title": "Texnik Xizmat",
"title": "TEXNIK XIZMAT",
"description": "Muntazam texnik xizmat ko'rsatish va ta'mirlash xizmatlari. Tizimlaringiz har doim ish holatida bo'lishini kafolatlaymiz."
},
"award": "Eng Yaxshi Yong'in Himoyasi 2025"