diff --git a/app/[locale]/home/page.tsx b/app/[locale]/home/page.tsx
index 71136c5..406d067 100644
--- a/app/[locale]/home/page.tsx
+++ b/app/[locale]/home/page.tsx
@@ -15,11 +15,11 @@ export default function Home() {
       <Banner />
       <Statistics />
       <AboutUs />
-      <Video />
-      <OurService />
-      <Testimonial />
       <Line />
       <Blog />
+      <Video />
+      <OurService />
+      {/* <Testimonial /> */}
     </main>
   );
 }
diff --git a/components/layout/footer.tsx b/components/layout/footer.tsx
index 95fcb95..76ec26a 100644
--- a/components/layout/footer.tsx
+++ b/components/layout/footer.tsx
@@ -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">
diff --git a/components/layout/navbar.tsx b/components/layout/navbar.tsx
index e15b434..a12f04a 100644
--- a/components/layout/navbar.tsx
+++ b/components/layout/navbar.tsx
@@ -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")}
diff --git a/components/pages/about/aboutBanner.tsx b/components/pages/about/aboutBanner.tsx
index 609d3b7..dcc9529 100644
--- a/components/pages/about/aboutBanner.tsx
+++ b/components/pages/about/aboutBanner.tsx
@@ -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>
diff --git a/components/pages/about/story.tsx b/components/pages/about/story.tsx
index e882220..824880c 100644
--- a/components/pages/about/story.tsx
+++ b/components/pages/about/story.tsx
@@ -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>
diff --git a/components/pages/about/whyChooseUs.tsx b/components/pages/about/whyChooseUs.tsx
index 2c5baa8..798ebb3 100644
--- a/components/pages/about/whyChooseUs.tsx
+++ b/components/pages/about/whyChooseUs.tsx
@@ -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>
diff --git a/components/pages/contact/contactHeader.tsx b/components/pages/contact/contactHeader.tsx
index e0f9f90..6607286 100644
--- a/components/pages/contact/contactHeader.tsx
+++ b/components/pages/contact/contactHeader.tsx
@@ -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>
diff --git a/components/pages/contact/form.tsx b/components/pages/contact/form.tsx
index 5ad961a..ad29cb1 100644
--- a/components/pages/contact/form.tsx
+++ b/components/pages/contact/form.tsx
@@ -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>
       )}
diff --git a/components/pages/contact/main.tsx b/components/pages/contact/main.tsx
index bcd6c11..441fda4 100644
--- a/components/pages/contact/main.tsx
+++ b/components/pages/contact/main.tsx
@@ -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>
diff --git a/components/pages/faq/answearQuestions.tsx b/components/pages/faq/answearQuestions.tsx
index b198739..2820b9c 100644
--- a/components/pages/faq/answearQuestions.tsx
+++ b/components/pages/faq/answearQuestions.tsx
@@ -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>
diff --git a/components/pages/faq/faqAccardion.tsx b/components/pages/faq/faqAccardion.tsx
index 7033be4..9463241 100644
--- a/components/pages/faq/faqAccardion.tsx
+++ b/components/pages/faq/faqAccardion.tsx
@@ -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>
       ))}
diff --git a/components/pages/faq/faqBanner.tsx b/components/pages/faq/faqBanner.tsx
index a88afe9..f324da3 100644
--- a/components/pages/faq/faqBanner.tsx
+++ b/components/pages/faq/faqBanner.tsx
@@ -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")}
diff --git a/components/pages/home/about.tsx b/components/pages/home/about.tsx
index 742000a..3c76cde 100644
--- a/components/pages/home/about.tsx
+++ b/components/pages/home/about.tsx
@@ -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>
diff --git a/components/pages/home/blog.tsx b/components/pages/home/blog.tsx
index 7aabf62..f4773c4 100644
--- a/components/pages/home/blog.tsx
+++ b/components/pages/home/blog.tsx
@@ -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" />
diff --git a/components/pages/home/line.tsx b/components/pages/home/line.tsx
index 5db3b4c..5ed1e09 100644
--- a/components/pages/home/line.tsx
+++ b/components/pages/home/line.tsx
@@ -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">
diff --git a/components/pages/home/ourService.tsx b/components/pages/home/ourService.tsx
index a3b52e7..b6b4b98 100644
--- a/components/pages/home/ourService.tsx
+++ b/components/pages/home/ourService.tsx
@@ -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>
diff --git a/components/pages/home/statistics.tsx b/components/pages/home/statistics.tsx
index 2d2a866..7e799d6 100644
--- a/components/pages/home/statistics.tsx
+++ b/components/pages/home/statistics.tsx
@@ -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>
diff --git a/components/pages/home/testimonal.tsx b/components/pages/home/testimonal.tsx
index 52c96f8..5947a1c 100644
--- a/components/pages/home/testimonal.tsx
+++ b/components/pages/home/testimonal.tsx
@@ -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>
diff --git a/components/pages/services/serviceBanner.tsx b/components/pages/services/serviceBanner.tsx
index 76aa86b..ece0f17 100644
--- a/components/pages/services/serviceBanner.tsx
+++ b/components/pages/services/serviceBanner.tsx
@@ -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>
diff --git a/messages/uz.json b/messages/uz.json
index 781cac5..689b6fa 100644
--- a/messages/uz.json
+++ b/messages/uz.json
@@ -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"