api ulandi

src/features/about/ui/AboutHero.tsx

@@ -1,6 +1,8 @@
+import { useTranslations } from 'next-intl';
 import Image from 'next/image';
 
 export function AboutHero() {
+  const t = useTranslations();
   return (
     <section className="relative h-[60vh] min-h-[500px] flex items-center justify-center overflow-hidden">
       <div className="absolute inset-0 z-0">
@@ -17,9 +19,9 @@ export function AboutHero() {
           Gastro Market
         </h1>
         <p className="text-xl md:text-2xl text-white/90 font-light leading-relaxed text-balance">
-          {
-            "Gastronomiya va kulinariya san'ati haqidagi yetakchi onlayn magazin"
-          }
+          {t(
+            "Gastronomiya va kulinariya san'ati haqidagi yetakchi onlayn magazin",
+          )}
         </p>
       </div>
     </section>