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 /> <Banner />
<Statistics /> <Statistics />
<AboutUs /> <AboutUs />
<Video />
<OurService />
<Testimonial />
<Line /> <Line />
<Blog /> <Blog />
<Video />
<OurService />
{/* <Testimonial /> */}
</main> </main>
); );
} }

44
components/layout/footer.tsx
View File

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

43
components/layout/navbar.tsx
View File

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

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

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

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

@@ -23,20 +23,20 @@ export function WhyChooseUs() {
<div> <div>
<div className="mb-4 flex items-center gap-2"> <div className="mb-4 flex items-center gap-2">
<DotAnimatsiya /> <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")} {t("about.whyChoose.title")}
</span> </span>
</div> </div>
<h2 <h2
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 font-bold sm:text-5xl lg:text-6xl" text-transparent bg-clip-text text-3xl font-bold sm:text-4xl lg:text-5xl"
> >
{t("about.whyChoose.subtitle")} {t("about.whyChoose.subtitle")}
</h2> </h2>
</div> </div>
{/* Description */} {/* 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")} {t("about.whyChoose.description")}
</p> </p>
@@ -47,7 +47,7 @@ export function WhyChooseUs() {
<div className="shrink-0"> <div className="shrink-0">
<Check className="h-5 w-5 text-red-600 sm:h-6 sm:w-6" /> <Check className="h-5 w-5 text-red-600 sm:h-6 sm:w-6" />
</div> </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} {feature.title}
</span> </span>
</div> </div>
@@ -56,7 +56,7 @@ export function WhyChooseUs() {
{/* CTA Button */} {/* CTA Button */}
<div> <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")} {t("about.whyChoose.contact")}
</button> </button>
</div> </div>
@@ -86,7 +86,7 @@ export function WhyChooseUs() {
className="h-24 w-24 sm:h-20 sm:w-20" className="h-24 w-24 sm:h-20 sm:w-20"
/> />
<div> <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")} {t("about.whyChoose.award")}
</p> </p>
</div> </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-8 text-center">
<div className="mb-4 flex items-center justify-center gap-2"> <div className="mb-4 flex items-center justify-center gap-2">
<DotAnimatsiya /> <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")} {t("contact.banner.title")}
</span> </span>
</div> </div>
<h2 <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" text-transparent bg-clip-text text-4xl font-bold tracking-wide md:text-5xl"
> >
{t("contact.banner.subtitle")} {t("contact.banner.subtitle")}
</h2> </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")} {t("contact.banner.description")}
</p> </p>
</div> </div>

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

@@ -129,12 +129,13 @@ export default function Form() {
placeholder={t("contact.form.placeholders.firstName")} placeholder={t("contact.form.placeholders.firstName")}
value={formData.firstName} value={formData.firstName}
onChange={handleChange} 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 ? "border-red-500" : "border-transparent"
}`} }`}
/> />
{errors.firstName && ( {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>
<div> <div>
@@ -144,12 +145,12 @@ export default function Form() {
placeholder={t("contact.form.placeholders.lastName")} placeholder={t("contact.form.placeholders.lastName")}
value={formData.lastName} value={formData.lastName}
onChange={handleChange} 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 ? "border-red-500" : "border-transparent"
}`} }`}
/> />
{errors.lastName && ( {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>
</div> </div>
@@ -163,12 +164,12 @@ export default function Form() {
placeholder={t("contact.form.placeholders.email")} placeholder={t("contact.form.placeholders.email")}
value={formData.email} value={formData.email}
onChange={handleChange} 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 ? "border-red-500" : "border-transparent"
}`} }`}
/> />
{errors.email && ( {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>
<div> <div>
@@ -178,12 +179,12 @@ export default function Form() {
placeholder={t("contact.form.placeholders.subject")} placeholder={t("contact.form.placeholders.subject")}
value={formData.subject} value={formData.subject}
onChange={handleChange} 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 ? "border-red-500" : "border-transparent"
}`} }`}
/> />
{errors.subject && ( {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>
</div> </div>
@@ -196,12 +197,12 @@ export default function Form() {
rows={8} rows={8}
value={formData.message} value={formData.message}
onChange={handleChange} 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 ? "border-red-500" : "border-transparent"
}`} }`}
/> />
{errors.message && ( {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> </div>
@@ -222,30 +223,30 @@ export default function Form() {
<Check className="h-3 w-3 text-white" strokeWidth={3} /> <Check className="h-3 w-3 text-white" strokeWidth={3} />
)} )}
</button> </button>
<span className="text-sm text-gray-300"> <span className="font-almarai text-sm text-gray-300">
{t("contact.form.privacy")} {t("contact.form.privacy")}
</span> </span>
</div> </div>
<button <button
type="submit" type="submit"
disabled={isSubmitting} 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")} {isSubmitting ? "Sending..." : t("contact.form.send")}
</button> </button>
</div> </div>
{errors.agreeToPolicy && ( {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 */} {/* Status Messages */}
{submitStatus === "success" && ( {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! Message sent successfully!
</p> </p>
)} )}
{submitStatus === "error" && ( {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. Failed to send message. Please try again.
</p> </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]"> <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" /> <info.icon className="h-6 w-6 text-red-600" />
</div> </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} {info.title}
</h3> </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>
))} ))}
</div> </div>

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

@@ -36,36 +36,36 @@ export function Togle() {
<div className="min-h-screen bg-[#1e1d1c]"> <div className="min-h-screen bg-[#1e1d1c]">
<main className="mx-auto max-w-7xl px-4 py-16 sm:px-6 lg:px-8"> <main className="mx-auto max-w-7xl px-4 py-16 sm:px-6 lg:px-8">
{/* Header Section */} {/* 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"> <div className="flex items-center md:col-span-1">
<h1 <h1
className="bg-linear-to-br from-white via-white/50 to-black className="font-unbounded uppercase 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" text-transparent bg-clip-text text-3xl font-bold leading-tight sm:text-4xl md:text-5xl lg:text-6xl"
> >
{t("faq.banner.topic")} {t("faq.banner.topic")}
</h1> </h1>
</div> </div>
{/* FAQ Section */} {/* FAQ Section */}
<div className="md:col-span-2"> <div className="max-w-250 w-full">
<FAQAccordion items={faqItems} /> <FAQAccordion items={faqItems} />
</div> </div>
</div> </div>
{/* ASK QUESTION */} {/* ASK QUESTION */}
<div className="space-y-8 w-full mt-10 "> <div className="space-y-8 w-full mt-10 ">
<h1 <h1
className="text-center bg-linear-to-br from-white via-white/50 to-black 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 uppercase leading-tight sm:text-4xl md:text-5xl lg:text-6xl" text-transparent bg-clip-text text-3xl font-bold leading-tight sm:text-4xl md:text-5xl lg:text-6xl"
> >
{t("faq.ask.question")} {t("faq.ask.question")}
</h1> </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")} {t("faq.ask.subtitle")}
</p> </p>
<div className="w-full flex items-center justify-center"> <div className="w-full flex items-center justify-center">
<Link <Link
href={"/contact"} 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")} {t("faq.ask.btn")}
</Link> </Link>

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

@@ -19,7 +19,7 @@ export default function FAQAccordion({ items }: FAQAccordionProps) {
{items.map((item, index) => ( {items.map((item, index) => (
<Accordion.Item key={item.id} value={item.id} className="border-b border-slate-700 py-6"> <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"> <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} {item.question}
</h3> </h3>
<div className="ml-4 shrink-0"> <div className="ml-4 shrink-0">
@@ -31,7 +31,7 @@ export default function FAQAccordion({ items }: FAQAccordionProps) {
</Accordion.Trigger> </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"> <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.Content>
</Accordion.Item> </Accordion.Item>
))} ))}

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

@@ -28,12 +28,12 @@ export function FaqBanner() {
<div className="spacw-y-4 "> <div className="spacw-y-4 ">
<div className="flex items-center gap-3"> <div className="flex items-center gap-3">
<DotAnimatsiya /> <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")} {t("faq.banner.title")}
</span> </span>
</div> </div>
<p <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" text-transparent bg-clip-text text-4xl sm:text-5xl lg:text-6xl font-bold leading-tight text-pretty"
> >
{t("faq.banner.subtitle")} {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="space-y-6">
<div className="flex items-center gap-3"> <div className="flex items-center gap-3">
<DotAnimatsiya /> <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")} {t("home.about.title")}
</span> </span>
</div> </div>
<h2 <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" text-transparent bg-clip-text sm:text-5xl lg:text-6xl font-bold leading-tight"
> >
{t("home.about.subtitle")} {t("home.about.subtitle")}
@@ -63,10 +63,10 @@ export function AboutUs() {
{service.icon} {service.icon}
</div> </div>
<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} {service.title}
</h3> </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} {service.description}
</p> </p>
</div> </div>
@@ -76,7 +76,7 @@ export function AboutUs() {
{/* Button */} {/* Button */}
<div> <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")} {t("home.about.title")}
</Button> </Button>
</div> </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-12 text-center">
<div className="mb-4 flex items-center justify-center gap-2"> <div className="mb-4 flex items-center justify-center gap-2">
<DotAnimatsiya /> <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")} {t("home.blog.title")}
</span> </span>
</div> </div>
<h2 <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" text-transparent bg-clip-text text-4xl font-bold tracking-tight md:text-5xl lg:text-6xl"
> >
{t("home.blog.subtitle")} {t("home.blog.subtitle")}
@@ -65,7 +65,7 @@ export function Blog() {
/> />
{/* Category Badge */} {/* Category Badge */}
<div className="absolute bottom-4 left-4"> <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} {post.category}
</span> </span>
</div> </div>
@@ -73,10 +73,10 @@ export function Blog() {
{/* Content */} {/* Content */}
<div> <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} {post.title}
</h3> </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-gray-500">by </span>
<span className="text-white">{post.author}</span> <span className="text-white">{post.author}</span>
<span className="mx-2 text-gray-500">•</span> <span className="mx-2 text-gray-500">•</span>
@@ -84,7 +84,7 @@ export function Blog() {
</p> </p>
<a <a
href="#" 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")} {t("home.blog.readMore")}
<ChevronRight className="h-4 w-4" /> <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="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="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 "> <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")} {t("home.contactLine.text")}
</h2> </h2>
<p className="flex items-center justify-center gap-4 font-semibold sm:text-xl text-lg"> <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() { export function OurService() {
const t = useTranslations(); const t = useTranslations();
return ( 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"> <div className="max-w-7xl w-full mx-auto px-4 sm:px-6 lg:px-8">
{/* Header */} {/* Header */}
<div className="space-y-4 md:space-y-6"> <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 /> <DotAnimatsiya />
{t("home.services.title")} {t("home.services.title")}
</div> </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")} {t("home.services.subtitle")}
</h1> </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")} {t("home.services.description")}
</p> </p>
</div> </div>
@@ -26,13 +26,13 @@ export function OurService() {
{/* cards */} {/* cards */}
<div className="max-w-250 w-full mx-auto flex sm:flex-row flex-col items-center gap-5 my-10"> <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)]"> <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")} {t("home.services.services.operation.title")}
</p> </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")} {t("home.services.services.operation.description")}
</p> </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} /> {t("home.services.learnmore")} <ChevronRight size={20} />
</button> </button>
<Image <Image
@@ -40,17 +40,17 @@ export function OurService() {
alt="images" alt="images"
width={200} width={200}
height={100} 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>
<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)]"> <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")} {t("home.services.services.suppression.title")}
</p> </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")} {t("home.services.services.suppression.description")}
</p> </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} /> {t("home.services.learnmore")} <ChevronRight size={20} />
</button> </button>
<Image <Image
@@ -58,7 +58,7 @@ export function OurService() {
alt="images" alt="images"
width={200} width={200}
height={100} 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>
</div> </div>
@@ -73,26 +73,26 @@ export function OurService() {
className="object-contain mt-5" className="object-contain mt-5"
/> />
<div className="space-y-4 py-6 px-8"> <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")} {t("home.services.services.safety.title")}
</p> </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")} {t("home.services.services.safety.description")}
</p> </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} /> {t("home.services.learnmore")} <ChevronRight size={20} />
</button> </button>
</div> </div>
</div> </div>
<div className="sm:w-[60%] w-full"> <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)]"> <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")} {t("home.services.services.monitoring.title")}
</p> </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")} {t("home.services.services.monitoring.description")}
</p> </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} /> {t("home.services.learnmore")} <ChevronRight size={20} />
</button> </button>
<Image <Image
@@ -100,16 +100,16 @@ export function OurService() {
alt="images" alt="images"
width={200} width={200}
height={100} 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>
<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"> <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")} {t("home.services.viewMoreServices")}
</h2> </h2>
<Link <Link
href="/services" 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")} {t("home.services.viewMore")}
</Link> </Link>

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

@@ -32,7 +32,7 @@ export function Statistics() {
{stats.map((stat, index) => ( {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"> <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 */} {/* 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"> <span className="text-4xl sm:text-5xl lg:text-6xl font-bold text-white">
{stat.number} {stat.number}
</span> </span>
@@ -40,7 +40,7 @@ export function Statistics() {
</div> </div>
{/* Label */} {/* 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} {stat.label}
</p> </p>
</div> </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="w-full max-w-xl mx-auto mb-5">
<div className="flex items-center gap-2"> <div className="flex items-center gap-2">
<DotAnimatsiya /> <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")} {t("home.testimonials.title")}
</span> </span>
</div> </div>
@@ -106,7 +106,7 @@ export function Testimonial() {
<SwiperSlide key={testimonial.id}> <SwiperSlide key={testimonial.id}>
<div className="space-y-6"> <div className="space-y-6">
{/* Quote */} {/* 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}" "{testimonial.quote}"
</p> </p>
@@ -121,10 +121,10 @@ export function Testimonial() {
/> />
</div> </div>
<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} {testimonial.name}
</h4> </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} {testimonial.role}
</p> </p>
</div> </div>

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

@@ -28,18 +28,18 @@ export function ServiceBanner() {
<div className="spacw-y-4 "> <div className="spacw-y-4 ">
<div className="flex items-center gap-3"> <div className="flex items-center gap-3">
<DotAnimatsiya /> <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")} {t("services.banner.title")}
</span> </span>
</div> </div>
<p <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" text-transparent bg-clip-text text-4xl sm:text-5xl lg:text-6xl font-bold leading-tight text-pretty"
> >
{t("services.banner.subtitle")} {t("services.banner.subtitle")}
</p> </p>
</div> </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")} {t("services.banner.description")}
</div> </div>
</div> </div>

10
messages/uz.json
View File

@@ -2,7 +2,7 @@
"home": { "home": {
"banner": { "banner": {
"title1": "Ignum-ga xush kelibsiz", "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.", "description": "Biz umid nuri, tartibsizlik davrida tinchlik va eng qiyin vaziyatlarda ishonchli himoya manbai sifatida ko'rilamiz.",
"cta": "Boshlash" "cta": "Boshlash"
}, },
@@ -14,17 +14,17 @@
}, },
"about": { "about": {
"title": "Biz haqimizda", "title": "Biz haqimizda",
"subtitle": "Yong'inga Qarshi Tizimlar Tayyor", "subtitle": "YONG'INGA QARSHI TIZIMLAR TAYYOR",
"prevention": { "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." "description": "Biz eng ilg'or yong'in oldini olish texnologiyalarini taklif etamiz. Har bir detal xavfsizlik va ishonchlilikni ta'minlash uchun ishlab chiqilgan."
}, },
"accidents": { "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." "description": "Har qanday vaziyatga tezkor va samarali javob berish uchun mo'ljallangan avtomatik o'chirish tizimlari. Xavfsizlik - bizning birinchi ustuvorligimiz."
}, },
"service": { "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." "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" "award": "Eng Yaxshi Yong'in Himoyasi 2025"