diff --git a/app/[locale]/services/detail/page.tsx b/app/[locale]/services/detail/page.tsx
index 5f9bcac..43985f7 100644
--- a/app/[locale]/services/detail/page.tsx
+++ b/app/[locale]/services/detail/page.tsx
@@ -9,19 +9,34 @@ import {
   SystemFeature,
 } from "@/lib/api/demoapi/operationalSystems";
 import { Breadcrumb } from "@/components/breadCrumb";
+import { useServiceDetail } from "@/store/useService";
+import { useQuery } from "@tanstack/react-query";
+import httpClient from "@/request/api";
+import { endPoints } from "@/request/links";
 
 export default function OperationalSystemsPage() {
   const t = useTranslations("operationalSystems");
-  const [data, setData] = useState<SystemFeature[] | null>(null);
-  const [loading, setLoading] = useState(true);
-  const [error, setError] = useState(false);
+  const serviceId = useServiceDetail((state) => state.serviceId);
+  console.log("service id: ", serviceId);
+
+  const {
+    data,
+    isLoading: loading,
+    isError: error,
+  } = useQuery({
+    queryKey: ["firesafety", serviceId],
+    queryFn: () => httpClient(endPoints.services.detail(serviceId || 0)),
+    select: (data) => data?.data?.data,
+  });
+
+  console.log("service detail: ", data);
 
   // Demo data - fallback ma'lumotlar
   const demoData: SystemFeature[] = [
     {
       id: "1",
       title: t("systems.sprinkler.title"),
-      shortDesc:t("systems.sprinkler.short-desc"),
+      shortDesc: t("systems.sprinkler.short-desc"),
       description: t("systems.sprinkler.description"),
       features: [
         t("systems.sprinkler.features.0"),
@@ -33,33 +48,6 @@ export default function OperationalSystemsPage() {
     },
   ];
 
-  const fetchData = async () => {
-    try {
-      setLoading(true);
-      setError(false);
-
-      const result = await getOperationalSystems();
-
-      // Agar backend ma'lumot qaytarsa
-      if (result && result.length > 0) {
-        setData(result);
-      } else {
-        // Backend bo'sh ma'lumot qaytarsa, demo ma'lumotlarni ishlatamiz
-        setData(demoData);
-      }
-    } catch (err) {
-      setError(true);
-      // Xatolik bo'lsa, demo ma'lumotlarni ishlatamiz
-      setData(demoData);
-    } finally {
-      setLoading(false);
-    }
-  };
-
-  useEffect(() => {
-    fetchData();
-  }, []);
-
   // Animation variants
   const containerVariants = {
     hidden: { opacity: 0 },
@@ -128,14 +116,6 @@ export default function OperationalSystemsPage() {
         >
           <div className="text-7xl">⚠️</div>
           <p className="text-white text-xl font-medium">{t("error")}</p>
-          <motion.button
-            whileHover={{ scale: 1.05 }}
-            whileTap={{ scale: 0.95 }}
-            onClick={fetchData}
-            className="px-6 py-3 bg-red-500 text-white rounded-lg font-medium hover:bg-red-600 transition-colors"
-          >
-            {t("retry")}
-          </motion.button>
         </motion.div>
       </div>
     );
@@ -143,43 +123,12 @@ export default function OperationalSystemsPage() {
 
   return (
     <div className="pt-20 md:pt-30 pb-35 max-w-6xl mx-auto w-full px-4">
-      {/* Header */}
-      {/* <motion.div
-        variants={containerVariants}
-        initial="hidden"
-        animate="visible"
-        className="flex md:flex-row flex-col items-start justify-between gap-6 md:gap-8 w-full mb-16 md:mb-24"
-      >
-        <motion.div variants={itemVariants} className="space-y-4 md:space-y-8 flex-1">
-          <h1 className="bg-linear-to-br from-white via-white to-gray-400 text-transparent bg-clip-text text-3xl md:text-4xl lg:text-5xl font-semibold font-almarai">
-            {t('title')}
-          </h1>
-          <p className="text-white font-medium font-unbounded text-base sm:text-lg md:text-xl max-w-2xl leading-relaxed">
-            {t('subtitle')}
-          </p>
-        </motion.div>
-        
-        <motion.div
-          variants={itemVariants}
-          whileHover={{ scale: 1.05, rotate: 3 }}
-          transition={{ type: "spring", stiffness: 300, damping: 20 }}
-          className="shrink-0 relative"
-        >
-          <Image
-            src="/images/home/redShlang.png"
-            alt="Fire hose"
-            fill
-            priority
-            className="w-32 h-32 sm:w-40 sm:h-40 md:w-48 md:h-48 lg:w-52 lg:h-52 object-contain"
-          />
-        </motion.div>
-      </motion.div> */}
       <div className="mb-5">
         <Breadcrumb />
       </div>
 
       {/* Main Content */}
-      {!data || data.length === 0 ? (
+      {!data || data.legth === 0 ? (
         <motion.div
           initial={{ opacity: 0 }}
           animate={{ opacity: 1 }}
@@ -194,85 +143,81 @@ export default function OperationalSystemsPage() {
           animate="visible"
           className="space-y-12 md:space-y-20"
         >
-          {data.map((system, index) => (
+          <motion.div
+            variants={cardVariants}
+            whileHover={{ y: -8 }}
+            className={`flex flex-col gap-8 md:gap-12 items-center`}
+          >
+            {/* Image Section */}
             <motion.div
-              key={system.id}
-              variants={cardVariants}
-              whileHover={{ y: -8 }}
-              className={`flex flex-col gap-8 md:gap-12 items-center`}
+              whileHover={{ scale: 1.03 }}
+              transition={{ duration: 0.3 }}
+              className="w-full relative h-64 md:h-80 lg:h-96 rounded-xl overflow-hidden"
             >
-              {/* Image Section */}
-              <motion.div
-                whileHover={{ scale: 1.03 }}
-                transition={{ duration: 0.3 }}
-                className="w-full relative h-64 md:h-80 lg:h-96 rounded-xl overflow-hidden"
-              >
-                <Image
-                  src={system.image}
-                  alt={system.title}
-                  fill
-                  className="object-cover w-full h-auto"
-                />
-                <div className="absolute inset-0 bg-linear-to-t from-black/10 to-transparent" />
-              </motion.div>
-
-              {/* Content Section */}
-              <div className="w-full space-y-6">
-                <motion.h2
-                  initial={{ opacity: 0, x: index % 2 === 0 ? -20 : 20 }}
-                  whileInView={{ opacity: 1, x: 0 }}
-                  viewport={{ once: true }}
-                  transition={{ duration: 0.6 }}
-                  className="text-2xl md:text-3xl lg:text-4xl font-bold text-white font-almarai"
-                >
-                  {system.title}
-                </motion.h2>
-
-                <motion.p
-                  initial={{ opacity: 0, x: index % 2 === 0 ? -20 : 20 }}
-                  whileInView={{ opacity: 1, x: 0 }}
-                  viewport={{ once: true }}
-                  transition={{ duration: 0.6, delay: 0.1 }}
-                  className="text-gray-300 text-sm md:text-base leading-relaxed font-unbounded"
-                >
-                  {system.shortDesc}
-                </motion.p>
-
-                <motion.p
-                  initial={{ opacity: 0, x: index % 2 === 0 ? -20 : 20 }}
-                  whileInView={{ opacity: 1, x: 0 }}
-                  viewport={{ once: true }}
-                  transition={{ duration: 0.6, delay: 0.1 }}
-                  className="text-gray-300 text-sm md:text-base leading-relaxed font-unbounded"
-                >
-                  {system.description}
-                </motion.p>
-
-                <div className="space-y-4">
-
-                  <ul className="space-y-3">
-                    {system.features.map((feature, featureIndex) => (
-                      <motion.li
-                        key={featureIndex}
-                        initial={{ opacity: 0, x: index % 2 === 0 ? -20 : 20 }}
-                        whileInView={{ opacity: 1, x: 0 }}
-                        viewport={{ once: true }}
-                        transition={{
-                          duration: 0.5,
-                          delay: 0.3 + featureIndex * 0.1,
-                        }}
-                        className="flex items-start gap-3 text-gray-300"
-                      >
-                        <span className="text-sm md:text-base font-unbounded">
-                          {feature}
-                        </span>
-                      </motion.li>
-                    ))}
-                  </ul>
-                </div>
-              </div>
+              <Image
+                src={data?.detail_image}
+                alt={data.title}
+                fill
+                className="object-cover w-full h-auto"
+              />
+              <div className="absolute inset-0 bg-linear-to-t from-black/10 to-transparent" />
             </motion.div>
-          ))}
+
+            {/* Content Section */}
+            <div className="w-full space-y-6">
+              <motion.h2
+                initial={{ opacity: 0, x: data?.id % 2 === 0 ? -20 : 20 }}
+                whileInView={{ opacity: 1, x: 0 }}
+                viewport={{ once: true }}
+                transition={{ duration: 0.6 }}
+                className="text-2xl md:text-3xl lg:text-4xl font-bold text-white font-almarai"
+              >
+                {data.title}
+              </motion.h2>
+
+              <motion.p
+                initial={{ opacity: 0, x: data?.id % 2 === 0 ? -20 : 20 }}
+                whileInView={{ opacity: 1, x: 0 }}
+                viewport={{ once: true }}
+                transition={{ duration: 0.6, delay: 0.1 }}
+                className="text-gray-300 text-sm md:text-base leading-relaxed font-unbounded"
+              >
+                {data.subtitle}
+              </motion.p>
+
+              <motion.p
+                initial={{ opacity: 0, x: data?.id % 2 === 0 ? -20 : 20 }}
+                whileInView={{ opacity: 1, x: 0 }}
+                viewport={{ once: true }}
+                transition={{ duration: 0.6, delay: 0.1 }}
+                className="text-gray-300 text-sm md:text-base leading-relaxed font-unbounded"
+              >
+                {data?.description}
+              </motion.p>
+
+              {/* <div className="space-y-4">
+                <ul className="space-y-3">
+                  {system.features.map((feature, featureIndex) => (
+                    <motion.li
+                      key={featureIndex}
+                      initial={{ opacity: 0, x: index % 2 === 0 ? -20 : 20 }}
+                      whileInView={{ opacity: 1, x: 0 }}
+                      viewport={{ once: true }}
+                      transition={{
+                        duration: 0.5,
+                        delay: 0.3 + featureIndex * 0.1,
+                      }}
+                      className="flex items-start gap-3 text-gray-300"
+                    >
+                      <span className="text-sm md:text-base font-unbounded">
+                        {feature}
+                      </span>
+                    </motion.li>
+                  ))}
+                </ul>
+              </div> */}
+            </div>
+          </motion.div>
         </motion.div>
       )}
     </div>
diff --git a/components/pages/products/product/productCard.tsx b/components/pages/products/product/productCard.tsx
index 91dc0cf..cef3714 100644
--- a/components/pages/products/product/productCard.tsx
+++ b/components/pages/products/product/productCard.tsx
@@ -33,7 +33,7 @@ export default function ProductCard({
 
         {/* Content Container */}
         <div className="p-6 sm:p-4">
-          <h3 className="text-lg text-center sm:text-xl md:text-2xl font-unbounded font-bold text-white mb-4 line-clamp-3 group-hover:text-red-400 transition-colors duration-300">
+          <h3 className="text-lg text-center font-unbounded font-bold text-white mb-4 line-clamp-3 group-hover:text-red-400 transition-colors duration-300">
             {title}
           </h3>
         </div>
diff --git a/components/pages/products/slug/rightSide.tsx b/components/pages/products/slug/rightSide.tsx
index 99ed69b..9bb5c6c 100644
--- a/components/pages/products/slug/rightSide.tsx
+++ b/components/pages/products/slug/rightSide.tsx
@@ -1,6 +1,10 @@
+"use client";
+
 import { usePriceModalStore } from "@/store/useProceModalStore";
 import { Instagram, Send, Share2 } from "lucide-react";
 import { useTranslations } from "next-intl";
+import { useParams } from "next/navigation";
+import { useState } from "react";
 
 interface RightSideProps {
   id: number;
@@ -23,6 +27,45 @@ export function RightSide({
 }: RightSideProps) {
   const openModal = usePriceModalStore((state) => state.openModal);
   const t = useTranslations();
+  const params = useParams();
+  const locale = params.locale || "uz";
+  const [copied, setCopied] = useState(false);
+
+  const handleShare = async () => {
+    const productUrl = `${window.location.origin}/${locale}/products/special_product?productId=${id}`;
+
+    try {
+      // Modern Web Share API dan foydalanish (mobil qurilmalar uchun)
+      if (navigator.share) {
+        await navigator.share({
+          title: title,
+          text: `${title} - ${description.slice(0, 100)}...`,
+          url: productUrl,
+        });
+      } else {
+        // Desktop uchun clipboard ga copy qilish
+        await navigator.clipboard.writeText(productUrl);
+        setCopied(true);
+
+        // 2 soniyadan keyin "Copied" holatini o'chirish
+        setTimeout(() => {
+          setCopied(false);
+        }, 2000);
+      }
+    } catch (error) {
+      console.error("Share error:", error);
+      // Fallback - clipboard ga copy qilish
+      try {
+        await navigator.clipboard.writeText(productUrl);
+        setCopied(true);
+        setTimeout(() => {
+          setCopied(false);
+        }, 2000);
+      } catch (clipboardError) {
+        console.error("Clipboard error:", clipboardError);
+      }
+    }
+  };
 
   const handleGetPrice = () => {
     openModal({
@@ -54,7 +97,9 @@ export function RightSide({
 
       {/* Status Badge */}
       <div>
-        <span className={`inline-block px-4 py-2 rounded-lg text-sm font-semibold ${statusColor}`}>
+        <span
+          className={`inline-block px-4 py-2 rounded-lg text-sm font-semibold ${statusColor}`}
+        >
           {status}
         </span>
       </div>
@@ -85,21 +130,25 @@ export function RightSide({
         </button>
 
         {/* Social Share */}
-        <div className="pt-4 border-t border-gray-800">
-          <div className="flex items-center gap-3 mb-3">
-            <Share2 className="w-5 h-5 text-gray-400" />
-            <span className="text-sm text-gray-400">{t("products.share")}:</span>
-          </div>
-          <div className="flex items-center gap-5 mt-5">
-                {/* <a href="" className="p-2 rounded-md bg-white text-red-500 hover:text-white hover:bg-red-500">
+        <div className="pt-4 border-t border-gray-800 flex items-center gap-5">
+          <button
+            onClick={handleShare}
+            className="p-2.5 rounded-md bg-white text-red-500 hover:text-white hover:bg-red-500 flex items-center gap-3"
+          >
+            <Share2 className="w-5 h-5" />
+            <span className="text-sm">{t("products.share")}</span>
+          </button>
+          {/* <a href="" className="p-2 rounded-md bg-white text-red-500 hover:text-white hover:bg-red-500">
                   <Instagram />
                 </a> */}
-                <a href="https://t.me/ignum_tech" className="p-2 rounded-md bg-white text-red-500 hover:text-white hover:bg-red-500">
-                  <Send />
-                </a>
-              </div>
+          <a
+            href="https://t.me/ignum_tech"
+            className="p-2 rounded-md bg-white text-red-500 hover:text-white hover:bg-red-500"
+          >
+            <Send />
+          </a>
         </div>
       </div>
     </div>
   );
-}
\ No newline at end of file
+}
diff --git a/components/pages/services/ourService.tsx b/components/pages/services/ourService.tsx
index 9b0825a..24637cd 100644
--- a/components/pages/services/ourService.tsx
+++ b/components/pages/services/ourService.tsx
@@ -1,4 +1,4 @@
-"use client"
+"use client";
 import DotAnimatsiya from "@/components/dot/DotAnimatsiya";
 import httpClient from "@/request/api";
 import { endPoints } from "@/request/links";
@@ -10,15 +10,18 @@ import Link from "next/link";
 import { motion } from "framer-motion";
 import { ServicesLoading } from "./loading";
 import { EmptyServices } from "./empty";
+import { useServiceDetail } from "@/store/useService";
 
 export function OurService() {
   const t = useTranslations();
   const locale = useLocale();
+  const setServiceId = useServiceDetail((state) => state.setServiceId);
 
-  // get request 
+  // get request
   const { data, isLoading, isError } = useQuery({
-    queryKey: ['firesafety'],
-    queryFn: () => httpClient(endPoints.services.all)
+    queryKey: ["firesafety"],
+    queryFn: () => httpClient(endPoints.services.all),
+    select: (data) => data?.data?.data?.results,
   });
 
   console.log("service data: ", data);
@@ -84,44 +87,52 @@ export function OurService() {
             animate="visible"
           >
             {/* cards */}
-            <div className="max-w-250 w-full mx-auto flex sm:flex-row flex-col items-center gap-5 my-10">
-              <motion.div variants={cardVariants} className="sm:w-[55%] w-full">
+            <div className="max-w-250 w-full mx-auto overflow-hidden flex sm:flex-row flex-col items-center gap-5 my-10">
+              <motion.div
+                variants={cardVariants}
+                className="sm:w-[55%] overflow-hidden w-full"
+                onClick={() => setServiceId(data[0].id)}
+              >
                 <Link
                   href={`/${locale}/services/detail`}
-                  className="block hover:cursor-pointer relative space-y-4 py-6 px-8 rounded-xl w-full bg-[linear-gradient(to_bottom_right,#000000,#190b00,#542604,#8f4308)] hover:shadow-2xl hover:shadow-red-500/20 transition-all duration-300"
+                  className="overflow-hidden block hover:cursor-pointer relative space-y-4 py-6 px-8 rounded-xl w-full bg-[linear-gradient(to_bottom_right,#000000,#190b00,#542604,#8f4308)] hover:shadow-2xl hover:shadow-red-500/20 transition-all duration-300"
                 >
                   <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")}
+                    {data[0].title}
                   </p>
                   <p className="font-almarai text-gray-400 max-w-80 w-full">
-                    {t("home.services.services.operation.description")}
+                    {data[0].subtitle}
                   </p>
                   <button className="font-almarai text-[#dc2626] font-semibold flex items-center gap-2 text-sm hover:gap-3 transition-all">
                     {t("home.services.learnmore")} <ChevronRight size={20} />
                   </button>
                   <Image
-                    src="/images/home/gruop.png"
+                    src={data[0].main_image}
                     alt="images"
                     width={200}
                     height={100}
-                    className="object-contain sm:absolute bottom-0 right-2 z-10"
+                    className="object-contain sm:absolute bottom-0 -right-2 z-10"
                   />
                 </Link>
               </motion.div>
 
-              <motion.div variants={cardVariants} className="sm:w-[45%] w-full">
+              <motion.div
+                onClick={() => setServiceId(data[1].id)}
+                variants={cardVariants}
+                className="sm:w-[45%] w-full"
+              >
                 <div className="hover:cursor-pointer relative overflow-hidden space-y-4 py-6 px-8 rounded-xl w-full bg-[linear-gradient(to_bottom_right,#000000,#190b00,#542604,#8f4308)] hover:shadow-2xl hover:shadow-red-500/20 transition-all duration-300">
                   <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")}
+                    {data[1].title}
                   </p>
                   <p className="font-almarai text-gray-400 max-w-70 w-full">
-                    {t("home.services.services.suppression.description")}
+                    {data[1].subtitle}
                   </p>
                   <button className="font-almarai text-[#dc2626] font-semibold flex items-center gap-2 text-sm hover:gap-3 transition-all">
                     {t("home.services.learnmore")} <ChevronRight size={20} />
                   </button>
                   <Image
-                    src="/images/home/redShlang.png"
+                    src={data[1].main_image}
                     alt="images"
                     width={200}
                     height={100}
@@ -132,13 +143,17 @@ export function OurService() {
             </div>
 
             <div className="max-w-250 flex sm:flex-row flex-col items-start justify-between gap-5 mt- w-full mx-auto">
-              <motion.div variants={cardVariants} className="sm:w-[40%] w-full -mt-5">
+              <motion.div
+                variants={cardVariants}
+                onClick={() => setServiceId(data[2].id)}
+                className="sm:w-[40%] w-full -mt-5"
+              >
                 <Link
                   href={`/${locale}/services/detail`}
                   className="block hover:cursor-pointer relative rounded-xl w-full bg-[linear-gradient(to_bottom_right,#000000,#190b00,#542604,#8f4308)] hover:shadow-2xl hover:shadow-red-500/20 transition-all duration-300"
                 >
                   <Image
-                    src="/images/home/ambulance.png"
+                    src={data[2].main_image}
                     alt="images"
                     width={300}
                     height={200}
@@ -146,10 +161,10 @@ export function OurService() {
                   />
                   <div className="space-y-4 py-6 px-8">
                     <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")}
+                      {data[2].title}
                     </p>
                     <p className="font-almarai text-gray-400 max-w-80 w-full">
-                      {t("home.services.services.safety.description")}
+                      {data[2].subtitle}
                     </p>
                     <button className="font-almarai text-[#dc2626] font-semibold flex items-center gap-2 text-sm hover:gap-3 transition-all">
                       {t("home.services.learnmore")} <ChevronRight size={20} />
@@ -159,20 +174,24 @@ export function OurService() {
               </motion.div>
 
               <div className="sm:w-[60%] w-full">
-                <motion.div variants={cardVariants}>
+                <motion.div
+                  onClick={() => setServiceId(data[3].id)}
+                  variants={cardVariants}
+                >
                   <Link href={`/${locale}/services/detail`}>
                     <div className="hover:cursor-pointer relative overflow-hidden space-y-4 py-6 px-8 rounded-xl w-full bg-[linear-gradient(to_bottom_right,#000000,#190b00,#542604,#8f4308)] hover:shadow-2xl hover:shadow-red-500/20 transition-all duration-300">
                       <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")}
+                        {data[3].title}
                       </p>
                       <p className="font-almarai text-gray-400 max-w-70 w-full">
-                        {t("home.services.services.monitoring.description")}
+                        {data[3].subtitle}
                       </p>
-                      <button className="font-almarai sm:mt-38 mt-0 text-[#dc2626] font-semibold flex items-center gap-2 text-sm hover:gap-3 transition-all">
-                        {t("home.services.learnmore")} <ChevronRight size={20} />
+                      <button className="font-almarai sm:mt-35 mt-0 text-[#dc2626] font-semibold flex items-center gap-2 text-sm hover:gap-3 transition-all">
+                        {t("home.services.learnmore")}{" "}
+                        <ChevronRight size={20} />
                       </button>
                       <Image
-                        src="/images/home/balon.png"
+                        src={data[3].main_image}
                         alt="images"
                         width={200}
                         height={100}
@@ -184,7 +203,7 @@ export function OurService() {
 
                 <motion.div
                   variants={cardVariants}
-                  className="py-6 px-8 rounded-xl mt-5 w-full p-5 bg-[linear-gradient(to_top_right,#000000,#190b00,#542604,#8f4308)] flex sm:flex-row flex-col gap-5 items-center justify-between hover:shadow-2xl hover:shadow-red-500/20 transition-all duration-300"
+                  className="py-4 px-8 rounded-xl mt-5 w-full p-5 bg-[linear-gradient(to_top_right,#000000,#190b00,#542604,#8f4308)] flex sm:flex-row flex-col gap-5 items-center justify-between hover:shadow-2xl hover:shadow-red-500/20 transition-all duration-300"
                 >
                   <h2 className="font-unbounded sm:text-3xl text-xl font-semibold font-armanai text-white">
                     {t("home.services.viewMoreServices")}
@@ -203,4 +222,4 @@ export function OurService() {
       </div>
     </div>
   );
-}
\ No newline at end of file
+}
diff --git a/components/pages/subCategory/card.tsx b/components/pages/subCategory/card.tsx
index a4530cc..f65ed4a 100644
--- a/components/pages/subCategory/card.tsx
+++ b/components/pages/subCategory/card.tsx
@@ -50,7 +50,7 @@ export default function Card({
 
         {/* Content Container */}
         <div className="p-6 sm:p-4">
-          <h3 className="text-lg text-center sm:text-xl md:text-2xl font-unbounded font-bold text-white mb-4 line-clamp-3 group-hover:text-red-400 transition-colors duration-300">
+          <h3 className="text-lg text-center font-unbounded font-bold text-white mb-4 line-clamp-3 group-hover:text-red-400 transition-colors duration-300">
             {title}
           </h3>
         </div>
diff --git a/messages/en.json b/messages/en.json
index 6f05adf..f992586 100644
--- a/messages/en.json
+++ b/messages/en.json
@@ -165,7 +165,8 @@
     "send": "Send Message",
     "share": "Share",
     "features": "Features",
-    "feature": "Feature"
+    "feature": "Feature",
+    "copied": "Link copied!"
   },
   "faq": {
     "banner": {
diff --git a/messages/ru.json b/messages/ru.json
index 6192aff..79728f9 100644
--- a/messages/ru.json
+++ b/messages/ru.json
@@ -165,7 +165,8 @@
     "send": "Отправить сообщение",
     "share": "Поделиться",
     "features": "Характеристики",
-    "feature": "Характеристика"
+    "feature": "Характеристика",
+    "copied": "Ссылка скопирована!"
   },
   "faq": {
     "banner": {
diff --git a/messages/uz.json b/messages/uz.json
index 704aa2b..1654f6a 100644
--- a/messages/uz.json
+++ b/messages/uz.json
@@ -146,9 +146,9 @@
     }
   },
   "products": {
-    "noData":{
-      "title":"Katalog topilmadi",
-      "description":"Hozircha kategoriyalar mavjud emas. Keyinroq urinib ko'ring"
+    "noData": {
+      "title": "Katalog topilmadi",
+      "description": "Hozircha kategoriyalar mavjud emas. Keyinroq urinib ko'ring"
     },
     "catalog": {
       "blockdescription": "Avtomatik yong‘in o‘chirish tizimlari va ichki yong‘inga qarshi suv ta’minoti uchun polipropilen quvurlar va fitinglar",
@@ -161,11 +161,12 @@
       "description": "Biz nafaqat uskunalar yetkazib beramiz, balki har bir mijozning muvaffaqiyatli hamkoriga aylanamiz."
     },
     "ourproducts": "Bizning mahsulotlarimiz",
-    "price":"Narx",
-    "send":"Xabar yuborish",
-    "share":"Ulashish",
-    "features":"Xususiyatlar",
-    "feature":"Xususiyat"
+    "price": "Narx",
+    "send": "Xabar yuborish",
+    "share": "Ulashish",
+    "features": "Xususiyatlar",
+    "feature": "Xususiyat",
+    "copied": "Link nusxalandi!"
   },
   "faq": {
     "banner": {
@@ -233,8 +234,8 @@
     },
     "address": "Toshkent shahri , Yunusabod tumani , Niyozbek yo'li 3 tor ko'chasi , 39 uy",
     "create": "{name} - Jamoasi tomonidan ishlab chiqilgan",
-    "terms":"Foydalanish shartlari",
-    "privacy":"Maxfiylik siyosati"
+    "terms": "Foydalanish shartlari",
+    "privacy": "Maxfiylik siyosati"
   },
   "operationalSystems": {
     "title": "Operatsion tizimlar",
diff --git a/request/links.ts b/request/links.ts
index e69c19a..2afd773 100644
--- a/request/links.ts
+++ b/request/links.ts
@@ -7,7 +7,7 @@ export const endPoints = {
   },
   services: {
     all: "firesafety/",
-    detail: (id: number) => `/api/firesafety/${id}`,
+    detail: (id: number) => `firesafety/${id}`,
   },
   product: {
     byCategory: (categoryId: number) => `product/?category=${categoryId}`,