header part update , translation issue fixed

components/lib_components/time.tsx

@@ -0,0 +1,14 @@
+'use client'
+
+import React from 'react'
+import { useTranslation } from 'react-i18next'
+
+export default function Time() {
+    const {t} = useTranslation();
+  return (
+    <div dir='ltr' className='icon_animation2 fixed bottom-10 right-20 z-10 rounded-[50%] bg-primary p-5 text-lg text-secondary flex flex-col items-center justify-center'>
+      <p>{t('work_day_title')}</p>
+      <p>24/7</p>
+    </div>
+  )
+}

components/nav_foot/header.tsx

@@ -1,7 +1,11 @@
+"use client";
+
 import { FaLocationDot } from "react-icons/fa6";
 import Text from "../lib_components/text";
+import { useTranslation } from "react-i18next";
 
 export default function Header() {
+  const { t } = useTranslation();
   return (
     <div
       dir="ltr"
@@ -15,17 +19,7 @@ export default function Header() {
           </a>
         </div>
 
-        <div className="flex flex-col items-center justify-center">
-          <div className="text-white text-lg">
-            <Text txt="work_day_title" />
-          </div>
-          <div className="text-secondary text-xl">
-            <Text txt="work_day" />
-          </div>
-          <p className="text-xl text-secondary">24/7</p>
-        </div>
-
-        <div>
+        <div className="flex items-center gap-5">
           <a
             href="tel:+998332520000"
             target="_blanck"