product section translaiton complated

components/pages/products/slug/features.tsx

@@ -1,4 +1,7 @@
+import { useTranslations } from "next-intl";
+
 export function Features({ features }: { features: string[] }) {
+  const t = useTranslations();
   if (!features || features.length === 0) {
     return null;
   }
@@ -6,14 +9,14 @@ export function Features({ features }: { features: string[] }) {
   return (
     <div className="mt-12">
       <h2 className="text-2xl md:text-3xl font-bold text-white mb-6">
-        Xususiyatlar
+        {t("products.features")}
       </h2>
       <div className="rounded-xl overflow-hidden border border-gray-800 shadow-xl">
         <table className="w-full">
           <thead>
-            <tr className="bg-linear-to-r from-gray-900 to-black border-b border-gray-800">
+            <tr className="bg-linear-to-r from-stone-800 to-black/10 border-b border-gray-800">
               <th className="px-4 py-4 md:px-6 text-left text-sm md:text-base font-semibold text-white">
-                Xususiyat
+                {t("products.feature")}
               </th>
             </tr>
           </thead>
@@ -38,4 +41,4 @@ export function Features({ features }: { features: string[] }) {
       </div>
     </div>
   );
-}
+}