diff --git a/dictionary.js b/dictionary.js
new file mode 100644
index 0000000..a73d591
--- /dev/null
+++ b/dictionary.js
@@ -0,0 +1,338 @@
+const items = [
+  "کیفیت آموزش را بالا میبریم",
+  "شایستگی در ایجاد فهم علمی در موضوع هدف و در موضوعات وابسته به آن",
+  "شایستگی در ایجاد زمینه ی معرفتی- ارزشی موثر برای محتواهای آموزشی",
+  "جذابیت کلید بهبود یادگیری",
+  "بکارگیری عوامل متنوع سازگار با ارزشها برای علاقمندی دانش آموز و معلم به استفاده از محتوای دانوین",
+  "سازگار با نظام آ.پ : بطوریکه بتواند در مدارس فعلی مورد استفاده قرار گرفته و با نظام رسمی فعلی در تضاد نباشد",
+  "در راستای نیل به سند تحول : تلاش برای نزدیکی گام به گام به آرمانها و اهداف سند تحول",
+  "مزیت رقابتی دانوین",
+  "بکارگیری بروز ترین تکنولوژی های تولید و مدیریت محتوای آموزشی-تربیتی (مانند واقعیت افزوده)",
+  "دارای رویکرد آموزش سرگرم کننده ",
+  "بستر تعاملی و اشتراک گذاری فیلم و محتوای آموزشی",
+  "رویکرد معرفتی-ارزشی",
+  "ویدئو های منحصر بفرد",
+  "متن گفتگو محور ، روایی ، قابل فهم ،جذاب و سرگرم کننده",
+  "فعال سازی کتاب الکترونیک",
+  "کد فعال سازی در اختیار شما قرار گرفته است را در قسمت زیر وارد وارد تا کتاب الکترونیک آن فعالسازی شود",
+  "ثبت کد فعال سازی",
+  "برای خدمات هوشمند کتاب کد فعال سازی را اینجا وارد نمایید",
+  "برای استفاده از این بخش باید یک کتاب را فعالسازی کرده باشید",
+  "فعالسازی کتاب",
+  "پیش دبستان",
+  "اول",
+  "دوم",
+  "سوم",
+  "چهارم",
+  "پنجم",
+  "ششم",
+  "هفتم",
+  "هشتم",
+  "نهم",
+  "دهم",
+  "یازدهم",
+  "دوازدهم",
+  "صفحه اصلی",
+  "واقعیت افزوده",
+  "در حال بارگیری اطلاعات از سرور",
+  "حساب کاربری",
+  "لطفا مشخصات خود را به صورت کامل نمایید.",
+  "نام",
+  "نام خانوادگی",
+  "نام کاربری",
+  "دختر",
+  "پسر",
+  "کد ملی/اتباع",
+  "معلم",
+  "دانش آموز",
+  "عنوان",
+  "پایه تحصیلی",
+  "رشته تحصیلی",
+  "استان",
+  "شهرستان",
+  "نام مدرسه",
+  "محل تدریس",
+  "کد پستی",
+  "آدرس محل سکونت",
+  "ریاضی",
+  "تجربی",
+  "انسانی",
+  "فنی حرفه‌ای",
+  "کاردانش",
+  "معارف",
+  "‌ذخیره",
+  "روز",
+  "ماه",
+  "سال",
+  "تاریخ تولد",
+  "گواهی تدریس خود را آپلود کنید.",
+  "گواهی تدریس  ثبت شده و درحال بررسی می باشد",
+  "کاربر",
+  "پرچم",
+  "شرایط استفاده و حریم خصوصی",
+  "به دانوین خوش اومدی برای عضویت و ادامه شماره موبایلت رو وارد کن  و روی گزینه ثبت بزن",
+  "ادامه",
+  "ارسال مجدد کد فعال سازی",
+  "بازگشت به مرحله قبل و اصلاح شماره",
+  "یک کد تائیدیه به شماره",
+  "ارسال شد",
+  "آن را در قسمت زیر وارد کنید.",
+  "ثبت",
+  "زمان باقیمانده تا انقضای کد:",
+  "وبلاگ",
+  "مطالعه کامل",
+  "سبد خرید",
+  "روشهای ارسال",
+  "جمع کل",
+  "تومان",
+  "با توجه به شرایط یکی از دو گزینه زیر را انتخاب کنید",
+  "پرداخت",
+  "عملیات خرید شما با موفقیت انجام شد.",
+  "عملیات با موفقیت انجام نشد!",
+  "هیچ محصولی در سبد خرید شما وجود ندارد",
+  "فروشگاه",
+  "پرداخت شما با خطا مواجه شد ، لطفا مجدد تلاش نمایید",
+  "سبد پیش خرید",
+  "با توجه به شرایط یکی از دو گزینه زیر را انتخاب کنید",
+  "شرایط استفاده از دانوین و حریم خصوصی را مطالعه کرده ام",
+  "شرایط مرجوع کردن کالا در دانوین",
+  "کد تخفیف",
+  "اگر کد تخفیفی دارید آن را در کادر زیر وارد نمائید",
+  "ثبت کد",
+  "کد تخفیف برای شما ثبت شده است",
+  "مالیات بر ارزش افزوده",
+  "محصولات",
+  "قیمت",
+  "تعداد",
+  "مبلغ کل",
+  "محصول",
+  "نسخه",
+  "الکترونیکی",
+  "چاپی",
+  "پایه",
+  "کد فعالسازی محتوای الکترونیک",
+  "حذف",
+  "قیمت هر واحد",
+  "همراه با:",
+  "قیمت هر عدد",
+  "برای شروع روی یک چت کلیک کن",
+  "جستجو",
+  "علی",
+  "ارسال",
+  "کنسل",
+  "یک پیام بنویسید...",
+  "ثبت شد",
+  "ثبت",
+  "پسند",
+  "تبادل نظر",
+  "پاسخ",
+  "باز ارسال",
+  "ویرایش",
+  "حذف",
+  "ویرایش در",
+  "خلاقیت",
+  "پروفایل",
+  "حساب کاربری",
+  "خروج",
+  "استاد علوم طبیعی پایه دوازدهم",
+  "کارشناس ارشد علوم و فنون از دانشگاه تهران",
+  "محسن محمدی",
+  "2 دقیقه پیش آنلاین بوده",
+  "لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. چاپگرها و متون بلکه روزنام",
+  "عکس کاربر",
+  "مشخصات تحصیلی",
+  "نام کاربری",
+  "روشن",
+  "خاموش",
+  "رسانه,فیلم,عکس",
+  "مسدود سازی مخاطب",
+  "رسانه",
+  "ویدیو",
+  "صوت",
+  "لینک",
+  "فایل",
+  "هیچ محصولی در سبد خرید شما وجود ندارد",
+  "پرداخت شما با خطا مواجه شد ، لطفا مجدد تلاش نمایید",
+  "جزئیات صورتحساب",
+  "مشخصات تحویل گیرنده",
+  "نام ‌و ‌نام  خانوادگی",
+  "شماره تماس",
+  "توضیحات",
+  "روشهای ارسال",
+  "جمع کل",
+  "صورتحساب",
+  "با توجه به شرایط یکی از دو گزینه زیر را انتخاب کنید",
+  "اگر کد تخفیفی دارید آن را در کادر زیر وارد نمائید",
+  "ثبت کد",
+  "کد تخفیف",
+  "مبلغ سبد خرید",
+  "هزینه ارسال",
+  "میزان تخفیف",
+  "مالیات بر ارزش افزوده",
+  "عدد",
+  "آدرس",
+  "تماس",
+  "خانه",
+  "برای استفاده از بخش واقعیت افزوده می بایست افزونه آن را نصب نمایید",
+  "دریافت افزونه",
+  "دریافت افزونه واقعیت افزوده",
+  "سلام چطوری میتونم کمکتون کنم؟",
+  "دنبال چه چیزی برات باشیم؟",
+  "جستجو",
+  "لذت یادگیری را با",
+  "تجربه کنید",
+  "دریافت اپلیکیشن اختصاصی دانوین",
+  "به راحتی از همین جا دانلود کنید...",
+  "ما در دانوین با هدف ایجاد زیرساخت تعاملی و آموزشی با تولید محتوایی جذاب بصورت کتاب قصد داریم تغییراتی بنیادین در نظام آموزش و پرورش کشور ایجاد کنیم.",
+  "آدرس: تهران، میدان فردوسی، خیابان موسوی، پلاک ۳۰",
+  "خانه",
+  "لینک های کاربردی",
+  "تمامی حقوق این وبسایت متعلق به دانوین می باشد. 1400",
+  "لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ، و با استفاده از طراحان گرافیک است، چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است، و برای شرایط فعلی تکنولوژی مورد نیاز، و کاربردهای متنوع با هدف بهبود ابزارهای کاربردی می باشد، کتابهای زیادی در شصت و سه",
+  "خانه",
+  "دسترسی سریع",
+  "سوالات متداول",
+  "درباره ما",
+  "تماس با ما",
+  "موارد بیشتر",
+  "فلش",
+  "ناموجود",
+  "جستجو در عناوین کتاب ...",
+  "نام یک کتاب را جستجو کنید",
+  "علمی تخیلی",
+  "سیاسی",
+  "تاریخی",
+  "ورزشی",
+  "مطالعه کامل در",
+  "دقیقه",
+  "تاریخ انتشار",
+  "ادامه مطلب",
+  "عکس",
+  "عکس محصول",
+  "دانوینی",
+  "شو",
+  "مشخصات خودت رو وارد کنید و امتیاز هدیه بگیرید",
+  "شماره تماس",
+  "لوگو",
+  "دانلود",
+  "ویرایش مشخصات",
+  "پیگری سفارشات",
+  "کتاب های من",
+  "خروج",
+  "ورود یا ثبت‌نام",
+  "پشتیبانی",
+  "بازگشت",
+  "منو",
+  "ورود یا ثبت‌نام",
+  "کتاب‌های من",
+  "واقعیت افزوده",
+  "بارکد خوان",
+  "به زودی این بخش فعال می شود",
+  "دانوینی‌ها",
+  "ویرایش مشخصات",
+  "بروز رسانی",
+  "خروج",
+  "امتیاز",
+  "اضافه کردن کاربر",
+  "ادامه مطلب",
+  "فعال سازی شده",
+  "تاریخ فعال‌سازی:",
+  "کد فعال‌سازی:",
+  "اسکن بارکد",
+  "برای استفاده از این بخش باید یک کتاب فعال خریداری کرده باشید",
+  "لطفا مشخصات خود را به صورت کامل نمایید.",
+  "کد ملی",
+  "شهر/روستا",
+  "افزودن کاربر جدید",
+  "سفارشات من",
+  "شناسه سفارش",
+  "پرداخت نشده",
+  "در حال پردازش",
+  "ارسال شد",
+  "لغو شد",
+  "شناسه پرداخت",
+  "مبلغ",
+  "تخفیف",
+  "سفارشی برای نماش وجود ندارد",
+  "جهت ادامه فرآیند خرید وارد حساب خود شوید",
+  "افزودن به سبد خرید",
+  "توضیحات محصول خالیست",
+  "نظرات خریداران",
+  "ارسال نظر",
+  "از اینکه با نظرات خود ما را در ارتقای کیفیت محصولاتمان یاری کنید ، سپاسگزاریم",
+  "نسخه الکترونیک",
+  "نسخه چاپی",
+  "برای این کتاب نمونه‌ای درج نشده است.",
+  "مطالعه نمونه کتاب",
+  "معرفی کتاب",
+  "این کتاب شامل چه مواردی است؟",
+  "نظرات خریداران",
+  "مشاهده نمونه کتاب",
+  "شرایط استفاده از دانوین و حریم خصوصی را مطالعه کرده ام",
+  "شرایط مرجوع کردن کالا در دانوین",
+  "کاربر میهمان",
+  "پاسخ مدیریت سایت",
+  "کامنت خود را وارد کرده و دکمه ثبت را بزنید.",
+  "متن پیام",
+  "انصراف",
+  "ابتدا یک محصول به سبد خریدتان اضافه کنید.",
+  "دسته بندی موضوعی",
+  "پایه تحصیلی",
+  "فیلترهای اعمال شده",
+  "محصولی با این مشخصات یافت نشد",
+  "عکس مجصول",
+  "پایه",
+  "نام کتاب",
+  "مرتب سازی",
+  "مرتب سازی بر اساس",
+  "شما در حال مطالعه",
+  "هستید",
+  "صفحه",
+  "محتوایی برای این صفحه در دسترس نیست.!",
+  "نمایش تمامی محتواها",
+  "محتویات کتاب",
+  "فایل",
+  "برای دانلود این فایل روی اینجا کلیک کن",
+  "مشاهده فهرست موضوعی کتاب",
+  "سخنی با خوانندگان",
+  "مقدمه",
+  "آتشفشانها و اقیانوسها",
+  "نحوه جدایی صفحات کره",
+  "نکته",
+  "لطفا دوربین خود را روی کدی که در اختیار شما قرار گرفته قرار دهید تا اسکن دوربین انجام شود",
+  "دوربین عقب",
+  "دوربین جلو",
+  "آخرین مشاهدات",
+  "اسکن کد QR موفقیت آمیز بود.",
+  "لطفا شماره صفحه را وارد نمایید",
+  "تایید",
+  "زیست دهم",
+  "علوم چهارم",
+  "نمونه ای برای این محصول درج نشده است",
+  "قبل",
+  "بعد",
+  "واحد محتوایی",
+  "واحد فنی",
+  "واحد فروش",
+  "واحد مورد نظر",
+  "برای ارتباط با دنیای شگفت انگیز دانوین از فرم زیر استفاده کنید و پس از انتخاب دپارتمان مد نظر پیام خود را ارسال کنید.",
+  "نام ‌و ‌نام خانوادگی",
+  "شماره تماس",
+  "موضوع",
+  "متن",
+  "تصویر بارگزاری شد",
+  "در صورت نیاز تصویر مرتبط را انتخاب کنید.",
+  "فایل ثبت شد",
+  "کتاب شما با موفقیت فعال گردید.",
+  "جدیدترین",
+  "محبوب ترین",
+  "گران ترین",
+  "ثبت درخواست با موفقیت انجام شد",
+  "کتاب‌های دانوین",
+  "روش ارسال با موفقیت تغییر یافت!",
+  "کد به شماره شما ارسال گردید.",
+  "به دانوین خوش آمدید.",
+  "درخواست شما با موفقیت انجام شد.",
+];
+
+module.exports = items;
\ No newline at end of file
diff --git a/dictionary.js.zip b/dictionary.js.zip
new file mode 100644
index 0000000..d5e669c
Binary files /dev/null and b/dictionary.js.zip differ
diff --git a/package.json b/package.json
index 3c7e101..a8748e3 100644
--- a/package.json
+++ b/package.json
@@ -54,7 +54,6 @@
     "jest-resolve": "26.6.0",
     "jest-watch-typeahead": "0.6.1",
     "mapir-react-component": "^1.8.1",
-    "material-ui-audio-player": "https://github.com/RezaAshrafi77/material-ui-audio-player.git",
     "material-ui-player": "^0.2.2",
     "mini-css-extract-plugin": "0.11.3",
     "modern-react-qr-reader": "^1.0.12",
@@ -106,7 +105,8 @@
     "webpack": "4.44.2",
     "webpack-dev-server": "3.11.1",
     "webpack-manifest-plugin": "2.2.0",
-    "workbox-webpack-plugin": "5.1.4"
+    "workbox-webpack-plugin": "5.1.4",
+    "material-ui-audio-player": "https://github.com/RezaAshrafi77/material-ui-audio-player.git"
   },
   "scripts": {
     "start": "node scripts/start.js ",
@@ -199,4 +199,4 @@
       ]
     ]
   }
-}
\ No newline at end of file
+}
diff --git a/src/App.css b/src/App.css
index e6a8bf0..e8e104a 100644
--- a/src/App.css
+++ b/src/App.css
@@ -1,8 +1,16 @@
 * {
   box-sizing: border-box !important;
-  direction: rtl;
   font-family: numeralLight;
 }
+
+.ltr {
+  direction: ltr;
+}
+
+.rtl {
+  direction: rtl;
+}
+
 #root {
   height: 100vh;
   max-width: 100vw !important;
diff --git a/src/AppRouter.js b/src/AppRouter.js
index 6bfb2c0..1bed7c7 100644
--- a/src/AppRouter.js
+++ b/src/AppRouter.js
@@ -91,203 +91,221 @@ class AppRouter extends Component {
     );
 
     return (
-      <Router>
-        <Switch>
-          {home}
-          <Route exact path={"/faq"}>
-            <Faq />
-          </Route>
-          <Route exact path={"/contact"}>
-            <Contact />
-          </Route>
-          <Route exact path={"/download"}>
-            <Download />
-          </Route>
-          <Route exact path={"/blogs"}>
-            <Blogs />
-          </Route>
-          <Route exact path={"/blogs/:id"}>
-            <Blog />
-          </Route>
-          <Route exact path={"/page/:name"}>
-            <Blog />
-          </Route>
-          <Route exact path={"/about"}>
-            <About />
-          </Route>
-          <Route exact path={"/products"}>
-            <Products />
-          </Route>
-          <Route exact path="/orders">
-            <Orders />
-          </Route>
-          <Route exact path="/mybooks">
-            <MyBooks />
-          </Route>
-          {/* <Route path={"/sample"}>
+      <div className={`flex-1 ${this.props.config?.direction}`}>
+        <Router>
+          <Switch>
+            {home}
+            <Route exact path={"/faq"}>
+              <Faq />
+            </Route>
+            <Route exact path={"/contact"}>
+              <Contact />
+            </Route>
+            <Route exact path={"/download"}>
+              <Download />
+            </Route>
+            <Route exact path={"/blogs"}>
+              <Blogs />
+            </Route>
+            <Route exact path={"/blogs/:id"}>
+              <Blog />
+            </Route>
+            <Route exact path={"/page/:name"}>
+              <Blog />
+            </Route>
+            <Route exact path={"/about"}>
+              <About />
+            </Route>
+            <Route exact path={"/products"}>
+              <Products />
+            </Route>
+            <Route exact path="/orders">
+              <Orders />
+            </Route>
+            <Route exact path="/mybooks">
+              <MyBooks />
+            </Route>
+            {/* <Route path={"/sample"}>
             <Sample />
           </Route> */}
-          <Route path={"/pdf"}>
-            <PDF />
-          </Route>
-          <Route exact path={"/newProfile"}>
-            {mobile ? (
-              status ? (
+            <Route path={"/pdf"}>
+              <PDF />
+            </Route>
+            <Route exact path={"/newProfile"}>
+              {mobile ? (
+                status ? (
+                  <NewProfile />
+                ) : (
+                  <Redirect
+                    to={{
+                      pathname: "/",
+                    }}
+                  />
+                )
+              ) : (
                 <NewProfile />
+              )}
+            </Route>
+            <Route exact path={"/support"}>
+              {mobile ? (
+                status ? (
+                  <Support />
+                ) : (
+                  <Redirect
+                    to={{
+                      pathname: "/",
+                    }}
+                  />
+                )
               ) : (
+                <Support />
+              )}
+            </Route>
+            <Route exact path={"/products/digital/:id"}>
+              <Product page="digital" />
+            </Route>
+            <Route exact path={"/products/physical/:id"}>
+              <Product page="physical" />
+            </Route>
+            <Route exact path={"/qr"}>
+              <QR />
+            </Route>
+            <Route exact path={"/auth"}>
+              {proxy.status() ? (
                 <Redirect
                   to={{
                     pathname: "/",
                   }}
                 />
-              )
-            ) : (
-              <NewProfile />
-            )}
-          </Route>
-          <Route exact path={"/support"}>
-            <Support />
-            {/* {mobile ? (
+              ) : (
+                <NewProfile />
+              )}
+            </Route>
+            <Route exact path={"/support"}>
+              <Support />
+              {/* {mobile ? (
               status ? (
                 <Support />
               ) : (
                 <Redirect
                   to={{
-                    pathname: "/",
+                    pathname: "/auth",
                   }}
                 />
               )
             ) : (
               <Support />
             )} */}
-          </Route>
-          <Route exact path={"/products/digital/:id"}>
-            <Product page="digital" />
-          </Route>
-          <Route exact path={"/products/physical/:id"}>
-            <Product page="physical" />
-          </Route>
-          <Route exact path={"/qr"}>
-            <QR />
-          </Route>
-          <Route exact path={"/auth"}>
-            {proxy.status() ? (
-              <Redirect
-                to={{
-                  pathname: "/",
-                }}
-              />
-            ) : (
-              <Auth />
-            )}
-          </Route>
-          <Route exact path={"/profile"}>
-            {mobile ? (
-              status ? (
-                <Auth page={"profile"} />
-              ) : (
+            </Route>
+            <Route exact path={"/products/digital/:id"}>
+              <Product page="digital" />
+            </Route>
+            <Route exact path={"/products/physical/:id"}>
+              <Product page="physical" />
+            </Route>
+            <Route exact path={"/qr"}>
+              <QR />
+            </Route>
+            <Route exact path={"/auth"}>
+              {proxy.status() ? (
                 <Redirect
                   to={{
                     pathname: "/",
                   }}
                 />
-              )
-            ) : status ? (
-              <Auth page={"profile"} />
-            ) : (
-              <Redirect
-                to={{
-                  pathname: "/auth",
-                }}
-              />
-            )}
-          </Route>
-          <Route exact path={"/qr-scan"}>
-            {mobile ? (
-              status ? (
+              ) : (
+                <Auth />
+              )}
+            </Route>
+            <Route exact path={"/profile"}>
+              {mobile ? status ? <Auth page={"profile"} /> : null : null}
+            </Route>
+            <Route exact path={"/qr-scan"}>
+              {mobile ? (
+                status ? (
+                  <QRScan />
+                ) : (
+                  <Redirect
+                    to={{
+                      pathname: "/",
+                    }}
+                  />
+                )
+              ) : status ? (
                 <QRScan />
               ) : (
                 <Redirect
                   to={{
-                    pathname: "/",
+                    pathname: "/auth",
                   }}
                 />
-              )
-            ) : status ? (
-              <QRScan />
-            ) : (
-              <Redirect
-                to={{
-                  pathname: "/auth",
-                }}
-              />
-            )}
-          </Route>
-          <Route exact path={"/activation"}>
-            {mobile ? (
-              status ? (
+              )}
+            </Route>
+            <Route exact path={"/activation"}>
+              {mobile ? (
+                status ? (
+                  <Activation />
+                ) : (
+                  <Redirect
+                    to={{
+                      pathname: "/",
+                    }}
+                  />
+                )
+              ) : status ? (
                 <Activation />
               ) : (
                 <Redirect
                   to={{
-                    pathname: "/",
+                    pathname: "/auth",
                   }}
                 />
-              )
-            ) : status ? (
-              <Activation />
-            ) : (
-              <Redirect
-                to={{
-                  pathname: "/auth",
-                }}
-              />
-            )}
-          </Route>
-          <Route exact path={"/chatroom"}>
-            {mobile ? (
-              status ? (
+              )}
+            </Route>
+            <Route exact path={"/chatroom"}>
+              {mobile ? (
+                status ? (
+                  <ChatList />
+                ) : (
+                  <Redirect
+                    to={{
+                      pathname: "/",
+                    }}
+                  />
+                )
+              ) : status ? (
                 <ChatList />
+              ) : (
+                <Redirect
+                  to={{
+                    pathname: "/auth",
+                  }}
+                />
+              )}
+            </Route>
+            <Route exact path={"/cart"}>
+              {status ? (
+                <Cart />
               ) : (
                 <Redirect
                   to={{
                     pathname: "/",
                   }}
                 />
-              )
-            ) : status ? (
-              <ChatList />
-            ) : (
-              <Redirect
-                to={{
-                  pathname: "/auth",
-                }}
-              />
-            )}
-          </Route>
-          <Route exact path={"/cart"}>
-            {status ? (
-              <Cart />
-            ) : (
-              <Redirect
-                to={{
-                  pathname: "/",
-                }}
-              />
-            )}
-          </Route>
-          <Route exact path={"/checkout"}>
-            {status ? (
-              <Checkout />
-            ) : (
-              <Redirect
-                to={{
-                  pathname: "/",
-                }}
-              />
-            )}
-          </Route>
-          {/* <Route exact path={"/mybooks"}>
+              )}
+            </Route>
+            <Route exact path={"/checkout"}>
+              {status ? (
+                <Checkout />
+              ) : (
+                <Redirect
+                  to={{
+                    pathname: "/",
+                  }}
+                />
+              )}
+            </Route>
+            {/* <Route exact path={"/mybooks"}>
             {mobile ? (
               status ? (
                 <MyBooks />
@@ -308,64 +326,65 @@ class AppRouter extends Component {
               />
             )}
           </Route> */}
-          <Route exact path={"/ar"}>
-            {mobile ? (
-              status ? (
+            <Route exact path={"/ar"}>
+              {mobile ? (
+                status ? (
+                  <AR />
+                ) : (
+                  <Redirect
+                    to={{
+                      pathname: "/",
+                    }}
+                  />
+                )
+              ) : status ? (
                 <AR />
               ) : (
                 <Redirect
                   to={{
-                    pathname: "/",
+                    pathname: "/auth",
                   }}
                 />
-              )
-            ) : status ? (
-              <AR />
-            ) : (
-              <Redirect
-                to={{
-                  pathname: "/auth",
-                }}
-              />
-            )}
-          </Route>
+              )}
+            </Route>
 
-          <Route exact path={"/chatroom/:id"}>
-            {mobile ? (
-              status ? (
+            <Route exact path={"/chatroom/:id"}>
+              {mobile ? (
+                status ? (
+                  <Chatroom />
+                ) : (
+                  <Redirect
+                    to={{
+                      pathname: "/",
+                    }}
+                  />
+                )
+              ) : status ? (
                 <Chatroom />
               ) : (
                 <Redirect
                   to={{
-                    pathname: "/",
+                    pathname: "/auth",
                   }}
                 />
-              )
-            ) : status ? (
-              <Chatroom />
-            ) : (
+              )}
+            </Route>
+            <Route path={""}>
               <Redirect
                 to={{
-                  pathname: "/auth",
+                  pathname: "/qr",
+                  search:
+                    "?id=" +
+                    window.location.pathname.slice(
+                      window.location.pathname.lastIndexOf("/") + 1,
+                      window.location.pathname.length
+                    ),
                 }}
               />
-            )}
-          </Route>
-          <Route path={""}>
-            <Redirect
-              to={{
-                pathname: "/qr",
-                search:
-                  "?id=" +
-                  window.location.pathname.slice(
-                    window.location.pathname.lastIndexOf("/") + 1,
-                    window.location.pathname.length
-                  ),
-              }}
-            />
-          </Route>
-        </Switch>
-      </Router>
+            </Route>
+          </Switch>
+        </Router>
+      </div>
     );
   }
 }
@@ -374,6 +393,7 @@ export default connect(
   (state) => ({
     profile: state.user.status,
     userProductList: state.userProduct.list,
+    config: state.publicApi.config,
     // status: state.user.status,
   }),
   { getProfile: user.getProfile, getUserProductList: userProduct.list }
diff --git a/src/QRScan/LastQr/index.js b/src/QRScan/LastQr/index.js
index 3615974..06002dd 100644
--- a/src/QRScan/LastQr/index.js
+++ b/src/QRScan/LastQr/index.js
@@ -4,18 +4,18 @@ import { Link } from "react-router-dom";
 import "./index.scss";
 
 const grades = [
-  "اول",
-  "دوم",
-  "سوم",
-  "چهارم",
-  "پنجم",
-  "ششم",
-  "هفتم",
-  "هشتم",
-  "نهم",
-  "دهم",
-  "یازدهم",
-  "دوازدهم",
+  window.t("اول"),
+  window.t("دوم"),
+  window.t("سوم"),
+  window.t("چهارم"),
+  window.t("پنجم"),
+  window.t("ششم"),
+  window.t("هفتم"),
+  window.t("هشتم"),
+  window.t("نهم"),
+  window.t("دهم"),
+  window.t("یازدهم"),
+  window.t("دوازدهم"),
 ];
 
 export default function LastQR(props) {
diff --git a/src/Redux/proxy.js b/src/Redux/proxy.js
index a5f2843..aff76d1 100644
--- a/src/Redux/proxy.js
+++ b/src/Redux/proxy.js
@@ -9,7 +9,8 @@ const Axios = axios.create({
   withCredentials: true,
   validateStatus: null,
   baseURL: baseUrl,
-  //headers: access ? { Authorization: `Bearer ${access}` } : {},
+
+  headers: { lang: window.lang },
 });
 class Proxy {
   get = async (url, params, opt = {}, data) =>
diff --git a/src/Redux/reducers/activation.js b/src/Redux/reducers/activation.js
index 8164548..31ee33c 100644
--- a/src/Redux/reducers/activation.js
+++ b/src/Redux/reducers/activation.js
@@ -14,10 +14,10 @@ export default function activation(state = initialState, action) {
     case "activation/update":
       return { ...state, loading: false, error: null };
     case "activation/updateStatus":
-      toast.success("کتاب شما با موفقیت فعال گردید.");
+      toast.success(window.t("کتاب شما با موفقیت فعال گردید."));
       return { ...state, loading: false, error: null, updateStatus: true };
     case "activation/add":
-      toast.success("کتاب شما با موفقیت فعال گردید.");
+      toast.success(window.t("کتاب شما با موفقیت فعال گردید."));
       return { ...state, loading: false, error: null };
     case "activation/delete":
       return { ...state, loading: false, error: null };
diff --git a/src/Redux/reducers/book.js b/src/Redux/reducers/book.js
index 55ca41c..a901796 100644
--- a/src/Redux/reducers/book.js
+++ b/src/Redux/reducers/book.js
@@ -9,23 +9,23 @@ const initialState = {
   filterResult: [],
   subjects: [],
   levels: [],
-  sortFilters: ["مرتب سازی", "محبوب ترین", "جدیدترین"],
+  sortFilters: [window.t("مرتب سازی"), window.t("محبوب ترین"), window.t("جدیدترین")],
 };
 
 const grades = [
-  "پیش دبستان",
-  "اول",
-  "دوم",
-  "سوم",
-  "چهارم",
-  "پنجم",
-  "ششم",
-  "هفتم",
-  "هشتم",
-  "نهم",
-  "دهم",
-  "یازدهم",
-  "دوازدهم",
+  window.t("پیش دبستان"),
+  window.t("اول"),
+  window.t("دوم"),
+  window.t("سوم"),
+  window.t("چهارم"),
+  window.t("پنجم"),
+  window.t("ششم"),
+  window.t("هفتم"),
+  window.t("هشتم"),
+  window.t("نهم"),
+  window.t("دهم"),
+  window.t("یازدهم"),
+  window.t("دوازدهم"),
 ];
 export default function book(state = initialState, action) {
   let { type, data } = action;
@@ -35,14 +35,14 @@ export default function book(state = initialState, action) {
         (item, index) => item.name
       );
       if (window.innerWidth < 1000) {
-        itemsSubject.unshift("نام کتاب");
+        itemsSubject.unshift(window.t("نام کتاب"));
       }
       let itemsLevel = (Array.isArray(data) ? data : [])
         .map((item) => item.gradeId * 1)
         .sort((a, b) => a - b)
         .map((e) => grades[e]);
       if (window.innerWidth < 1000) {
-        itemsLevel.unshift("پایه تحصیلی");
+        itemsLevel.unshift(window.t(window.t("پایه تحصیلی")));
       }
       return {
         ...state,
@@ -103,7 +103,7 @@ export default function book(state = initialState, action) {
         ? bySubjectFilter.filter((item1) => item1.name.indexOf(search) !== -1)
         : bySubjectFilter;
 
-      if (sort === "گران ترین") {
+      if (sort === window.t("گران ترین")) {
         finalSort = bySearchFilter.sort((item1, item2) => {
           return item1.product[0].price - item2.product[0].price;
         });
diff --git a/src/Redux/reducers/comment.js b/src/Redux/reducers/comment.js
index 0926b89..3bb47d3 100644
--- a/src/Redux/reducers/comment.js
+++ b/src/Redux/reducers/comment.js
@@ -14,7 +14,7 @@ export default function comment(state = initialState, action) {
     case "comment/update":
       return { ...state, loading: false, error: null };
     case "comment/add":
-      toast.success("ثبت درخواست با موفقیت انجام شد");
+      toast.success(window.t("ثبت درخواست با موفقیت انجام شد"));
       return { ...state, loading: false, error: null };
     case "comment/delete":
       return { ...state, loading: false, error: null };
diff --git a/src/Redux/reducers/public.js b/src/Redux/reducers/public.js
index e8ab89c..da9bda6 100644
--- a/src/Redux/reducers/public.js
+++ b/src/Redux/reducers/public.js
@@ -13,32 +13,37 @@ const initialState = {
   blog: null,
   province: [],
   city: [],
+  config: {
+    direction: "ltr",
+  },
 };
 
 const grades = [
-  "پیش دبستان",
-  "اول",
-  "دوم",
-  "سوم",
-  "چهارم",
-  "پنجم",
-  "ششم",
-  "هفتم",
-  "هشتم",
-  "نهم",
-  "دهم",
-  "یازدهم",
-  "دوازدهم",
+  window.t("پیش دبستان"),
+  window.t("اول"),
+  window.t("دوم"),
+  window.t("سوم"),
+  window.t("چهارم"),
+  window.t("پنجم"),
+  window.t("ششم"),
+  window.t("هفتم"),
+  window.t("هشتم"),
+  window.t("نهم"),
+  window.t("دهم"),
+  window.t("یازدهم"),
+  window.t("دوازدهم"),
 ];
 export default function publicApi(state = initialState, action) {
   let { type, data } = action;
   switch (type) {
+    case "public/direction":
+      return { ...state, config: { [data.name]: data.value } };
     case "public/homePage":
       let itemsLevel;
       //  if (window.innerWidth > 1000) {
 
       const jadidTarin = data?.filter(
-        (item) => item.title === "کتاب‌های دانوین"
+        (item) => item.title === window.t("کتاب‌های دانوین")
       );
       itemsLevel =
         jadidTarin && jadidTarin[0] && jadidTarin[0].data
@@ -47,7 +52,7 @@ export default function publicApi(state = initialState, action) {
               .sort((a, b) => a - b)
               .map((e) => grades[e])
           : [];
-      itemsLevel.unshift("پایه تحصیلی");
+      itemsLevel.unshift(window.t(window.t("پایه تحصیلی")));
       //  }
 
       return {
@@ -64,7 +69,7 @@ export default function publicApi(state = initialState, action) {
     case "public/filter":
       const realList =
         state.newProducts.length === 0
-          ? state.homeData.filter((item) => item.title === "کتاب‌های دانوین")[0]
+          ? state.homeData.filter((item) => item.title === window.t("کتاب‌های دانوین"))[0]
               .data
           : state.newProducts;
       if (state.newProducts.length === 0) {
@@ -83,7 +88,7 @@ export default function publicApi(state = initialState, action) {
           loading: false,
           error: null,
           homeData: state.homeData.map((item) =>
-            item.title === "کتاب‌های دانوین"
+            item.title === window.t("کتاب‌های دانوین")
               ? { ...item, data: state.newProducts }
               : { ...item }
           ),
@@ -119,7 +124,7 @@ export default function publicApi(state = initialState, action) {
       const bySearchFilter = search
         ? byLevelFilter.filter((item1) => item1.name.indexOf(search) !== -1)
         : byLevelFilter;
-      // if (sort === "گران ترین") {
+      // if (sort === window.t("گران ترین")) {
       //   finalSort = bySearchFilter.sort((item1, item2) => {
       //     return item1.product[0].price - item2.product[0].price;
       //   });
@@ -132,7 +137,7 @@ export default function publicApi(state = initialState, action) {
         loading: false,
         error: null,
         homeData: state.homeData.map((item) =>
-          item.title === "کتاب‌های دانوین"
+          item.title === window.t("کتاب‌های دانوین")
             ? { ...item, data: bySearchFilter }
             : { ...item }
         ),
diff --git a/src/Redux/reducers/transport.js b/src/Redux/reducers/transport.js
index 5d80f66..7cf48c6 100644
--- a/src/Redux/reducers/transport.js
+++ b/src/Redux/reducers/transport.js
@@ -17,7 +17,7 @@ export default function transport(state = initialState, action) {
     case "transport/add":
       return { ...state, loading: false, error: null };
     case "transport/setTransport":
-      toast.success("روش ارسال با موفقیت تغییر یافت!");
+      toast.success(window.t("روش ارسال با موفقیت تغییر یافت!"));
       return { ...state, loading: false, error: null };
     case "transport/delete":
       return { ...state, loading: false, error: null };
diff --git a/src/Redux/reducers/user.js b/src/Redux/reducers/user.js
index f4d0d53..bbdd7e2 100644
--- a/src/Redux/reducers/user.js
+++ b/src/Redux/reducers/user.js
@@ -17,11 +17,11 @@ export default function user(state = initialState, action) {
     case "user/register":
     case "user/switchRole":
     case "public/sendOTP":
-      toast.success("کد به شماره شما ارسال گردید.");
+      toast.success(window.t("کد به شماره شما ارسال گردید."));
       return { ...state, loading: false, status: data.profile, error: null };
     case "user/otp/login":
       // window.location = "https://dnvn.ir/?" + Math.random();
-      toast.success("به دانوین خوش آمدید.");
+      toast.success(window.t("به دانوین خوش آمدید."));
 
       return {
         ...state,
diff --git a/src/Redux/reducers/userFactor.js b/src/Redux/reducers/userFactor.js
index 19d67e5..0c73b37 100644
--- a/src/Redux/reducers/userFactor.js
+++ b/src/Redux/reducers/userFactor.js
@@ -17,10 +17,10 @@ export default function userFactor(state = initialState, action) {
     case "userFactor/info":
       return { ...state, loading: false, info: data, error: null };
     case "userFactor/update":
-      toast.success("درخواست شما با موفقیت انجام شد.");
+      toast.success(window.t("درخواست شما با موفقیت انجام شد."));
       return { ...state, loading: false, error: null };
     case "userFactor/add":
-      toast.success("درخواست شما با موفقیت انجام شد.");
+      toast.success(window.t("درخواست شما با موفقیت انجام شد."));
       return { ...state, loading: false, error: null, sum: data.payPrice };
     case "userFactor/deleteUserOffCode":
       return { ...state, loading: false, error: null };
diff --git a/src/Redux/reducers/userProduct.js b/src/Redux/reducers/userProduct.js
index 0a6b577..5ca8fbb 100644
--- a/src/Redux/reducers/userProduct.js
+++ b/src/Redux/reducers/userProduct.js
@@ -37,7 +37,7 @@ export default function userProduct(state = initialState, action) {
       return { ...state, loading: false, error: null };
     case "userProduct/add":
       if (window.location.pathname.indexOf("products") !== -1) {
-        toast.success("درخواست شما با موفقیت انجام شد.");
+        toast.success(window.t("درخواست شما با موفقیت انجام شد."));
       }
       return { ...state, loading: false, error: null, sum: data.payPrice };
     case "userProduct/delete":
diff --git a/src/views/AR/Item/index.js b/src/views/AR/Item/index.js
index d3040cf..ce7f14e 100644
--- a/src/views/AR/Item/index.js
+++ b/src/views/AR/Item/index.js
@@ -1,19 +1,19 @@
 import React, { Component } from "react";
 
 const grades = [
-  "پیش دبستان",
-  "اول",
-  "دوم",
-  "سوم",
-  "چهارم",
-  "پنجم",
-  "ششم",
-  "هفتم",
-  "هشتم",
-  "نهم",
-  "دهم",
-  "یازدهم",
-  "دوازدهم",
+  window.t("پیش دبستان"),
+  window.t("اول"),
+  window.t("دوم"),
+  window.t("سوم"),
+  window.t("چهارم"),
+  window.t("پنجم"),
+  window.t("ششم"),
+  window.t("هفتم"),
+  window.t("هشتم"),
+  window.t("نهم"),
+  window.t("دهم"),
+  window.t("یازدهم"),
+  window.t("دوازدهم"),
 ];
 export default class Item extends Component {
   render() {
diff --git a/src/views/About/index.js b/src/views/About/index.js
index a89aa48..659e22c 100644
--- a/src/views/About/index.js
+++ b/src/views/About/index.js
@@ -28,38 +28,38 @@ const fontSize = {
 export default class About extends Component {
   state = {
     first: {
-      title: "درباره ما",
+      title: window.t("درباره ما"),
       text: "ما در دانوین با هدف ایجاد زیرساخت تعاملی و آموزشی با تولید محتوایی جذاب بصورت کتاب با کمک پلتفرم دانوین، قصد تغییراتی بنیادین در نظام آموزش و پرورش کشور داریم. دانوین پلتفرمی شامل کتاب، محتوای الکترونیکی، رویه های آموزشی، پشتیبانی علمی و نرم افزار ارائه خدمات با رویکرد مخاطب محور است.",
     },
     fury: {
-      title: "	ماموریت ما در  دانوین چیست ؟",
+      title: "ماموریت ما در  دانوین چیست ؟",
       text: "ارتقای سطح کیفیت و جذابیت آموزش در مدارس بصورت سازگار با نظام رسمی و کنونی آ.پ در راستای نیل به اهداف سند تحول",
     },
 
     keywords: {
-      title: "کیفیت آموزش را بالا میبریم",
+      title: window.t("کیفیت آموزش را بالا میبریم"),
       list: [
-        "شایستگی در ایجاد فهم علمی در موضوع هدف و در موضوعات وابسته به آن",
-        "شایستگی در ایجاد زمینه ی معرفتی- ارزشی موثر برای محتواهای آموزشی",
+        window.t("شایستگی در ایجاد فهم علمی در موضوع هدف و در موضوعات وابسته به آن"),
+        window.t("شایستگی در ایجاد زمینه ی معرفتی- ارزشی موثر برای محتواهای آموزشی"),
       ],
     },
     keywords2: {
-      title: "جذابیت کلید بهبود یادگیری",
+      title: window.t("جذابیت کلید بهبود یادگیری"),
       list: [
-        "بکارگیری عوامل متنوع سازگار با ارزشها برای علاقمندی دانش آموز و معلم به استفاده از محتوای دانوین",
-        "سازگار با نظام آ.پ : بطوریکه بتواند در مدارس فعلی مورد استفاده قرار گرفته و با نظام رسمی فعلی در تضاد نباشد",
-        "در راستای نیل به سند تحول : تلاش برای نزدیکی گام به گام به آرمانها و اهداف سند تحول",
+        window.t("بکارگیری عوامل متنوع سازگار با ارزشها برای علاقمندی دانش آموز و معلم به استفاده از محتوای دانوین"),
+        window.t("سازگار با نظام آ.پ : بطوریکه بتواند در مدارس فعلی مورد استفاده قرار گرفته و با نظام رسمی فعلی در تضاد نباشد"),
+        window.t("در راستای نیل به سند تحول : تلاش برای نزدیکی گام به گام به آرمانها و اهداف سند تحول"),
       ],
     },
     advantages: {
       title: "	مزیت رقابتی دانوین",
       list: [
-        "بکارگیری بروز ترین تکنولوژی های تولید و مدیریت محتوای آموزشی-تربیتی (مانند واقعیت افزوده)",
-        "دارای رویکرد آموزش سرگرم کننده ",
-        "بستر تعاملی و اشتراک گذاری فیلم و محتوای آموزشی",
-        "رویکرد معرفتی-ارزشی",
-        "ویدئو های منحصر بفرد",
-        "متن گفتگو محور ، روایی ، قابل فهم ،جذاب و سرگرم کننده",
+        window.t("بکارگیری بروز ترین تکنولوژی های تولید و مدیریت محتوای آموزشی-تربیتی (مانند واقعیت افزوده)"),
+        window.t("دارای رویکرد آموزش سرگرم کننده "),
+        window.t("بستر تعاملی و اشتراک گذاری فیلم و محتوای آموزشی"),
+        window.t("رویکرد معرفتی-ارزشی"),
+        window.t("ویدئو های منحصر بفرد"),
+        window.t("متن گفتگو محور ، روایی ، قابل فهم ،جذاب و سرگرم کننده"),
       ],
     },
   };
@@ -138,19 +138,15 @@ export default class About extends Component {
                   </div>
                 </div>
                 <div className="about__fury--left d-flex align-items-center">
-                  <img
-                    className="about__fury--left__1"
-                    src={aboutLg}
-                    alt="عکس"
-                  />
+                  <img className="about__fury--left__1" src={aboutLg} />
                   {/* {this.props.absoluteImages.map((item, i) => (
-                    <img src={item.imageUrl} className={item.class} alt="عکس" />
+                    <img src={item.imageUrl} className={item.class}  />
                   ))} */}
                 </div>
               </div>
               <div className="about__advantages d-flex">
                 <div className="about__advantages--right d-flex">
-                  <img src={pic} alt={"عکس"} />
+                  <img src={pic} />
                 </div>
                 <div className="about__advantages--left">
                   <h1 style={{ fontSize: fontSize.desktop.h1 }}>
@@ -201,7 +197,7 @@ export default class About extends Component {
             </div>
             <div className="mobile-about__images d-flex">
               {this.props.absoluteImages.map((item, i) => (
-                <img src={item.imageUrl} className={item.class} alt="عکس" />
+                <img src={item.imageUrl} className={item.class} />
               ))}
             </div>
             <div className="mobile-about__keys align-self-end">
@@ -219,7 +215,7 @@ export default class About extends Component {
               </ul>
             </div>
             <div className="mobile-about__video d-flex">
-              <img src={pic} alt={"عکس"} />
+              <img src={pic} />
             </div>
             <div className="mobile-about__advantages d-flex flex-column">
               <div>
diff --git a/src/views/Activation/index.js b/src/views/Activation/index.js
index 9be59d4..2de3eef 100644
--- a/src/views/Activation/index.js
+++ b/src/views/Activation/index.js
@@ -44,7 +44,7 @@ class Activation extends Component {
             <div className="activation d-flex flex-column align-items-center">
               <Navbar />
               <header className="activation__header d-flex flex-column align-items-center">
-                <img src={analytics} alt="فعال سازی کتاب" />
+                <img src={analytics} />
                 <h1 style={{ fontSize: fontSize.desktop.h1 }}>
                   فعال سازی کتاب الکترونیک
                 </h1>
@@ -100,7 +100,7 @@ class Activation extends Component {
             <Navbar />
 
             <header className="mobile-activation__header d-flex flex-column align-items-center">
-              <img src={analytics} alt="فعال سازی کتاب" />
+              <img src={analytics} />
               <h1 style={{ fontSize: fontSize.mobile.h1 }}>
                 فعال سازی کتاب الکترونیک
               </h1>
diff --git a/src/views/Auth/Login/Cellphone/index.js b/src/views/Auth/Login/Cellphone/index.js
index e3ed02f..d0cf3e4 100644
--- a/src/views/Auth/Login/Cellphone/index.js
+++ b/src/views/Auth/Login/Cellphone/index.js
@@ -48,7 +48,7 @@ export default class Cellphone extends Component {
                   }
                 >
                   <span style={{ fontSize: fontSize.desktop.span }}>09</span>
-                  <img src={iran} alt="پرچم" />
+                  <img src={iran} alt=window.t("پرچم") />
                   <input
                     style={{ fontSize: fontSize.desktop.span }}
                     id="cellphone"
@@ -93,7 +93,7 @@ export default class Cellphone extends Component {
               <div style={{ width: "48%", height: "100%", opacity: 0 }}>
                 <img
                   src={pic}
-                  alt="عکس"
+                  alt=window.t("عکس")
                   style={{ width: "100%", height: "100%" }}
                 />
               </div>
@@ -119,7 +119,7 @@ export default class Cellphone extends Component {
               }
             >
               <span style={{ fontSize: fontSize.mobile.span }}>09</span>
-              <img src={iran} alt="پرچم" />
+              <img src={iran} alt=window.t("پرچم") />
               <input
                 id="cellphone"
                 type="text"
diff --git a/src/views/Auth/Login/Code/index.js b/src/views/Auth/Login/Code/index.js
index a9a68e9..9f8821c 100644
--- a/src/views/Auth/Login/Code/index.js
+++ b/src/views/Auth/Login/Code/index.js
@@ -208,7 +208,7 @@ export default class Code extends Component {
               <div style={{ width: "48%", height: "100%" }} className="d-flex">
                 {/* <img
                   src={pic}
-                  alt="عکس"
+                  alt=window.t("عکس")
                   style={{ width: "100%", height: "100%" }}
                 /> */}
               </div>
diff --git a/src/views/Auth/Profile/Birthdate/index.js b/src/views/Auth/Profile/Birthdate/index.js
index 5d1720f..5c0731c 100644
--- a/src/views/Auth/Profile/Birthdate/index.js
+++ b/src/views/Auth/Profile/Birthdate/index.js
@@ -31,7 +31,7 @@ export default function Birthdate(props) {
             <Input
               variant="standard"
               name="day"
-              placeholder="روز"
+              placeholder=window.t("روز")
               maxLength={2}
               onInput={onInput.dayHandler}
               parent={{ onChange }}
@@ -41,7 +41,7 @@ export default function Birthdate(props) {
             <Input
               variant="standard"
               name="month"
-              placeholder="ماه"
+              placeholder=window.t("ماه")
               maxLength={2}
               onInput={onInput.monthHandler}
               parent={{ onChange }}
@@ -51,7 +51,7 @@ export default function Birthdate(props) {
             <Input
               variant="standard"
               name="year"
-              placeholder="سال"
+              placeholder=window.t("سال")
               maxLength={4}
               onInput={onInput.yearHandler}
               parent={{ onChange }}
@@ -67,7 +67,7 @@ export default function Birthdate(props) {
             <Input
               variant="standard"
               name="day"
-              placeholder="روز"
+              placeholder=window.t("روز")
               maxLength={2}
               onInput={onInput.dayHandler}
               parent={{ onChange }}
@@ -77,7 +77,7 @@ export default function Birthdate(props) {
             <Input
               variant="standard"
               name="month"
-              placeholder="ماه"
+              placeholder=window.t("ماه")
               maxLength={2}
               onInput={onInput.monthHandler}
               parent={{ onChange }}
@@ -87,7 +87,7 @@ export default function Birthdate(props) {
             <Input
               variant="standard"
               name="year"
-              placeholder="سال"
+              placeholder=window.t("سال")
               maxLength={4}
               onInput={onInput.yearHandler}
               parent={{ onChange }}
diff --git a/src/views/Auth/Profile/Document/index.js b/src/views/Auth/Profile/Document/index.js
index 92fd674..23712ca 100644
--- a/src/views/Auth/Profile/Document/index.js
+++ b/src/views/Auth/Profile/Document/index.js
@@ -51,7 +51,7 @@ export default function Document(props) {
                 }}
               >
                 {parent.state[name].name ||
-                  "گواهی تدریس  ثبت شده و درحال بررسی می باشد"}
+                  window.t("گواهی تدریس  ثبت شده و درحال بررسی می باشد")}
               </span>
             </>
           )}
@@ -100,7 +100,7 @@ export default function Document(props) {
                 }}
               >
                 {parent.state[name].name ||
-                  "گواهی تدریس  ثبت شده و درحال بررسی می باشد"}
+                  window.t("گواهی تدریس  ثبت شده و درحال بررسی می باشد")}
               </span>
             </>
           )}
diff --git a/src/views/Auth/Profile/Upload/index.js b/src/views/Auth/Profile/Upload/index.js
index 56ef465..caed141 100644
--- a/src/views/Auth/Profile/Upload/index.js
+++ b/src/views/Auth/Profile/Upload/index.js
@@ -53,7 +53,7 @@ export default function Upload(props) {
                     ? URL.createObjectURL(parent.state.file)
                     : window.baseURL + "file/" + parent.state.file
                 }
-                alt={"کاربر"}
+                alt={window.t("کاربر")}
               />
             )}
             <input
diff --git a/src/views/Auth/Profile/index.js b/src/views/Auth/Profile/index.js
index 9035c94..81211be 100644
--- a/src/views/Auth/Profile/index.js
+++ b/src/views/Auth/Profile/index.js
@@ -163,19 +163,19 @@ class Profile extends Component {
   render() {
     if (this.props.setDone) return <Navigate path="/" />;
     const grades = [
-      "پیش دبستان",
-      "اول",
-      "دوم",
-      "سوم",
-      "چهارم",
-      "پنجم",
-      "ششم",
-      "هفتم",
-      "هشتم",
-      "نهم",
-      "دهم",
-      "یازدهم",
-      "دوازدهم",
+      window.t("پیش دبستان"),
+      window.t("اول"),
+      window.t("دوم"),
+      window.t("سوم"),
+      window.t("چهارم"),
+      window.t("پنجم"),
+      window.t("ششم"),
+      window.t("هفتم"),
+      window.t("هشتم"),
+      window.t("نهم"),
+      window.t("دهم"),
+      window.t("یازدهم"),
+      window.t("دوازدهم"),
     ];
     const { profile } = this.props;
     return (
@@ -199,7 +199,7 @@ class Profile extends Component {
                     <div className="mb-2">
                       <Input
                         name="firstName"
-                        label="نام"
+                        label=window.t("نام")
                         parent={this}
                         defaultValue={profile}
                         onInput={onInput.persianOnly}
@@ -209,7 +209,7 @@ class Profile extends Component {
                     <div className="mb-2">
                       <Input
                         name="lastName"
-                        label="نام خانوادگی"
+                        label=window.t("نام خانوادگی")
                         parent={this}
                         defaultValue={profile}
                         onInput={onInput.persianOnly}
@@ -219,7 +219,7 @@ class Profile extends Component {
                     <div className="mb-2">
                       <Input
                         name="username"
-                        label="نام کاربری"
+                        label=window.t(window.t("نام کاربری"))
                         parent={this}
                         defaultValue={profile}
                         align="left"
@@ -229,7 +229,7 @@ class Profile extends Component {
 
                     <div className="mb-2">
                       <Gender
-                        options={["دختر", "پسر"]}
+                        options={[window.t("دختر"), window.t("پسر")]}
                         parent={this}
                         name="gender"
                         selectedOption={this.state.gender}
@@ -238,7 +238,7 @@ class Profile extends Component {
                     <div className="mb-2">
                       <Input
                         name="nationalId"
-                        label="کد ملی/اتباع"
+                        label=window.t("کد ملی/اتباع")
                         parent={this}
                         align="left"
                         maxLength={13}
@@ -261,9 +261,9 @@ class Profile extends Component {
                     <div className="mb-2" style={{ minWidth: "100%" }}>
                       <Gender
                         parent={this}
-                        options={["معلم", "دانش آموز"]}
+                        options={[window.t("معلم"), window.t("دانش آموز")]}
                         name="status"
-                        label={"عنوان"}
+                        label={window.t("عنوان")}
                         selectedOption={this.state.status}
                       />
                     </div>
@@ -273,7 +273,7 @@ class Profile extends Component {
                           parent={this}
                           options={grades}
                           name="gradeIds"
-                          label={"پایه تحصیلی"}
+                          label={window.t(window.t("پایه تحصیلی"))}
                           selectedOptions={this.state.gradeIds}
                         />
                       </div>
@@ -284,27 +284,27 @@ class Profile extends Component {
                           parent={this}
                           options={grades}
                           name="gradeIds"
-                          label={"پایه تحصیلی"}
+                          label={window.t(window.t("پایه تحصیلی"))}
                           selectedOptions={this.state.gradeIds}
                         />
                       </div>
                     ) : null}
 
-                    {this.state.status === "دانش آموز" &&
+                    {this.state.status === window.t("دانش آموز") &&
                     this.state.gradeIds > 9 ? (
                       <div className="mb-2">
                         <Select
                           parent={this}
                           options={[
-                            "ریاضی",
-                            "تجربی",
-                            "انسانی",
-                            "فنی حرفه‌ای",
-                            "کاردانش",
-                            "معارف",
+                            window.t("ریاضی"),
+                            window.t("تجربی"),
+                            window.t("انسانی"),
+                            window.t("فنی حرفه‌ای"),
+                            window.t("کاردانش"),
+                            window.t("معارف"),
                           ]}
                           name="field"
-                          label={"رشته تحصیلی"}
+                          label={window.t("رشته تحصیلی")}
                           selectedOptions={this.state.gradeIds}
                         />
                       </div>
@@ -314,7 +314,7 @@ class Profile extends Component {
                         parent={this}
                         options={this.props.provinceList}
                         name="provinceId"
-                        label={"استان"}
+                        label={window.t("استان")}
                         selectedOptions={this.state.provinceId}
                       />
                     </div>
@@ -323,7 +323,7 @@ class Profile extends Component {
                         parent={this}
                         options={this.props.cityList}
                         name="cityId"
-                        label={"شهرستان"}
+                        label={window.t("شهرستان")}
                         selectedOptions={this.state.cityId}
                       />
                     </div>
@@ -332,7 +332,7 @@ class Profile extends Component {
                         parent={this}
                         options={["chaharbagh", "mahalat"]}
                         name="zoneId"
-                        label={"شهر/روستا"}
+                        label={window.t("شهر/روستا")}
                       />
                     </div> */}
                     {this.state.status === 1 ? (
@@ -340,7 +340,7 @@ class Profile extends Component {
                         <Input
                           parent={this}
                           name="schools"
-                          label={"نام مدرسه"}
+                          label={window.t("نام مدرسه")}
                           defaultValue={profile}
                           onInput={onInput.persianOnly}
                         />
@@ -351,7 +351,7 @@ class Profile extends Component {
                         <Input
                           parent={this}
                           name="schools"
-                          label={"محل تدریس"}
+                          label={window.t("محل تدریس")}
                           defaultValue={profile}
                           onInput={onInput.persianOnly}
                         />
@@ -364,7 +364,7 @@ class Profile extends Component {
                       <Input
                         parent={this}
                         name="postalCode"
-                        label={"کد پستی"}
+                        label={window.t("کد پستی")}
                         align="left"
                         maxLength={10}
                         inputMode="numeric"
@@ -375,7 +375,7 @@ class Profile extends Component {
                     <div className="mb-2">
                       <TextArea
                         parent={this}
-                        label={"آدرس محل سکونت"}
+                        label={window.t("آدرس محل سکونت")}
                         name="address"
                         defaultValue={profile}
                       />
@@ -418,7 +418,7 @@ class Profile extends Component {
 
                 <Input
                   name="firstName"
-                  label="نام"
+                  label=window.t("نام")
                   parent={this}
                   defaultValue={profile}
                   onInput={onInput.persianOnly}
@@ -426,7 +426,7 @@ class Profile extends Component {
                 />
                 <Input
                   name="lastName"
-                  label="نام خانوادگی"
+                  label=window.t("نام خانوادگی")
                   parent={this}
                   defaultValue={profile}
                   onInput={onInput.persianOnly}
@@ -434,14 +434,14 @@ class Profile extends Component {
                 />
                 <Input
                   name="username"
-                  label="نام کاربری"
+                  label=window.t(window.t("نام کاربری"))
                   parent={this}
                   align="left"
                   defaultValue={profile}
                   onInput={onInput.englishAndNumberWithoutSpace}
                 />
                 <Gender
-                  options={["دختر", "پسر"]}
+                  options={[window.t("دختر"), window.t("پسر")]}
                   parent={this}
                   name="gender"
                   selectedOption={this.state.gender}
@@ -463,7 +463,7 @@ class Profile extends Component {
                 />
                 <Gender
                   parent={this}
-                  options={["معلم", "دانش آموز"]}
+                  options={[window.t("معلم"), window.t("دانش آموز")]}
                   name="status"
                   selectedOption={this.state.status}
                 />
@@ -472,7 +472,7 @@ class Profile extends Component {
                     parent={this}
                     options={grades}
                     name="gradeIds"
-                    label={"پایه تحصیلی"}
+                    label={window.t(window.t("پایه تحصیلی"))}
                     selectedOptions={this.state.gradeIds}
                   />
                 ) : null}
@@ -481,7 +481,7 @@ class Profile extends Component {
                     parent={this}
                     options={grades}
                     name="gradeIds"
-                    label={"پایه تحصیلی"}
+                    label={window.t(window.t("پایه تحصیلی"))}
                     selectedOptions={this.state.gradeIds}
                   />
                 ) : null}
@@ -489,15 +489,15 @@ class Profile extends Component {
                   <Select
                     parent={this}
                     options={[
-                      "ریاضی",
-                      "تجربی",
-                      "انسانی",
-                      "فنی حرفه‌ای",
-                      "کاردانش",
-                      "معارف",
+                      window.t("ریاضی"),
+                      window.t("تجربی"),
+                      window.t("انسانی"),
+                      window.t("فنی حرفه‌ای"),
+                      window.t("کاردانش"),
+                      window.t("معارف"),
                     ]}
                     name="field"
-                    label={"رشته تحصیلی"}
+                    label={window.t("رشته تحصیلی")}
                     selectedOptions={this.state.gradeIds}
                   />
                 ) : null}
@@ -506,27 +506,27 @@ class Profile extends Component {
                   parent={this}
                   options={this.props.provinceList}
                   name="provinceId"
-                  label={"استان"}
+                  label={window.t("استان")}
                   selectedOptions={this.state.provinceId}
                 />
                 <Select
                   parent={this}
                   options={this.props.cityList}
                   name="cityId"
-                  label={"شهرستان"}
+                  label={window.t("شهرستان")}
                   selectedOptions={this.state.cityId}
                 />
                 {/* <Select
                 parent={this}
                 options={["chaharbagh", "mahalat"]}
                 name="zoneId"
-                label={"شهر/روستا"}
+                label={window.t("شهر/روستا")}
               /> */}
                 {this.state.status === 1 ? (
                   <Input
                     parent={this}
                     name="schools"
-                    label={"نام مدرسه"}
+                    label={window.t("نام مدرسه")}
                     defaultValue={profile}
                     onInput={onInput.persianOnly}
                   />
@@ -535,7 +535,7 @@ class Profile extends Component {
                   <Input
                     parent={this}
                     name="schools"
-                    label={"محل تدریس"}
+                    label={window.t("محل تدریس")}
                     defaultValue={profile}
                     onInput={onInput.persianOnly}
                   />
@@ -546,7 +546,7 @@ class Profile extends Component {
                 <Input
                   parent={this}
                   name="postalCode"
-                  label={"کد پستی"}
+                  label={window.t("کد پستی")}
                   align="left"
                   maxLength={10}
                   inputMode="numeric"
@@ -555,7 +555,7 @@ class Profile extends Component {
                 />
                 <TextArea
                   parent={this}
-                  label={"آدرس محل سکونت"}
+                  label={window.t("آدرس محل سکونت")}
                   name="address"
                   defaultValue={profile}
                 />
diff --git a/src/views/Auth/Splash/index.js b/src/views/Auth/Splash/index.js
index 8138544..12c8831 100644
--- a/src/views/Auth/Splash/index.js
+++ b/src/views/Auth/Splash/index.js
@@ -9,14 +9,14 @@ export default function Splash(props) {
     <>
       {window.innerWidth > 1000 ? (
         <div className="splash d-flex flex-column justify-content-center align-items-center">
-          <img src={logo} alt="لوگو" />
+          <img src={logo} alt=window.t("لوگو") />
           <ProgressBar interval={600} offset={10} />
           <span className="splash__span">در حال بارگیری اطلاعات از سرور</span>
         </div>
       ) : null}
       {window.innerWidth < 1000 ? (
         <div className="mobile-splash d-flex flex-column justify-content-center align-items-center">
-          <img src={logo} alt="لوگو" />
+          <img src={logo} alt=window.t("لوگو") />
           <ProgressBar interval={600} offset={10} />
           <span className="mobile-splash__span">در حال بارگیری اطلاعات از سرور</span>
         </div>
diff --git a/src/views/Callback/Status/index.js b/src/views/Callback/Status/index.js
index f78f3cc..a93dcd5 100644
--- a/src/views/Callback/Status/index.js
+++ b/src/views/Callback/Status/index.js
@@ -12,8 +12,8 @@ export default function Status(props) {
 
   const textHandler = () => {
     return props.status
-      ? "عملیات خرید شما با موفقیت انجام شد."
-      : "عملیات با موفقیت انجام نشد!";
+      ? window.t("عملیات خرید شما با موفقیت انجام شد.")
+      : window.t("عملیات با موفقیت انجام نشد!");
   };
   return (
     <>
diff --git a/src/views/Cart/Table/index.js b/src/views/Cart/Table/index.js
index 7f74077..c7ca09b 100644
--- a/src/views/Cart/Table/index.js
+++ b/src/views/Cart/Table/index.js
@@ -17,19 +17,19 @@ const useStyles = makeStyles({
   table: {},
 });
 const grades = [
-  "پیش دبستان",
-  "اول",
-  "دوم",
-  "سوم",
-  "چهارم",
-  "پنجم",
-  "ششم",
-  "هفتم",
-  "هشتم",
-  "نهم",
-  "دهم",
-  "یازدهم",
-  "دوازدهم",
+  window.t("پیش دبستان"),
+  window.t("اول"),
+  window.t("دوم"),
+  window.t("سوم"),
+  window.t("چهارم"),
+  window.t("پنجم"),
+  window.t("ششم"),
+  window.t("هفتم"),
+  window.t("هشتم"),
+  window.t("نهم"),
+  window.t("دهم"),
+  window.t("یازدهم"),
+  window.t("دوازدهم"),
 ];
 const maxMobileSize = 550;
 const maxDesktopSize = 1250;
@@ -196,7 +196,7 @@ const Item = (props) => {
               <div className="mobile-cart-table-product__info d-flex flex-column p-1">
                 <strong style={{ fontSize: fontSize.mobile.info.strong }}>
                   {`نسخه ${
-                    +data.product.productType === 1 ? "الکترونیکی" : "چاپی"
+                    +data.product.productType === 1 ? window.t("الکترونیکی") : window.t("چاپی")
                   } ${data.product.book.name} `}
                 </strong>
                 <p style={{ fontSize: 12 }}>
@@ -204,7 +204,7 @@ const Item = (props) => {
                 </p>
                 <span style={{ fontSize: 10 }}>
                   همراه با:
-                  {data.product.book.items || "کد فعالسازی محتوای الکترونیک"}
+                  {data.product.book.items || window.t("کد فعالسازی محتوای الکترونیک")}
                 </span>
                 {route !== "callback" ? (
                   <div className="mobile-cart-table-product__info--delete d-flex align-items-center align-self-end">
@@ -319,7 +319,7 @@ const Item = (props) => {
               <div className="d-flex flex-column justify-content-center">
                 <strong style={{ fontSize: fontSize.desktop.info.strong }}>
                   {`نسخه ${
-                    +data.product?.productType === 1 ? "الکترونیکی" : "چاپی"
+                    +data.product?.productType === 1 ? window.t("الکترونیکی") : window.t("چاپی")
                   } ${data.product?.book?.name} `}
                 </strong>
                 <p style={{ fontSize: fontSize?.desktop?.info.p }}>
@@ -327,7 +327,7 @@ const Item = (props) => {
                 </p>
                 <span style={{ fontSize: fontSize.desktop.info.span }}>
                   همراه با:
-                  {data.product?.book?.items || "کد فعالسازی محتوای الکترونیک"}
+                  {data.product?.book?.items || window.t("کد فعالسازی محتوای الکترونیک")}
                 </span>
               </div>
             </div>
diff --git a/src/views/ChatList/Search/index.js b/src/views/ChatList/Search/index.js
index 31ec60f..0c1b5f1 100644
--- a/src/views/ChatList/Search/index.js
+++ b/src/views/ChatList/Search/index.js
@@ -17,9 +17,9 @@ export default function Search(props) {
       <input
         type="search"
         style={{ fontSize: fontSize.desktop.input }}
-        placeholder="جستجو"
+        placeholder=window.t(window.t("جستجو"))
       />
-      <img src={navbarSearch} alt="جستجو" />
+      <img src={navbarSearch} alt=window.t(window.t("جستجو")) />
     </div>
   );
 }
diff --git a/src/views/ChatRoom/Body/Input/index.js b/src/views/ChatRoom/Body/Input/index.js
index f9eb3df..ce54594 100644
--- a/src/views/ChatRoom/Body/Input/index.js
+++ b/src/views/ChatRoom/Body/Input/index.js
@@ -145,7 +145,7 @@ export default class ChatInputs extends Component {
               id="standard-textarea"
               label=""
               value={message}
-              placeholder="یک پیام بنویسید..."
+              placeholder=window.t("یک پیام بنویسید...")
               rowsMax={4}
               onChange={(e) => typeText("text", e.target.value)}
               multiline
diff --git a/src/views/ChatRoom/Body/Message/Comment/index.js b/src/views/ChatRoom/Body/Message/Comment/index.js
index 7e88f11..491837a 100644
--- a/src/views/ChatRoom/Body/Message/Comment/index.js
+++ b/src/views/ChatRoom/Body/Message/Comment/index.js
@@ -11,15 +11,15 @@ import ForwardIcon from "@material-ui/icons/Forward";
 import DeleteIcon from "@material-ui/icons/Delete";
 import ScheduleIcon from "@material-ui/icons/Schedule";
 const menu = [
-  { text: "پسند", icon: FavoriteIcon, onClick: () => {} },
-  { text: "تبادل نظر", icon: TextsmsIcon, onClick: () => {} },
-  { text: "پاسخ", icon: ReplyIcon, onClick: () => {} },
-  { text: "باز ارسال", icon: ForwardIcon, onClick: () => {} },
+  { text: window.t("پسند"), icon: FavoriteIcon, onClick: () => {} },
+  { text: window.t("تبادل نظر"), icon: TextsmsIcon, onClick: () => {} },
+  { text: window.t("پاسخ"), icon: ReplyIcon, onClick: () => {} },
+  { text: window.t("باز ارسال"), icon: ForwardIcon, onClick: () => {} },
 ];
 const selfMenu = [
-  { text: "باز ارسال", icon: ForwardIcon, onClick: () => {} },
-  { text: "ویرایش", icon: EditIcon, onClick: () => {} },
-  { text: "حذف", icon: DeleteIcon, onClick: () => {} },
+  { text: window.t("باز ارسال"), icon: ForwardIcon, onClick: () => {} },
+  { text: window.t("ویرایش"), icon: EditIcon, onClick: () => {} },
+  { text: window.t(window.t("حذف")), icon: DeleteIcon, onClick: () => {} },
 ];
 export default class Comment extends Component {
   state = { messageMenu: null };
diff --git a/src/views/ChatRoom/Body/Message/Inline/index.js b/src/views/ChatRoom/Body/Message/Inline/index.js
index 7955fb3..9556d72 100644
--- a/src/views/ChatRoom/Body/Message/Inline/index.js
+++ b/src/views/ChatRoom/Body/Message/Inline/index.js
@@ -8,7 +8,7 @@ export default class Message2D extends Component {
   click(id) {
     if (this.props.isActive) {
       this.setState({ value: id });
-      toast.success("ثبت شد");
+      toast.success(window.t("ثبت شد"));
       this.props.action();
     }
   }
diff --git a/src/views/ChatRoom/Body/Message/MultiSelect/index.js b/src/views/ChatRoom/Body/Message/MultiSelect/index.js
index a7d78a6..71a17b7 100644
--- a/src/views/ChatRoom/Body/Message/MultiSelect/index.js
+++ b/src/views/ChatRoom/Body/Message/MultiSelect/index.js
@@ -33,7 +33,7 @@ export default class RadioMessage extends Component {
         {isActive && (
           <button
             className="message-2d__submit"
-            onClick={() => toast.success("ثبت شد")}
+            onClick={() => toast.success(window.t("ثبت شد"))}
           >
             ثبت
             <ArrowRightAltIcon
diff --git a/src/views/ChatRoom/Body/Message/Normal/index.js b/src/views/ChatRoom/Body/Message/Normal/index.js
index d6d6472..62b3085 100644
--- a/src/views/ChatRoom/Body/Message/Normal/index.js
+++ b/src/views/ChatRoom/Body/Message/Normal/index.js
@@ -19,15 +19,15 @@ import TextsmsIcon from "@material-ui/icons/Textsms";
 import ScheduleIcon from "@material-ui/icons/Schedule";
 const file = (fileId) => `${window.baseURL}/file/download/${fileId}`;
 const menu = [
-  { text: "پسند", icon: FavoriteIcon, onClick: () => {} },
-  { text: "تبادل نظر", icon: TextsmsIcon, onClick: () => {} },
-  { text: "پاسخ", icon: ReplyIcon, onClick: () => {} },
-  { text: "باز ارسال", icon: ForwardIcon, onClick: () => {} },
+  { text: window.t("پسند"), icon: FavoriteIcon, onClick: () => {} },
+  { text: window.t("تبادل نظر"), icon: TextsmsIcon, onClick: () => {} },
+  { text: window.t("پاسخ"), icon: ReplyIcon, onClick: () => {} },
+  { text: window.t("باز ارسال"), icon: ForwardIcon, onClick: () => {} },
 ];
 const selfMenu = [
-  { text: "باز ارسال", icon: ForwardIcon, onClick: () => {} },
-  { text: "ویرایش", icon: EditIcon, onClick: () => {} },
-  { text: "حذف", icon: DeleteIcon, onClick: () => {} },
+  { text: window.t("باز ارسال"), icon: ForwardIcon, onClick: () => {} },
+  { text: window.t("ویرایش"), icon: EditIcon, onClick: () => {} },
+  { text: window.t(window.t("حذف")), icon: DeleteIcon, onClick: () => {} },
 ];
 export default class NormalMessage extends Component {
   state = { messageMenu: null };
diff --git a/src/views/ChatRoom/Body/index.js b/src/views/ChatRoom/Body/index.js
index df16fbc..e36ac5c 100644
--- a/src/views/ChatRoom/Body/index.js
+++ b/src/views/ChatRoom/Body/index.js
@@ -171,7 +171,7 @@ class List extends Component {
               createdAt: now.toString(),
               user: {
                 id: "u1",
-                name: "علی",
+                name: window.t("علی"),
               },
             },
           ],
@@ -202,7 +202,7 @@ class List extends Component {
             music: null,
             user: {
               id: "u1",
-              name: "علی",
+              name: window.t("علی"),
             },
           },
         ],
@@ -234,7 +234,7 @@ class List extends Component {
               music: null,
               user: {
                 id: "u1",
-                name: "علی",
+                name: window.t("علی"),
               },
             },
           ],
@@ -263,7 +263,7 @@ class List extends Component {
               music: null,
               user: {
                 id: "u1",
-                name: "علی",
+                name: window.t("علی"),
               },
             },
           ],
@@ -292,7 +292,7 @@ class List extends Component {
               music: music,
               user: {
                 id: "u1",
-                name: "علی",
+                name: window.t("علی"),
               },
             },
           ],
@@ -322,7 +322,7 @@ class List extends Component {
               music: null,
               user: {
                 id: "u1",
-                name: "علی",
+                name: window.t("علی"),
               },
             },
           ],
diff --git a/src/views/ChatRoom/Info/index.js b/src/views/ChatRoom/Info/index.js
index 212f6ac..1cc3cf5 100644
--- a/src/views/ChatRoom/Info/index.js
+++ b/src/views/ChatRoom/Info/index.js
@@ -75,12 +75,12 @@ export default class ChatInfo extends Component {
         ],
         username: "MohammadReza",
         educationalInfo: [
-          "استاد علوم طبیعی پایه دوازدهم",
-          "کارشناس ارشد علوم و فنون از دانشگاه تهران",
+          window.t("استاد علوم طبیعی پایه دوازدهم"),
+          window.t("کارشناس ارشد علوم و فنون از دانشگاه تهران"),
         ],
-        name: "محسن محمدی",
-        lastAct: "2 دقیقه پیش آنلاین بوده",
-        bio: "لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. چاپگرها و متون بلکه روزنام",
+        name: window.t("محسن محمدی"),
+        lastAct: window.t("2 دقیقه پیش آنلاین بوده"),
+        bio: window.t("لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. چاپگرها و متون بلکه روزنام"),
       },
     };
   }
@@ -136,7 +136,7 @@ export default class ChatInfo extends Component {
                 <img
                   className="desktop-contact-info__body--profileImage"
                   src={user.profileImages[0].src}
-                  alt="عکس کاربر"
+                  alt=window.t("عکس کاربر")
                 />
                 <h1 style={{ fontSize: fontSize.desktop.h1 }}>{user.name}</h1>
                 <div className="desktop-contact-info__body--bio d-flex flex-column">
@@ -173,7 +173,7 @@ export default class ChatInfo extends Component {
                   <div>
                     <h3 style={{ fontSize: fontSize.desktop.h3 }}>اعلانات</h3>
                     <span style={{ fontSize: fontSize.desktop.span }}>
-                      {alarms ? "روشن " : "خاموش"}
+                      {alarms ? "روشن " : window.t("خاموش")}
                     </span>
                   </div>
                   <AntSwitch
@@ -243,7 +243,7 @@ export default class ChatInfo extends Component {
                 <img
                   className="desktop-contact-info__body--profileImage"
                   src={user.profileImages[0].src}
-                  alt="عکس کاربر"
+                  alt=window.t("عکس کاربر")
                 />
                 <h1 style={{ fontSize: fontSize.mobile.h1 }}>{user.name}</h1>
                 <div className="desktop-contact-info__body--bio d-flex flex-column">
@@ -280,7 +280,7 @@ export default class ChatInfo extends Component {
                   <div>
                     <h3 style={{ fontSize: fontSize.mobile.h3 }}>اعلانات</h3>
                     <span style={{ fontSize: fontSize.mobile.span }}>
-                      {alarms ? "روشن " : "خاموش"}
+                      {alarms ? "روشن " : window.t("خاموش")}
                     </span>
                   </div>
                   <AntSwitch
diff --git a/src/views/Checkout/Table/index.js b/src/views/Checkout/Table/index.js
index 674912d..56bb9ef 100644
--- a/src/views/Checkout/Table/index.js
+++ b/src/views/Checkout/Table/index.js
@@ -16,19 +16,19 @@ const useStyles = makeStyles({
   table: {},
 });
 const grades = [
-  "پیش دبستان",
-  "اول",
-  "دوم",
-  "سوم",
-  "چهارم",
-  "پنجم",
-  "ششم",
-  "هفتم",
-  "هشتم",
-  "نهم",
-  "دهم",
-  "یازدهم",
-  "دوازدهم",
+  window.t("پیش دبستان"),
+  window.t("اول"),
+  window.t("دوم"),
+  window.t("سوم"),
+  window.t("چهارم"),
+  window.t("پنجم"),
+  window.t("ششم"),
+  window.t("هفتم"),
+  window.t("هشتم"),
+  window.t("نهم"),
+  window.t("دهم"),
+  window.t("یازدهم"),
+  window.t("دوازدهم"),
 ];
 const maxMobileSize = 550;
 const maxDesktopSize = 1250;
@@ -158,7 +158,7 @@ const Item = (props) => {
               <div className="mobile-cart-table-product__info d-flex flex-column p-1">
                 <strong style={{ fontSize: fontSize.mobile.info.strong }}>
                   {`نسخه ${
-                    +data.product.productType === 1 ? "الکترونیکی" : "چاپی"
+                    +data.product.productType === 1 ? window.t("الکترونیکی") : window.t("چاپی")
                   } ${data.product.book.name} `}
                 </strong>
                 <p style={{ fontSize: 12 }}>
@@ -166,7 +166,7 @@ const Item = (props) => {
                 </p>
                 <span style={{ fontSize: 10 }}>
                   همراه با:
-                  {data.product.book.items || "کد فعالسازی محتوای الکترونیک"}
+                  {data.product.book.items || window.t("کد فعالسازی محتوای الکترونیک")}
                 </span>
               </div>
             </div>
@@ -210,7 +210,7 @@ const Item = (props) => {
                 <span style={{ fontSize: 12 }}>
                   {" "}
                   {`نسخه ${
-                    +data.product.productType === 1 ? "الکترونیکی" : "چاپی"
+                    +data.product.productType === 1 ? window.t("الکترونیکی") : window.t("چاپی")
                   }`}
                 </span>
 
diff --git a/src/views/Checkout/index.js b/src/views/Checkout/index.js
index e6b3c85..0719875 100644
--- a/src/views/Checkout/index.js
+++ b/src/views/Checkout/index.js
@@ -193,7 +193,7 @@ class Cart extends Component {
                       <div class="checkout__forms--right">
                         <Input
                           name="recieverName"
-                          label={"نام ‌و ‌نام  خانوادگی"}
+                          label={window.t("نام ‌و ‌نام  خانوادگی")}
                           parent={this}
                           defaultValue={factorInfo.recieverName}
                           onInput={onInput.persianOnly}
@@ -203,14 +203,14 @@ class Cart extends Component {
                           parent={this}
                           options={this.props.provinceList}
                           name="provinceId"
-                          label={"استان"}
+                          label={window.t("استان")}
                           selectedOptions={provinceId}
                           required
                         />
                         <Input
                           parent={this}
                           name="recieverPostalCode"
-                          label={"کد پستی"}
+                          label={window.t("کد پستی")}
                           align="left"
                           maxLength={10}
                           inputMode="numeric"
@@ -230,7 +230,7 @@ class Cart extends Component {
                       </div>
                       <div class="checkout__forms--left">
                         <Input
-                          label={"شماره تماس"}
+                          label={window.t(window.t(window.t("شماره تماس")))}
                           name={"recieverPhone"}
                           parent={this}
                           defaultValue={factorInfo.recieverPhone}
@@ -241,7 +241,7 @@ class Cart extends Component {
                           parent={this}
                           options={this.props.cityList}
                           name="cityId"
-                          label={"شهرستان"}
+                          label={window.t("شهرستان")}
                           selectedOptions={cityId}
                           required
                         />
@@ -249,7 +249,7 @@ class Cart extends Component {
                         <div style={{ height: "60px" }}> </div>
                         <TextArea
                           parent={this}
-                          label={"توضیحات"}
+                          label={window.t("توضیحات")}
                           name="description"
                           defaultValue={factorInfo.description}
                         />
@@ -369,14 +369,14 @@ class Cart extends Component {
                 <div class="checkout__forms--right2">
                   <Input
                     name="recieverName"
-                    label={"نام ‌و ‌نام  خانوادگی"}
+                    label={window.t("نام ‌و ‌نام  خانوادگی")}
                     parent={this}
                     defaultValue={factorInfo.recieverName}
                     onInput={onInput.persianOnly}
                     required
                   />
                   <Input
-                    label={"شماره تماس"}
+                    label={window.t(window.t(window.t("شماره تماس")))}
                     name={"recieverPhone"}
                     parent={this}
                     defaultValue={factorInfo.recieverPhone}
@@ -386,7 +386,7 @@ class Cart extends Component {
                     parent={this}
                     options={this.props.provinceList}
                     name="provinceId"
-                    label={"استان"}
+                    label={window.t("استان")}
                     selectedOptions={provinceId}
                     required
                   />
@@ -394,14 +394,14 @@ class Cart extends Component {
                     parent={this}
                     options={this.props.cityList}
                     name="cityId"
-                    label={"شهرستان"}
+                    label={window.t("شهرستان")}
                     selectedOptions={cityId}
                     required
                   />
                   <Input
                     parent={this}
                     name="recieverPostalCode"
-                    label={"کد پستی"}
+                    label={window.t("کد پستی")}
                     align="left"
                     maxLength={10}
                     inputMode="numeric"
@@ -421,7 +421,7 @@ class Cart extends Component {
 
                   <TextArea
                     parent={this}
-                    label={"توضیحات"}
+                    label={window.t("توضیحات")}
                     name="description"
                     defaultValue={factorInfo.description}
                   />
diff --git a/src/views/Contact/index.js b/src/views/Contact/index.js
index 83eee44..2b16c7c 100644
--- a/src/views/Contact/index.js
+++ b/src/views/Contact/index.js
@@ -58,7 +58,7 @@ class Contact extends Component {
                   </div>
                   <div className="contact__forms--left d-flex flex-column">
                     <div className="contact__location d-flex align-items-center">
-                      <img src={location} alt="آدرس" className="m-1" />
+                      <img src={location} alt=window.t("آدرس") className="m-1" />
                       <p style={{ fontSize: fontSize.desktop.p }}>
                         {contactData?.address || ""}
                       </p>
@@ -71,13 +71,13 @@ class Contact extends Component {
                         <span style={{ fontSize: fontSize.desktop.span }}>
                           {contactData?.cellphone || ""}
                         </span>
-                        <img src={contact} alt="تماس" className="m-1" />
+                        <img src={contact} alt=window.t("تماس") className="m-1" />
                       </div>
                       <div className="d-flex align-items-center">
                         <span style={{ fontSize: fontSize.desktop.span }}>
                           {contactData?.email || ""}
                         </span>
-                        <img src={home} alt="خانه" className="m-1" />
+                        <img src={home} alt=window.t(window.t(window.t("خانه"))) className="m-1" />
                       </div>
                     </div>
                     <div className="contact__map d-flex align-items-center mt-3">
@@ -106,7 +106,7 @@ class Contact extends Component {
               <Support />
               <div className="mobile-contact__address d-flex flex-column">
                 <div className="mobile-contact__address--location d-flex align-items-center">
-                  <img src={location} alt="آدرس" className="m-1" />
+                  <img src={location} alt=window.t("آدرس") className="m-1" />
                   <p style={{ fontSize: fontSize.mobile.p }}>
                     {contactData?.address || ""}{" "}
                   </p>
@@ -119,13 +119,13 @@ class Contact extends Component {
                     <span style={{ fontSize: fontSize.mobile.span }}>
                       {contactData?.cellphone || ""}{" "}
                     </span>
-                    <img src={contact} alt="تماس" className="m-1" />
+                    <img src={contact} alt=window.t("تماس") className="m-1" />
                   </div>
                   <div className="d-flex align-items-center">
                     <span style={{ fontSize: fontSize.mobile.span }}>
                       {contactData?.email || ""}
                     </span>
-                    <img src={home} alt="خانه" className="m-1" />
+                    <img src={home} alt=window.t(window.t(window.t("خانه"))) className="m-1" />
                   </div>
                 </div>
                 <div className="mobile-contact__address--map d-flex align-items-center mt-3">
diff --git a/src/views/Download/Item/index.js b/src/views/Download/Item/index.js
index 83cb2d3..4c757d1 100644
--- a/src/views/Download/Item/index.js
+++ b/src/views/Download/Item/index.js
@@ -16,19 +16,19 @@ const fontSize = {
   },
 };
 const grades = [
-  "پیش دبستان",
-  "اول",
-  "دوم",
-  "سوم",
-  "چهارم",
-  "پنجم",
-  "ششم",
-  "هفتم",
-  "هشتم",
-  "نهم",
-  "دهم",
-  "یازدهم",
-  "دوازدهم",
+  window.t("پیش دبستان"),
+  window.t("اول"),
+  window.t("دوم"),
+  window.t("سوم"),
+  window.t("چهارم"),
+  window.t("پنجم"),
+  window.t("ششم"),
+  window.t("هفتم"),
+  window.t("هشتم"),
+  window.t("نهم"),
+  window.t("دهم"),
+  window.t("یازدهم"),
+  window.t("دوازدهم"),
 ];
 export default class Item extends Component {
   render() {
diff --git a/src/views/Download/index.js b/src/views/Download/index.js
index 07226dc..21127a6 100644
--- a/src/views/Download/index.js
+++ b/src/views/Download/index.js
@@ -45,7 +45,7 @@ class AR extends Component {
           >
             <img
               src="https://dnvn.ir/api/v1/file/1851"
-              alt="واقعیت افزوده"
+              alt=window.t(window.t("واقعیت افزوده"))
               width="150"
             />
           </div>
diff --git a/src/views/Faq/index.js b/src/views/Faq/index.js
index 1fcd67f..4854c41 100644
--- a/src/views/Faq/index.js
+++ b/src/views/Faq/index.js
@@ -99,7 +99,7 @@ class Faq extends Component {
                   <div className="faq__header--search d-flex align-items-center">
                     <input
                       type="search"
-                      placeholder="دنبال چه چیزی برات باشیم؟"
+                      placeholder=window.t("دنبال چه چیزی برات باشیم؟")
                       onChange={(e) => this.handleSearch(e.target.value)}
                     />
                     <button
@@ -150,7 +150,7 @@ class Faq extends Component {
               </h1>
               <input
                 type="search"
-                placeholder="دنبال چه چیزی برات باشیم؟"
+                placeholder=window.t("دنبال چه چیزی برات باشیم؟")
                 onChange={(e) => this.handleSearch(e.target.value)}
               />
               <button type="submit">جستجو</button>
diff --git a/src/views/Home/Footer/index.js b/src/views/Home/Footer/index.js
index 22c59f6..f6ebc4c 100644
--- a/src/views/Home/Footer/index.js
+++ b/src/views/Home/Footer/index.js
@@ -22,7 +22,7 @@ export default class Footer extends Component {
                     آموزش و پرورش کشور ایجاد کنیم.
                   </p>
                   <div className="footer__location d-flex align-items-center mt-2">
-                    <img src={location} alt="آدرس" className="m-1" />
+                    <img src={location} alt=window.t("آدرس") className="m-1" />
                     <p>آدرس: تهران، میدان فردوسی، خیابان موسوی، پلاک ۳۰</p>
                   </div>
                   <div
@@ -40,7 +40,7 @@ export default class Footer extends Component {
                         58795
                       </a>
 
-                      <img src={contact} alt="تماس" className="m-1" />
+                      <img src={contact} alt=window.t("تماس") className="m-1" />
                     </div>
                     {/* <div
                       className="d-flex align-items-center"
@@ -54,11 +54,11 @@ export default class Footer extends Component {
                       >
                         021-88814673
                       </a>
-                      <img src={contact} alt="تماس" className="m-1" />
+                      <img src={contact} alt=window.t("تماس") className="m-1" />
                     </div> */}
                     <div className="d-flex align-items-center">
                       <span>Info@Danovin.ir</span>
-                      <img src={home} alt="خانه" className="m-1" />
+                      <img src={home} alt=window.t(window.t(window.t("خانه"))) className="m-1" />
                     </div>
                   </div>
                 </div>
@@ -103,7 +103,7 @@ export default class Footer extends Component {
                     کاربردی می باشد، کتابهای زیادی در شصت و سه{" "}
                   </p>
                   <div className="mobile-footer__location d-flex align-items-center mt-2">
-                    <img src={location} alt="آدرس" className="m-1" />
+                    <img src={location} alt=window.t("آدرس") className="m-1" />
                     <p>
                       تهران خیابان انقلاب اسلامی بن بست سروش پلاک 2 طبقه چهار
                     </p>
@@ -114,11 +114,11 @@ export default class Footer extends Component {
                   >
                     <div className="d-flex align-items-center">
                       <span>02163462405</span>
-                      <img src={contact} alt="تماس" className="m-1" />
+                      <img src={contact} alt=window.t("تماس") className="m-1" />
                     </div>
                     <div className="d-flex align-items-center">
                       <span>Info@Danovin.ir</span>
-                      <img src={home} alt="خانه" className="m-1" />
+                      <img src={home} alt=window.t(window.t(window.t("خانه"))) className="m-1" />
                     </div>
                   </div>
                 </div>
@@ -156,10 +156,10 @@ export default class Footer extends Component {
 
 Footer.defaultProps = {
   fastAccess: [
-    { name: "صفحه اصلی", link: "/" },
-    { name: "فروشگاه", link: "/shop" },
-    { name: "سوالات متداول", link: "/faq" },
-    { name: "درباره ما", link: "/about" },
-    { name: "تماس با ما", link: "/call" },
+    { name: window.t("صفحه اصلی"), link: "/" },
+    { name: window.t("فروشگاه"), link: "/shop" },
+    { name: window.t("سوالات متداول"), link: "/faq" },
+    { name: window.t("درباره ما"), link: "/about" },
+    { name: window.t("تماس با ما"), link: "/call" },
   ],
 };
diff --git a/src/views/Home/HomeHeader/index.js b/src/views/Home/HomeHeader/index.js
index d788afa..c6dd7c1 100644
--- a/src/views/Home/HomeHeader/index.js
+++ b/src/views/Home/HomeHeader/index.js
@@ -42,7 +42,7 @@ const Item = (props) => {
     }}>
       <img
         src={props.data.image}
-        alt="عکس"
+        alt=window.t("عکس")
         style={{
           width: `${props.data.width}%`,
           height: "100%",
diff --git a/src/views/Home/HomeScroll/index.js b/src/views/Home/HomeScroll/index.js
index d6b2430..10ffd67 100644
--- a/src/views/Home/HomeScroll/index.js
+++ b/src/views/Home/HomeScroll/index.js
@@ -20,7 +20,7 @@ export default class HomeScroll extends Component {
           </div>
           <div className="mobile-home-scroll__header--more d-flex">
             <span>{moreText}</span>
-            <img src={dropdown} alt="فلش" />
+            <img src={dropdown} alt=window.t("فلش") />
           </div>
         </div>
         <div className="mobile-home-scroll__list d-flex">
diff --git a/src/views/Home/HomeSearch/Select/index.js b/src/views/Home/HomeSearch/Select/index.js
index a8d458d..d5ad865 100644
--- a/src/views/Home/HomeSearch/Select/index.js
+++ b/src/views/Home/HomeSearch/Select/index.js
@@ -56,7 +56,7 @@ export default function CustomizedSelects(props) {
               filters: {
                 ...parent.state.filters,
                 [name]:
-                  e.target.value === "پایه تحصیلی" ? [] : [e.target.value],
+                  e.target.value === window.t(window.t("پایه تحصیلی")) ? [] : [e.target.value],
               },
             })
           }
diff --git a/src/views/Home/HomeSearch/index.js b/src/views/Home/HomeSearch/index.js
index ba85147..3ca6261 100644
--- a/src/views/Home/HomeSearch/index.js
+++ b/src/views/Home/HomeSearch/index.js
@@ -28,7 +28,7 @@ class HomeSearch extends Component {
     return window.innerWidth > 1000 ? (
       <div className="home-search d-flex">
         <input
-          placeholder="جستجو در عناوین کتاب ..."
+          placeholder=window.t("جستجو در عناوین کتاب ...")
           className="home-search__input d-flex"
           type="text"
           name="searchBox"
@@ -40,7 +40,7 @@ class HomeSearch extends Component {
         />
         <div className="home-search__select">
           <Select options={levels} name="levels" parent={this} />
-          {/* <img src={dropdown} alt="فلش" style={{ position: "relative" }} /> */}
+          {/* <img src={dropdown} alt=window.t("فلش") style={{ position: "relative" }} /> */}
         </div>
         <button className="home-search__submit">جستجو</button>
       </div>
@@ -49,13 +49,13 @@ class HomeSearch extends Component {
         <div className="home-mobile-search d-flex">
           <div className="home-mobile-search__select" style={{ width: "100%" }}>
             <Select options={levels} name="levels" parent={this} />
-            <img src={dropdown} alt="فلش" />
+            <img src={dropdown} alt=window.t("فلش") />
           </div>
         </div>
         <div className="home-mobile-search  ">
           <input
             ref="input"
-            placeholder="نام یک کتاب را جستجو کنید"
+            placeholder=window.t("نام یک کتاب را جستجو کنید")
             className="home-mobile-search__input "
             type="text"
             name="searchBox"
diff --git a/src/views/Home/HomeSlider/Blog/index.js b/src/views/Home/HomeSlider/Blog/index.js
index 78a80fa..1fbfc4a 100644
--- a/src/views/Home/HomeSlider/Blog/index.js
+++ b/src/views/Home/HomeSlider/Blog/index.js
@@ -18,10 +18,10 @@ const fontSize = {
 };
 
 const colors = [
-  { name: "علمی تخیلی", color: "red" },
-  { name: "سیاسی", color: "blue" },
-  { name: "تاریخی", color: "orange" },
-  { name: "ورزشی", color: "yellow" },
+  { name: window.t("علمی تخیلی"), color: "red" },
+  { name: window.t("سیاسی"), color: "blue" },
+  { name: window.t("تاریخی"), color: "orange" },
+  { name: window.t("ورزشی"), color: "yellow" },
 ];
 export default class Simple extends Component {
   render() {
@@ -132,7 +132,7 @@ export default class Simple extends Component {
                   </div>
                 </div>
                 <Link to={`/blogs/${data.id}`}>
-                  {data.buttonText || "ادامه مطلب"}
+                  {data.buttonText || window.t(window.t("ادامه مطلب"))}
                 </Link>
               </div>
               <span
diff --git a/src/views/Home/HomeSlider/index.js b/src/views/Home/HomeSlider/index.js
index f7466e9..846b956 100644
--- a/src/views/Home/HomeSlider/index.js
+++ b/src/views/Home/HomeSlider/index.js
@@ -34,7 +34,7 @@ const SimpleHeader = (props) => {
               className="home-scroll__header--more d-flex align-items-center"
             >
               <span style={{ fontSize: fontSize.desktop.h1 }}>بیشتر</span>
-              <img src={dropdown} alt="فلش" />
+              <img src={dropdown} alt=window.t("فلش") />
             </Link>
           ) : null}
         </div>
@@ -51,7 +51,7 @@ const SimpleHeader = (props) => {
               className="mobile-home-scroll__header--more d-flex align-items-center"
             >
               <span>بیشتر</span>
-              <img src={dropdown} alt="فلش" />
+              <img src={dropdown} alt=window.t("فلش") />
             </Link>
           ) : null} */}
         </div>
@@ -74,7 +74,7 @@ const TabHeader = (props) => {
             className="home-scroll__header--more d-flex align-items-center"
           >
             <span style={{ fontSize: fontSize.desktop.h1 }}>بیشتر</span>
-            <img src={dropdown} alt="فلش" />
+            <img src={dropdown} alt=window.t("فلش") />
           </Link> */}
         </div>
       ) : null}
@@ -86,7 +86,7 @@ const TabHeader = (props) => {
           </div>
           {/* <div className="mobile-home-scroll__header--more d-flex align-items-center">
             <span>بیشتر</span>
-            <img src={dropdown} alt="فلش" />
+            <img src={dropdown} alt=window.t("فلش") />
           </div> */}
         </div>
       ) : null}
diff --git a/src/views/Home/HomeStatic/Vitrin/index.js b/src/views/Home/HomeStatic/Vitrin/index.js
index 4ded020..7c3649f 100644
--- a/src/views/Home/HomeStatic/Vitrin/index.js
+++ b/src/views/Home/HomeStatic/Vitrin/index.js
@@ -53,7 +53,7 @@ const Item = (props) => {
     >
       <img
         src={`https://dnvn.ir/api/v1/file/${data.fileId}`}
-        alt={"عکس محصول"}
+        alt={window.t("عکس محصول")}
       />
     </div>
   );
diff --git a/src/views/Home/HomeStatic/index.js b/src/views/Home/HomeStatic/index.js
index 3215f49..f246cae 100644
--- a/src/views/Home/HomeStatic/index.js
+++ b/src/views/Home/HomeStatic/index.js
@@ -87,7 +87,7 @@ const Item = (props) => {
           </div>
           <img
             src={`https://dnvn.ir/api/v1/file/${props.data.fileId}`}
-            alt="عکس"
+            alt=window.t("عکس")
           />
         </div>
       ) : (
@@ -100,7 +100,7 @@ const Item = (props) => {
         >
           <img
             src={`https://dnvn.ir/api/v1/file/${props.data.fileId}`}
-            alt="عکس"
+            alt=window.t("عکس")
             style={{ float: "left" }}
           />
           <div className="d-flex flex-column">
diff --git a/src/views/Home/Membership/index.js b/src/views/Home/Membership/index.js
index ba69103..f5f0e8c 100644
--- a/src/views/Home/Membership/index.js
+++ b/src/views/Home/Membership/index.js
@@ -16,8 +16,8 @@ class Membership extends Component {
               <p>مشخصات خودت رو وارد کنید و امتیاز هدیه بگیرید</p>
             </div>
             <div className="d-flex">
-              <Input label={"نام ‌و ‌نام خانوادگی"} name={"name"} />
-              <Input label={"شماره تماس"} name={"mobile"} />
+              <Input label={window.t("نام ‌و ‌نام خانوادگی")} name={"name"} />
+              <Input label={window.t(window.t(window.t("شماره تماس")))} name={"mobile"} />
               <button className="membership__submit">ثبت </button>
             </div>
           </div>
@@ -35,7 +35,7 @@ class Membership extends Component {
                 <Input label={"نام‌و‌نام خانوادگی"} name={"name"} />
               </div>
               <div>
-                <Input label={"شماره تماس"} name={"mobile"} />
+                <Input label={window.t(window.t(window.t("شماره تماس")))} name={"mobile"} />
               </div>
               <button className="mobile-membership__submit">ثبت </button>
             </div>
diff --git a/src/views/Home/Navbar/Laptop/index.js b/src/views/Home/Navbar/Laptop/index.js
index 46c6b2c..963272c 100644
--- a/src/views/Home/Navbar/Laptop/index.js
+++ b/src/views/Home/Navbar/Laptop/index.js
@@ -36,7 +36,7 @@ class LaptopNavbar extends Component {
       <nav className="laptop-navbar d-flex">
         <div className="d-flex">
           <Link to="/" className="laptop-navbar__logo">
-            <img src={logo} alt="لوگو" />
+            <img src={logo} alt=window.t("لوگو") />
           </Link>
           <ul className="laptop-navbar__list d-flex">
             {links.map((item, i) => (
@@ -92,7 +92,7 @@ class LaptopNavbar extends Component {
                   width="20"
                   height="23"
                   src={basket}
-                  alt="سبد خرید"
+                  alt=window.t("سبد خرید")
                   style={{ marginRight: 5 }}
                 />
               </Link>
@@ -176,10 +176,10 @@ export default connect((state) => ({ status: state.user.status }), {
 })(LaptopNavbar);
 LaptopNavbar.defaultProps = {
   links: [
-    { name: "صفحه اصلی", to: "/", page: "home" },
-    { name: "فروشگاه", to: "/products", page: "products" },
-    { name: "سوالات متداول", to: "/faq", page: "faq" },
-    { name: "درباره ما", to: "/about", page: "about" },
-    { name: "پشتیبانی", to: "/contact", page: "contact" },
+    { name: window.t("صفحه اصلی"), to: "/", page: "home" },
+    { name: window.t("فروشگاه"), to: "/products", page: "products" },
+    { name: window.t("سوالات متداول"), to: "/faq", page: "faq" },
+    { name: window.t("درباره ما"), to: "/about", page: "about" },
+    { name: window.t("پشتیبانی"), to: "/contact", page: "contact" },
   ],
 };
diff --git a/src/views/Home/Navbar/Mobile/NavbarDrawer/NavbarDrawer.js b/src/views/Home/Navbar/Mobile/NavbarDrawer/NavbarDrawer.js
index 5d16c5c..262533c 100644
--- a/src/views/Home/Navbar/Mobile/NavbarDrawer/NavbarDrawer.js
+++ b/src/views/Home/Navbar/Mobile/NavbarDrawer/NavbarDrawer.js
@@ -29,37 +29,37 @@ class NavbarDrawer extends Component {
     const statusx = proxy.status();
     this.links = [
       {
-        name: "صفحه اصلی",
+        name: window.t("صفحه اصلی"),
         link: "/",
-        icon: <img src={mobileHome} alt="صفحه اصلی" />,
+        icon: <img src={mobileHome} alt=window.t("صفحه اصلی") />,
         toast: "",
         message: "",
       },
       {
         name: "ورود یا ثبت نام",
         link: "/auth",
-        icon: <img src={mobileLogout} alt="کتاب‌های من" />,
+        icon: <img src={mobileLogout} alt=window.t("کتاب‌های من") />,
         toast: "",
         message: "",
       },
       {
-        name: "درباره ما",
+        name: window.t("درباره ما"),
         link: "/about",
-        icon: <img src={mobileBlog} alt="کتاب‌های من" />,
+        icon: <img src={mobileBlog} alt=window.t("کتاب‌های من") />,
         toast: "",
         message: "",
       },
       {
-        name: "فروشگاه",
+        name: window.t("فروشگاه"),
         link: "/products",
-        icon: <img src={mobileBlog} alt="کتاب‌های من" />,
+        icon: <img src={mobileBlog} alt=window.t("کتاب‌های من") />,
         toast: "",
         message: "",
       },
       {
-        name: "سبد خرید",
+        name: window.t("سبد خرید"),
         link: "/cart",
-        icon: <img src={mobileBlog} alt="کتاب‌های من" />,
+        icon: <img src={mobileBlog} alt=window.t("کتاب‌های من") />,
         toast: "",
         message: "",
       },
@@ -71,9 +71,9 @@ class NavbarDrawer extends Component {
         message: "",
       },
       {
-        name: "پشتیبانی",
+        name: window.t("پشتیبانی"),
         link: "/support",
-        icon: <img src={mobileDanger} alt="پشتیبانی" />,
+        icon: <img src={mobileDanger} alt=window.t("پشتیبانی") />,
         toast: "",
         message: "",
         // onClick: this.props.logout,
@@ -81,37 +81,37 @@ class NavbarDrawer extends Component {
     ];
     this.links2 = [
       {
-        name: "صفحه اصلی",
+        name: window.t("صفحه اصلی"),
         link: "/",
-        icon: <img src={mobileHome} alt="صفحه اصلی" />,
+        icon: <img src={mobileHome} alt=window.t("صفحه اصلی") />,
         toast: "",
         message: "",
       },
       {
-        name: "واقعیت افزوده",
+        name: window.t(window.t("واقعیت افزوده")),
         link: "/ar",
-        icon: <img src={mobileAr} alt="واقعیت افزوده" />,
+        icon: <img src={mobileAr} alt=window.t(window.t("واقعیت افزوده")) />,
         toast: "",
         message: "",
       },
       {
-        name: "بارکد خوان",
+        name: window.t("بارکد خوان"),
         link: "/qr-scan",
-        icon: <img src={qrcode} alt="بارکد خوان" />,
+        icon: <img src={qrcode} alt=window.t("بارکد خوان") />,
         toast: "",
         message: "",
       },
       {
-        name: "کتاب‌های من",
+        name: window.t("کتاب‌های من"),
         link: "/mybooks",
-        icon: <img src={mobileBlog} alt="کتاب‌های من" />,
+        icon: <img src={mobileBlog} alt=window.t("کتاب‌های من") />,
         toast: "",
         message: "",
       },
       {
-        name: "سبد خرید",
+        name: window.t("سبد خرید"),
         link: "/cart",
-        icon: <img src={mobileBasket} alt="فروشگاه" />,
+        icon: <img src={mobileBasket} alt=window.t("فروشگاه") />,
         toast: "",
         message: "",
       },
@@ -123,31 +123,31 @@ class NavbarDrawer extends Component {
         message: "",
       },
       {
-        name: "دانوینی‌ها",
+        name: window.t("دانوینی‌ها"),
         link: "/",
-        icon: <img src={mobileProfile} alt="دانوینی‌ها" />,
-        toast: "به زودی این بخش فعال می شود",
+        icon: <img src={mobileProfile} alt=window.t("دانوینی‌ها") />,
+        toast: window.t("به زودی این بخش فعال می شود"),
         message: "به زودی",
       },
       {
-        name: "پشتیبانی",
+        name: window.t("پشتیبانی"),
         link: "/support",
-        icon: <img src={mobileDanger} alt="پشتیبانی" />,
+        icon: <img src={mobileDanger} alt=window.t("پشتیبانی") />,
         toast: "",
         message: "",
         // onClick: this.props.logout,
       },
       {
-        name: "ویرایش مشخصات",
+        name: window.t(window.t("ویرایش مشخصات")),
         link: "/profile",
-        icon: <img src={mobileMail} alt="ویرایش مشخصات" />,
+        icon: <img src={mobileMail} alt=window.t(window.t("ویرایش مشخصات")) />,
         toast: "",
         // message: "4 پیام",
       },
       {
-        name: "بروز رسانی",
+        name: window.t("بروز رسانی"),
         link: "/",
-        icon: <img src={mobileLogout} alt="خروج" />,
+        icon: <img src={mobileLogout} alt=window.t(window.t(window.t("خروج"))) />,
         toast: "",
         message: "",
         onClick: () => {
@@ -155,9 +155,9 @@ class NavbarDrawer extends Component {
         },
       },
       {
-        name: "خروج",
+        name: window.t(window.t(window.t("خروج"))),
         link: "/auth",
-        icon: <img src={mobileLogout} alt="خروج" />,
+        icon: <img src={mobileLogout} alt=window.t(window.t(window.t("خروج"))) />,
         toast: "",
         message: "",
         onClick: () => {
diff --git a/src/views/Home/Navbar/Mobile/index.js b/src/views/Home/Navbar/Mobile/index.js
index 5f60933..a45534f 100644
--- a/src/views/Home/Navbar/Mobile/index.js
+++ b/src/views/Home/Navbar/Mobile/index.js
@@ -18,7 +18,7 @@ function BackButton({ children }) {
   let history = useHistory();
   return (
     <div type="button" onClick={() => history.goBack()}>
-      <img src={back} alt="بازگشت" />
+      <img src={back} alt=window.t("بازگشت") />
     </div>
   );
 }
@@ -82,10 +82,10 @@ export default function MobileNavbar(props) {
             style={{ marginTop: 10 }}
             onClick={toggleDrawer("right", true)}
           >
-            <img src={hamburger} alt="منو" />
+            <img src={hamburger} alt=window.t("منو") />
           </div>
           <Link to="/" className="mobile-navbar__logo2" style={{}}>
-            <img src={logo} alt="لوگو" className="logo" />
+            <img src={logo} alt=window.t("لوگو") className="logo" />
           </Link>
         </div>
         <div className="mobile-navbar__left d-flex" style={{ marginLeft: 10 }}>
@@ -115,23 +115,23 @@ export default function MobileNavbar(props) {
         // style={{ transform: page !== "home" ? "translateX(-29px)" : "none" }}
       >
         <Link to="/">
-          <img src={logo} alt="لوگو" />
+          <img src={logo} alt=window.t("لوگو") />
         </Link>
       </div> */}
       <div
         className="mobile-navbar__menu"
         onClick={toggleDrawer("right", true)}
       >
-        <img src={hamburger} alt="منو" />
+        <img src={hamburger} alt=window.t("منو") />
         <Link to="/">
-          <img src={logo} alt="لوگو" className="logo" />
+          <img src={logo} alt=window.t("لوگو") className="logo" />
         </Link>
       </div>
 
       <div className="mobile-navbar__left">
         {page === "home" || page === "download" ? (
           <Link to={"/products"}>
-            <img src={search} alt="جستجو" />
+            <img src={search} alt=window.t(window.t("جستجو")) />
           </Link>
         ) : (
           <div className="d-flex align-items-center">
@@ -139,7 +139,7 @@ export default function MobileNavbar(props) {
               window.location.pathname !== "/mybooks" &&
               window.location.pathname !== "/profile" && (
                 <Link to={"/products"}>
-                  <img src={search} alt="جستجو" />
+                  <img src={search} alt=window.t(window.t("جستجو")) />
                 </Link>
               )}
             {window.location.pathname !== "/qr-scan" &&
diff --git a/src/views/MyBooks/index.js b/src/views/MyBooks/index.js
index d05cb2d..297dfb7 100644
--- a/src/views/MyBooks/index.js
+++ b/src/views/MyBooks/index.js
@@ -6,19 +6,19 @@ import moment from "jalali-moment";
 import "./index.scss";
 import { Link } from "react-router-dom";
 const grades = [
-  "پیش دبستان",
-  "اول",
-  "دوم",
-  "سوم",
-  "چهارم",
-  "پنجم",
-  "ششم",
-  "هفتم",
-  "هشتم",
-  "نهم",
-  "دهم",
-  "یازدهم",
-  "دوازدهم",
+  window.t("پیش دبستان"),
+  window.t("اول"),
+  window.t("دوم"),
+  window.t("سوم"),
+  window.t("چهارم"),
+  window.t("پنجم"),
+  window.t("ششم"),
+  window.t("هفتم"),
+  window.t("هشتم"),
+  window.t("نهم"),
+  window.t("دهم"),
+  window.t("یازدهم"),
+  window.t("دوازدهم"),
 ];
 class MyBooks extends Component {
   componentDidMount() {
diff --git a/src/views/MyBooks_old/index.js b/src/views/MyBooks_old/index.js
index 2930b6e..47cf9cb 100644
--- a/src/views/MyBooks_old/index.js
+++ b/src/views/MyBooks_old/index.js
@@ -125,7 +125,7 @@ const Item = (props) => {
         <div className="mobile-products-product d-flex flex-column">
           <img
             src={`https://dnvn.ir/api/v1/file/${data.product.book.fileIds}`}
-            alt={"عکس مجصول"}
+            alt={window.t("عکس مجصول")}
           />
           <div className="mobile-products-product__info d-flex flex-column">
             <h1 style={{ fontSize: fontSize.mobile.h1 }}>
@@ -140,7 +140,7 @@ const Item = (props) => {
         <div className="products-product d-flex flex-column">
           <img
             src={`https://dnvn.ir/api/v1/file/${data.product.book.fileIds}`}
-            alt={"عکس مجصول"}
+            alt={window.t("عکس مجصول")}
           />
           <div className="mobile-products-product__info d-flex flex-column">
             <h1 style={{ fontSize: fontSize.desktop.h1 }}>
diff --git a/src/views/NewProfile/index.js b/src/views/NewProfile/index.js
index 83fa798..5c51b5f 100644
--- a/src/views/NewProfile/index.js
+++ b/src/views/NewProfile/index.js
@@ -41,8 +41,8 @@ class NewProfile extends Component {
     username: "",
     address: "",
     email: "",
-    gender: "دختر",
-    userRoleId: "دانش آموز",
+    gender: window.t("دختر"),
+    userRoleId: window.t("دانش آموز"),
     nationalId: "",
     provinceId: "",
     phone: "",
@@ -67,7 +67,7 @@ class NewProfile extends Component {
   }
 
   onChange = (name, value) => {
-    if (name === "gardeId" && this.state.userRoleId === "معلم") {
+    if (name === "gardeId" && this.state.userRoleId === window.t("معلم")) {
       this.setState((prevState) => ({
         gradeId: [...prevState.gradeId, value],
       }));
@@ -187,19 +187,19 @@ class NewProfile extends Component {
   render() {
     const { profile } = this.props;
     const grades = [
-      "پیش دبستان",
-      "اول",
-      "دوم",
-      "سوم",
-      "چهارم",
-      "پنجم",
-      "ششم",
-      "هفتم",
-      "هشتم",
-      "نهم",
-      "دهم",
-      "یازدهم",
-      "دوازدهم",
+      window.t("پیش دبستان"),
+      window.t("اول"),
+      window.t("دوم"),
+      window.t("سوم"),
+      window.t("چهارم"),
+      window.t("پنجم"),
+      window.t("ششم"),
+      window.t("هفتم"),
+      window.t("هشتم"),
+      window.t("نهم"),
+      window.t("دهم"),
+      window.t("یازدهم"),
+      window.t("دوازدهم"),
     ];
     return (
       <>
@@ -221,7 +221,7 @@ class NewProfile extends Component {
                   <div className="mb-2">
                     <Input
                       name="firstName"
-                      label="نام"
+                      label=window.t("نام")
                       parent={this}
                       defaultValue={profile}
                     />
@@ -229,7 +229,7 @@ class NewProfile extends Component {
                   <div className="mb-2">
                     <Input
                       name="lastName"
-                      label="نام خانوادگی"
+                      label=window.t("نام خانوادگی")
                       parent={this}
                       defaultValue={profile}
                     />
@@ -237,7 +237,7 @@ class NewProfile extends Component {
                   <div className="mb-2">
                     <Input
                       name="username"
-                      label="نام کاربری"
+                      label=window.t(window.t("نام کاربری"))
                       parent={this}
                       defaultValue={profile}
                       align="left"
@@ -246,7 +246,7 @@ class NewProfile extends Component {
 
                   <div className="mb-2">
                     <Gender
-                      options={["دختر", "پسر"]}
+                      options={[window.t("دختر"), window.t("پسر")]}
                       parent={this}
                       name="gender"
                       selectedOption={this.state.gender}
@@ -255,7 +255,7 @@ class NewProfile extends Component {
                   <div className="mb-2">
                     <Input
                       name="nationalId"
-                      label="کد ملی"
+                      label=window.t("کد ملی")
                       parent={this}
                       align="left"
                       defaultValue={profile}
@@ -272,49 +272,49 @@ class NewProfile extends Component {
                   <div className="mb-2" style={{ minWidth: "100%" }}>
                     <Gender
                       parent={this}
-                      options={["معلم", "دانش آموز"]}
+                      options={[window.t("معلم"), window.t("دانش آموز")]}
                       name="userRoleId"
-                      label={"عنوان"}
+                      label={window.t("عنوان")}
                       selectedOption={this.state.userRoleId}
                     />
                   </div>
-                  {this.state.userRoleId === "دانش آموز" ? (
+                  {this.state.userRoleId === window.t("دانش آموز") ? (
                     <div className="mb-2">
                       <Select
                         parent={this}
                         options={grades}
                         name="gradeId"
-                        label={"پایه تحصیلی"}
+                        label={window.t(window.t("پایه تحصیلی"))}
                       />
                     </div>
                   ) : null}
-                  {this.state.userRoleId === "معلم" ? (
+                  {this.state.userRoleId === window.t("معلم") ? (
                     <div className="mb-2">
                       <MultipleSelector
                         parent={this}
                         options={grades}
                         name="gradeId"
-                        label={"پایه تحصیلی"}
+                        label={window.t(window.t("پایه تحصیلی"))}
                         selectedOptions={this.state.gradeId}
                       />
                     </div>
                   ) : null}
 
-                  {this.state.userRoleId === "دانش آموز" &&
+                  {this.state.userRoleId === window.t("دانش آموز") &&
                   this.state.gradeId > 9 ? (
                     <div className="mb-2">
                       <Select
                         parent={this}
                         options={[
-                          "ریاضی",
-                          "تجربی",
-                          "انسانی",
-                          "فنی حرفه‌ای",
-                          "کاردانش",
-                          "معارف",
+                          window.t("ریاضی"),
+                          window.t("تجربی"),
+                          window.t("انسانی"),
+                          window.t("فنی حرفه‌ای"),
+                          window.t("کاردانش"),
+                          window.t("معارف"),
                         ]}
                         name="field"
-                        label={"رشته تحصیلی"}
+                        label={window.t("رشته تحصیلی")}
                         selectedOptions={this.state.gradeId}
                       />
                     </div>
@@ -325,7 +325,7 @@ class NewProfile extends Component {
                       parent={this}
                       options={["karaj", "tehran"]}
                       name="province"
-                      label={"استان"}
+                      label={window.t("استان")}
                     />
                   </div>
                   <div className="mb-2">
@@ -333,7 +333,7 @@ class NewProfile extends Component {
                       parent={this}
                       options={["karaj", "tehran"]}
                       name="city"
-                      label={"شهرستان"}
+                      label={window.t("شهرستان")}
                     />
                   </div>
                   <div className="mb-2">
@@ -341,25 +341,25 @@ class NewProfile extends Component {
                       parent={this}
                       options={["chaharbagh", "mahalat"]}
                       name="zoneId"
-                      label={"شهر/روستا"}
+                      label={window.t("شهر/روستا")}
                     />
                   </div>
-                  {this.state.userRoleId === "دانش آموز" ? (
+                  {this.state.userRoleId === window.t("دانش آموز") ? (
                     <div className="mb-2">
                       <Input
                         parent={this}
                         name="schoolId"
-                        label={"نام مدرسه"}
+                        label={window.t("نام مدرسه")}
                         defaultValue={profile}
                       />
                     </div>
                   ) : null}
-                  {this.state.userRoleId === "معلم" ? (
+                  {this.state.userRoleId === window.t("معلم") ? (
                     <div className="mb-2">
                       <Input
                         parent={this}
                         name="schoolId"
-                        label={"محل تدریس"}
+                        label={window.t("محل تدریس")}
                         defaultValue={profile}
                       />
                     </div>
@@ -368,7 +368,7 @@ class NewProfile extends Component {
                     <Input
                       parent={this}
                       name="postalCode"
-                      label={"کد پستی"}
+                      label={window.t("کد پستی")}
                       align="left"
                       defaultValue={profile}
                     />
@@ -376,7 +376,7 @@ class NewProfile extends Component {
                   <div className="mb-2">
                     <TextArea
                       parent={this}
-                      label={"آدرس محل سکونت"}
+                      label={window.t("آدرس محل سکونت")}
                       name="address"
                     />
                   </div>
@@ -398,31 +398,31 @@ class NewProfile extends Component {
             <Upload name="file" parent={this} />
             <Input
               name="firstName"
-              label="نام"
+              label=window.t("نام")
               parent={this}
               onInput={this.forcePersian}
             />
             <Input
               name="lastName"
-              label="نام خانوادگی"
+              label=window.t("نام خانوادگی")
               parent={this}
               onInput={this.forcePersian}
             />
             <Input
               name="username"
-              label="نام کاربری"
+              label=window.t(window.t("نام کاربری"))
               parent={this}
               align="left"
             />
             <Gender
-              options={["دختر", "پسر"]}
+              options={[window.t("دختر"), window.t("پسر")]}
               parent={this}
               name="gender"
               selectedOption={this.state.gender}
             />
             <Input
               name="nationalId"
-              label="کد ملی"
+              label=window.t("کد ملی")
               parent={this}
               align="left"
               maxLength={10}
@@ -431,41 +431,41 @@ class NewProfile extends Component {
             <Birthdate />
             <Gender
               parent={this}
-              options={["معلم", "دانش آموز"]}
+              options={[window.t("معلم"), window.t("دانش آموز")]}
               name="userRoleId"
               selectedOption={this.state.userRoleId}
             />
-            {this.state.userRoleId === "دانش آموز" ? (
+            {this.state.userRoleId === window.t("دانش آموز") ? (
               <Select
                 parent={this}
                 options={grades}
                 name="gradeId"
-                label={"پایه تحصیلی"}
+                label={window.t(window.t("پایه تحصیلی"))}
               />
             ) : null}
-            {this.state.userRoleId === "معلم" ? (
+            {this.state.userRoleId === window.t("معلم") ? (
               <MultipleSelector
                 parent={this}
                 options={grades}
                 name="gradeId"
-                label={"پایه تحصیلی"}
+                label={window.t(window.t("پایه تحصیلی"))}
                 selectedOptions={this.state.gradeId}
               />
             ) : null}
-            {this.state.userRoleId === "دانش آموز" &&
+            {this.state.userRoleId === window.t("دانش آموز") &&
             Number(this.state.gradeId) > 9 ? (
               <Select
                 parent={this}
                 options={[
-                  "ریاضی",
-                  "تجربی",
-                  "انسانی",
-                  "فنی حرفه‌ای",
-                  "کاردانش",
-                  "معارف",
+                  window.t("ریاضی"),
+                  window.t("تجربی"),
+                  window.t("انسانی"),
+                  window.t("فنی حرفه‌ای"),
+                  window.t("کاردانش"),
+                  window.t("معارف"),
                 ]}
                 name="field"
-                label={"رشته تحصیلی"}
+                label={window.t("رشته تحصیلی")}
                 selectedOptions={this.state.gradeId}
               />
             ) : null}
@@ -474,36 +474,36 @@ class NewProfile extends Component {
               parent={this}
               options={["karaj", "tehran"]}
               name="provinceId"
-              label={"استان"}
+              label={window.t("استان")}
             />
             <Select
               parent={this}
               options={["karaj", "tehran"]}
               name="cityId"
-              label={"شهرستان"}
+              label={window.t("شهرستان")}
             />
             <Select
               parent={this}
               options={["chaharbagh", "mahalat"]}
               name="zoneId"
-              label={"شهر/روستا"}
+              label={window.t("شهر/روستا")}
             />
-            {this.state.userRoleId === "دانش آموز" ? (
-              <Input parent={this} name="schoolId" label={"نام مدرسه"} />
+            {this.state.userRoleId === window.t("دانش آموز") ? (
+              <Input parent={this} name="schoolId" label={window.t("نام مدرسه")} />
             ) : null}
-            {this.state.userRoleId === "معلم" ? (
-              <Input parent={this} name="schoolId" label={"محل تدریس"} />
+            {this.state.userRoleId === window.t("معلم") ? (
+              <Input parent={this} name="schoolId" label={window.t("محل تدریس")} />
             ) : null}
-            {this.state.userRoleId === "معلم" ? (
+            {this.state.userRoleId === window.t("معلم") ? (
               <Document parent={this} name="docFileIds" />
             ) : null}
             <Input
               parent={this}
               name="postalCode"
-              label={"کد پستی"}
+              label={window.t("کد پستی")}
               align="left"
             />
-            <TextArea parent={this} label={"آدرس محل سکونت"} name="address" />
+            <TextArea parent={this} label={window.t("آدرس محل سکونت")} name="address" />
             <div className="mobile-auth-profile__footer d-flex justify-content-center">
               <button onClick={() => this.onSubmit()}>‌ذخیره</button>
             </div>
diff --git a/src/views/Orders/index.js b/src/views/Orders/index.js
index 56acd64..d573305 100644
--- a/src/views/Orders/index.js
+++ b/src/views/Orders/index.js
@@ -5,19 +5,19 @@ import { userFactor } from "~/Redux/actions";
 import "./index.css";
 import moment from "jalali-moment";
 const grades = [
-  "پیش دبستان",
-  "اول",
-  "دوم",
-  "سوم",
-  "چهارم",
-  "پنجم",
-  "ششم",
-  "هفتم",
-  "هشتم",
-  "نهم",
-  "دهم",
-  "یازدهم",
-  "دوازدهم",
+  window.t("پیش دبستان"),
+  window.t("اول"),
+  window.t("دوم"),
+  window.t("سوم"),
+  window.t("چهارم"),
+  window.t("پنجم"),
+  window.t("ششم"),
+  window.t("هفتم"),
+  window.t("هشتم"),
+  window.t("نهم"),
+  window.t("دهم"),
+  window.t("یازدهم"),
+  window.t("دوازدهم"),
 ];
 class Orders extends Component {
   componentDidMount() {
@@ -61,7 +61,7 @@ class Orders extends Component {
                       className="order-data-container-item-row1-order-status-text"
                     >
                       {
-                        ["پرداخت نشده", "در حال پردازش", "ارسال شد", "لغو شد"][
+                        [window.t("پرداخت نشده"), window.t("در حال پردازش"), window.t(window.t("ارسال شد")), window.t("لغو شد")][
                           item.condition
                         ]
                       }
diff --git a/src/views/Product/AddToCart/index.js b/src/views/Product/AddToCart/index.js
index 59450e2..438bf13 100644
--- a/src/views/Product/AddToCart/index.js
+++ b/src/views/Product/AddToCart/index.js
@@ -107,7 +107,7 @@ function AddToCart(props) {
               style={{ fontSize: fontSize.desktop.button, opacity: 0.3 }}
               className="product-addtocart__box--digitalButton"
             >
-              {page === "digital" ? "کتاب چاپی" : "نسخه الکترونیک"}
+              {page === "digital" ? "کتاب چاپی" : window.t("نسخه الکترونیک")}
               <img src={ebook_blue} alt="" />
             </Link>
             <button
@@ -124,7 +124,7 @@ function AddToCart(props) {
                     count: 1,
                   });
                 else {
-                  toast.info("جهت ادامه فرآیند خرید وارد حساب خود شوید");
+                  toast.info(window.t("جهت ادامه فرآیند خرید وارد حساب خود شوید"));
                   localStorage.setItem("afterLogin", window.location.pathname);
                   localStorage.setItem(
                     "pushToCart",
diff --git a/src/views/Product/Comment/index.js b/src/views/Product/Comment/index.js
index e53c8a0..7c07fa4 100644
--- a/src/views/Product/Comment/index.js
+++ b/src/views/Product/Comment/index.js
@@ -40,7 +40,7 @@ export default function Comment(props) {
             className="comment__user"
             style={{ fontSize: fontSize.desktop.strong }}
           >
-            {comment.username || "کاربر میهمان"}
+            {comment.username || window.t("کاربر میهمان")}
           </strong>
           <p className="comment__text" style={{ fontSize: fontSize.desktop.p }}>
             {comment.text}
diff --git a/src/views/Product/Gallery/Modal/index.js b/src/views/Product/Gallery/Modal/index.js
index cbd3935..b37472a 100644
--- a/src/views/Product/Gallery/Modal/index.js
+++ b/src/views/Product/Gallery/Modal/index.js
@@ -16,7 +16,7 @@ const Modal = (props) => {
           <div className="modal__display">
             {
               displayed.type === 'image' ?
-              <img src={displayed.value} alt="عکس" /> : null
+              <img src={displayed.value} alt=window.t("عکس") /> : null
             }
             {
               displayed.type === 'film' ?
@@ -54,7 +54,7 @@ const Item = (props) => {
     <div className="modal-carousel-item">
       {
         props.data.type === 'image' ?
-        <img src={props.data.value} alt="عکس" /> : null
+        <img src={props.data.value} alt=window.t("عکس") /> : null
       }
       {
         props.data.type === 'film' ?
diff --git a/src/views/Product/Gallery/index.js b/src/views/Product/Gallery/index.js
index 3eeba89..951d0ab 100644
--- a/src/views/Product/Gallery/index.js
+++ b/src/views/Product/Gallery/index.js
@@ -19,7 +19,7 @@ export default function Gallery(props) {
                 {selectedMedia.type === "image" ? (
                   <img
                     src={`https://dnvn.ir/api/v1/file/${selectedMedia.id}`}
-                    alt={"عکس"}
+                    alt={window.t("عکس")}
                   />
                 ) : null}
                 {selectedMedia.type === "film" ? <Video /> : null}
@@ -88,7 +88,7 @@ const Item = (props) => {
           className="product-gallery-item d-flex"
         >
           {item.type === "image" ? (
-            <img src={`https://dnvn.ir/api/v1/file/${item.id}`} alt={"عکس"} />
+            <img src={`https://dnvn.ir/api/v1/file/${item.id}`} alt={window.t("عکس")} />
           ) : null}
           {item.type === "film" ? (
             <Video fileId={`https://dnvn.ir/api/v1/file/${item.id}`} />
diff --git a/src/views/Product/MaterialModal/index.js b/src/views/Product/MaterialModal/index.js
index 07dd878..120e204 100644
--- a/src/views/Product/MaterialModal/index.js
+++ b/src/views/Product/MaterialModal/index.js
@@ -74,7 +74,7 @@ function SimpleModal(props) {
         کامنت خود را وارد کرده و دکمه ثبت را بزنید.
       </h2>
       <textarea
-        placeholder="متن پیام"
+        placeholder=window.t("متن پیام")
         name="description"
         rows="5"
         onChange={(e) => setText(e.target.value)}
diff --git a/src/views/Product/index.js b/src/views/Product/index.js
index 816f40c..2d36690 100644
--- a/src/views/Product/index.js
+++ b/src/views/Product/index.js
@@ -30,19 +30,19 @@ import "./index.scss";
 const maxDesktopSize = 1250;
 const maxMobileSize = 550;
 const grades = [
-  "پیش دبستان",
-  "اول",
-  "دوم",
-  "سوم",
-  "چهارم",
-  "پنجم",
-  "ششم",
-  "هفتم",
-  "هشتم",
-  "نهم",
-  "دهم",
-  "یازدهم",
-  "دوازدهم",
+  window.t("پیش دبستان"),
+  window.t("اول"),
+  window.t("دوم"),
+  window.t("سوم"),
+  window.t("چهارم"),
+  window.t("پنجم"),
+  window.t("ششم"),
+  window.t("هفتم"),
+  window.t("هشتم"),
+  window.t("نهم"),
+  window.t("دهم"),
+  window.t("یازدهم"),
+  window.t("دوازدهم"),
 ];
 const fontSize = {
   desktop: {
@@ -64,7 +64,7 @@ function Addbutton({ page, info, pushToCart, userId }) {
   }
   let productId = localStorage.getItem("pushToCart");
   if (productId) {
-    toast.info("جهت ادامه فرآیند خرید وارد حساب خود شوید");
+    toast.info(window.t("جهت ادامه فرآیند خرید وارد حساب خود شوید"));
 
     localStorage.removeItem("pushToCart");
     pushToCart({
@@ -85,7 +85,7 @@ function Addbutton({ page, info, pushToCart, userId }) {
             count: 1,
           });
         else {
-          toast.info("جهت ادامه فرآیند خرید وارد حساب خود شوید");
+          toast.info(window.t("جهت ادامه فرآیند خرید وارد حساب خود شوید"));
           localStorage.setItem("afterLogin", window.location.pathname);
           localStorage.setItem(
             "pushToCart",
@@ -145,7 +145,7 @@ class Product extends Component {
                   <Info
                     subTitle={`پایه ${grades[info.gradeId]}`}
                     title={`${info.name}  ${grades[info.gradeId]}`}
-                    description={info.description || "توضیحات محصول خالیست"}
+                    description={info.description || window.t("توضیحات محصول خالیست")}
                   />
 
                   <AddToCart
@@ -169,7 +169,7 @@ class Product extends Component {
                     </h3>
                     <button onClick={() => this.handleOpenComment()}>
                       ارسال نظر
-                      <img src={send_comment} alt="ارسال نظر" />
+                      <img src={send_comment} alt=window.t("ارسال نظر") />
                     </button>
                   </div>
 
@@ -217,7 +217,7 @@ class Product extends Component {
                     info.name
                   }  پایه ${grades[info.gradeId]}`}</h1>
                   <h2 style={{ fontSize: fontSize.mobile.h2 }}>
-                    {page !== "digital" ? "نسخه چاپی" : "نسخه الکترونیک"}
+                    {page !== "digital" ? window.t("نسخه چاپی") : window.t("نسخه الکترونیک")}
                   </h2>
                   <h3 style={{ fontSize: fontSize.mobile.h1 }}>
                     {page === "digital"
@@ -242,7 +242,7 @@ class Product extends Component {
                         className="mobile-product__header--digitalButton"
                         style={{ fontSize: fontSize.mobile.a, opacity: 0.3 }}
                       >
-                        {page === "digital" ? "نسخه چاپی" : "نسخه الکترونیک"}
+                        {page === "digital" ? window.t("نسخه چاپی") : window.t("نسخه الکترونیک")}
                       </Link>
                       <Link
                         to={
@@ -250,7 +250,7 @@ class Product extends Component {
                         }
                         onClick={() =>
                           !info.sampleFileId
-                            ? toast.info("برای این کتاب نمونه‌ای درج نشده است.")
+                            ? toast.info(window.t("برای این کتاب نمونه‌ای درج نشده است."))
                             : null
                         }
                         className="mobile-product__header--purchase"
@@ -271,7 +271,7 @@ class Product extends Component {
                 <div className="mobile-product__abstraction d-flex flex-column">
                   <h3 style={{ fontSize: fontSize.mobile.h3 }}>معرفی کتاب</h3>
                   <p style={{ fontSize: fontSize.mobile.p }}>
-                    {info.description || "توضیحات محصول خالیست"}
+                    {info.description || window.t("توضیحات محصول خالیست")}
                   </p>
                 </div>
                 <div className="mobile-product__modules d-flex flex-column">
@@ -299,7 +299,7 @@ class Product extends Component {
                     </h3>
                     <button onClick={() => this.handleOpenComment()}>
                       ارسال نظر
-                      <img src={send_comment} alt="ارسال نظر" />
+                      <img src={send_comment} alt=window.t("ارسال نظر") />
                     </button>
                   </div>
                   <div className="mobile-product__comments--list d-flex">
diff --git a/src/views/Products/Filters/index.js b/src/views/Products/Filters/index.js
index c715eb3..e43f5e1 100644
--- a/src/views/Products/Filters/index.js
+++ b/src/views/Products/Filters/index.js
@@ -20,14 +20,14 @@ export default class Filtesrs extends React.Component {
           name="subject"
           parent={parent}
           data={parent.props.subjects}
-          title="دسته بندی موضوعی"
+          title=window.t("دسته بندی موضوعی")
           theme="#D7FF17"
         />
         <TypicalFilters
           name="level"
           parent={parent}
           data={parent.props.levels}
-          title="پایه تحصیلی"
+          title=window.t(window.t("پایه تحصیلی"))
           theme="#FF8917"
         />
       </div>
diff --git a/src/views/Products/Product/index.js b/src/views/Products/Product/index.js
index 5366120..d828b7d 100644
--- a/src/views/Products/Product/index.js
+++ b/src/views/Products/Product/index.js
@@ -10,19 +10,19 @@ import { connect } from "react-redux";
 import { userProduct } from "~/Redux/actions";
 import "./index.scss";
 const grades = [
-  "پیش دبستان",
-  "اول",
-  "دوم",
-  "سوم",
-  "چهارم",
-  "پنجم",
-  "ششم",
-  "هفتم",
-  "هشتم",
-  "نهم",
-  "دهم",
-  "یازدهم",
-  "دوازدهم",
+  window.t("پیش دبستان"),
+  window.t("اول"),
+  window.t("دوم"),
+  window.t("سوم"),
+  window.t("چهارم"),
+  window.t("پنجم"),
+  window.t("ششم"),
+  window.t("هفتم"),
+  window.t("هشتم"),
+  window.t("نهم"),
+  window.t("دهم"),
+  window.t("یازدهم"),
+  window.t("دوازدهم"),
 ];
 
 function Product(props) {
@@ -53,7 +53,7 @@ function Product(props) {
             <img
               className="pimg"
               src={`https://dnvn.ir/api/v1/file/${product.fileIds}`}
-              alt={"عکس مجصول"}
+              alt={window.t("عکس مجصول")}
             />
             <div className="mobile-products-product__info d-flex flex-column">
               <h1>{`${product.name} پایه ${grades[product.gradeId]}`}</h1>
@@ -157,7 +157,7 @@ function Product(props) {
                     count: 1,
                   });
                 else {
-                  toast.info("جهت ادامه فرآیند خرید وارد حساب خود شوید");
+                  toast.info(window.t("جهت ادامه فرآیند خرید وارد حساب خود شوید"));
                   localStorage.setItem("afterLogin", window.location.pathname);
                   localStorage.setItem("pushToCart", product.product[0].id);
                   Navigate({ path: "/auth" });
diff --git a/src/views/Products/Select/index.js b/src/views/Products/Select/index.js
index 8b972ce..c6fa64e 100644
--- a/src/views/Products/Select/index.js
+++ b/src/views/Products/Select/index.js
@@ -48,9 +48,9 @@ export default function CustomizedSelects(props) {
           id="demo-customized-select-native"
           value={props.parent.state[props.name]}
           onChange={(e) =>
-            e.target.value !== "نام کتاب" &&
-            e.target.value !== "مرتب سازی" &&
-            e.target.value !== "پایه تحصیلی"
+            e.target.value !== window.t("نام کتاب") &&
+            e.target.value !== window.t("مرتب سازی") &&
+            e.target.value !== window.t(window.t("پایه تحصیلی"))
               ? props.parent.setState({
                   selectedFilters: {
                     ...props.parent.state.selectedFilters,
diff --git a/src/views/Products/index.js b/src/views/Products/index.js
index ceffe7a..6bc627b 100644
--- a/src/views/Products/index.js
+++ b/src/views/Products/index.js
@@ -54,7 +54,7 @@ class Products extends Component {
         window.location.search.length
       ) === "cart"
     ) {
-      toast.info("ابتدا یک محصول به سبد خریدتان اضافه کنید.");
+      toast.info(window.t("ابتدا یک محصول به سبد خریدتان اضافه کنید."));
     }
   }
 
@@ -92,10 +92,10 @@ class Products extends Component {
                 <input
                   type="search"
                   style={{ fontSize: 15 }}
-                  placeholder={"جستجو"}
+                  placeholder={window.t(window.t("جستجو"))}
                   onChange={(e) => this.handleProductSearch(e.target.value)}
                 />
-                <img src={navbarSearch} alt="جستجو" />
+                <img src={navbarSearch} alt=window.t(window.t("جستجو")) />
               </div>
               <div className="mobile-products__filters d-flex">
                 <div className="d-flex">
@@ -155,5 +155,5 @@ export default connect(
 )(Products);
 
 Products.defaultProps = {
-  sortItems: ["پرفروش ترین", "جدیدترین"],
+  sortItems: ["پرفروش ترین", window.t("جدیدترین")],
 };
diff --git a/src/views/QR/SubjectsDropdown/index.js b/src/views/QR/SubjectsDropdown/index.js
index 22ac4e2..796379c 100644
--- a/src/views/QR/SubjectsDropdown/index.js
+++ b/src/views/QR/SubjectsDropdown/index.js
@@ -55,7 +55,7 @@ export default function Dropdown(props) {
               style={{ fontSize: fontSize.desktop.input }}
               onChange={(e) => handleSearch(e.target.value)}
             />
-            <img src={navbarSearch} alt="جستجو" />
+            <img src={navbarSearch} alt=window.t(window.t("جستجو")) />
           </div>
           <ul>
             {search
@@ -70,10 +70,10 @@ export default function Dropdown(props) {
 
 Dropdown.defaultProps = {
   subjects: [
-    { id: 0, name: "مقدمه" },
-    { id: 1, name: "سخنی با خوانندگان" },
-    { id: 2, name: "آتشفشانها و اقیانوسها" },
-    { id: 3, name: "نحوه جدایی صفحات کره" },
+    { id: 0, name: window.t("مقدمه") },
+    { id: 1, name: window.t("سخنی با خوانندگان") },
+    { id: 2, name: window.t("آتشفشانها و اقیانوسها") },
+    { id: 3, name: window.t("نحوه جدایی صفحات کره") },
   ],
 };
 
diff --git a/src/views/QR/index.js b/src/views/QR/index.js
index e9bbcf9..2b438b6 100644
--- a/src/views/QR/index.js
+++ b/src/views/QR/index.js
@@ -27,18 +27,18 @@ function Navigate({ path }) {
 }
 const maxDesktopSize = 1250;
 const grades = [
-  "اول",
-  "دوم",
-  "سوم",
-  "چهارم",
-  "پنجم",
-  "ششم",
-  "هفتم",
-  "هشتم",
-  "نهم",
-  "دهم",
-  "یازدهم",
-  "دوازدهم",
+  window.t("اول"),
+  window.t("دوم"),
+  window.t("سوم"),
+  window.t("چهارم"),
+  window.t("پنجم"),
+  window.t("ششم"),
+  window.t("هفتم"),
+  window.t("هشتم"),
+  window.t("نهم"),
+  window.t("دهم"),
+  window.t("یازدهم"),
+  window.t("دوازدهم"),
 ];
 class QR extends Component {
   state = {
@@ -224,7 +224,7 @@ class QR extends Component {
                         <div>
                           <img
                             src={exit}
-                            alt="انصراف"
+                            alt=window.t("انصراف")
                             onClick={() =>
                               //  this.props.logout({})
                               this.setState({ menu: !this.state.menu })
diff --git a/src/views/QRScan/LastQr/index.js b/src/views/QRScan/LastQr/index.js
index 47e8908..1548339 100644
--- a/src/views/QRScan/LastQr/index.js
+++ b/src/views/QRScan/LastQr/index.js
@@ -5,18 +5,18 @@ import "./index.scss";
 
 const grades = [
   "0",
-  "اول",
-  "دوم",
-  "سوم",
-  "چهارم",
-  "پنجم",
-  "ششم",
-  "هفتم",
-  "هشتم",
-  "نهم",
-  "دهم",
-  "یازدهم",
-  "دوازدهم",
+  window.t("اول"),
+  window.t("دوم"),
+  window.t("سوم"),
+  window.t("چهارم"),
+  window.t("پنجم"),
+  window.t("ششم"),
+  window.t("هفتم"),
+  window.t("هشتم"),
+  window.t("نهم"),
+  window.t("دهم"),
+  window.t("یازدهم"),
+  window.t("دوازدهم"),
 ];
 
 export default function LastQR(props) {
diff --git a/src/views/QRScan/Modal/index.js b/src/views/QRScan/Modal/index.js
index d9a7648..a9a0746 100644
--- a/src/views/QRScan/Modal/index.js
+++ b/src/views/QRScan/Modal/index.js
@@ -45,7 +45,7 @@ class QRModal extends Component {
                   <div className="d-flex" style={{ justifyContent: "center" }}>
                     <Input
                       name="pageNumber"
-                      // label="نام"
+                      // label=window.t("نام")
                       parent={this}
                       defaultValue={pageNumber}
                       maxLength={3}
@@ -63,7 +63,7 @@ class QRModal extends Component {
                       "/qr?id=" + (pageNumber ? "oloom4-" + pageNumber : tail)
                     }
                   >
-                    {hasZ10 ? "علوم چهارم" : "تایید"}
+                    {hasZ10 ? window.t("علوم چهارم") : window.t("تایید")}
                   </Link>
                   {hasZ10 ? (
                     <Link className="button" to={"/qr?id=" + tail}>
@@ -105,7 +105,7 @@ class QRModal extends Component {
                     </span>
                     <Input
                       name="pageNumber"
-                      // label="نام"
+                      // label=window.t("نام")
                       parent={this}
                       defaultValue={pageNumber}
                       maxLength={3}
@@ -123,7 +123,7 @@ class QRModal extends Component {
                       "/qr?id=" + (pageNumber ? "oloom4-" + pageNumber : tail)
                     }
                   >
-                    {hasZ10 ? "علوم چهارم" : "تایید"}
+                    {hasZ10 ? window.t("علوم چهارم") : window.t("تایید")}
                   </Link>
                   {hasZ10 ? (
                     <Link className="button" to={"/qr?id=" + tail}>
diff --git a/src/views/Sample/index.js b/src/views/Sample/index.js
index 116841d..6cc1fdb 100644
--- a/src/views/Sample/index.js
+++ b/src/views/Sample/index.js
@@ -35,7 +35,7 @@ export default function Sample({ fileId }) {
       >
         <Page
           pageNumber={pageNumber}
-          noData="نمونه ای برای این محصول درج نشده است"
+          noData=window.t("نمونه ای برای این محصول درج نشده است")
         />
       </Document>
       <p>
diff --git a/src/views/Support/Upload/index.js b/src/views/Support/Upload/index.js
index ff9e9bd..6642506 100644
--- a/src/views/Support/Upload/index.js
+++ b/src/views/Support/Upload/index.js
@@ -37,7 +37,7 @@ export default function Document(props) {
                 margin: "auto",
               }}
             >
-              {parent.state.file?.name || "تصویر بارگزاری شد"}
+              {parent.state.file?.name || window.t("تصویر بارگزاری شد")}
             </span>
           ) : (
             <span style={{ fontSize: fontSize.mobile.span }}>
@@ -64,7 +64,7 @@ export default function Document(props) {
                 margin: "auto",
               }}
             >
-              {parent.state.file?.name || "فایل ثبت شد"}
+              {parent.state.file?.name || window.t("فایل ثبت شد")}
             </span>
           ) : (
             <span
diff --git a/src/views/Support/index.js b/src/views/Support/index.js
index 6383932..83adbd3 100644
--- a/src/views/Support/index.js
+++ b/src/views/Support/index.js
@@ -11,19 +11,19 @@ import { connect } from "react-redux";
 const maxDesktopSize = 1250;
 const maxMobileSize = 550;
 const grades = [
-  "پیش دبستان",
-  "اول",
-  "دوم",
-  "سوم",
-  "چهارم",
-  "پنجم",
-  "ششم",
-  "هفتم",
-  "هشتم",
-  "نهم",
-  "دهم",
-  "یازدهم",
-  "دوازدهم",
+  window.t("پیش دبستان"),
+  window.t("اول"),
+  window.t("دوم"),
+  window.t("سوم"),
+  window.t("چهارم"),
+  window.t("پنجم"),
+  window.t("ششم"),
+  window.t("هفتم"),
+  window.t("هشتم"),
+  window.t("نهم"),
+  window.t("دهم"),
+  window.t("یازدهم"),
+  window.t("دوازدهم"),
 ];
 const fontSize = {
   desktop: {
@@ -81,7 +81,7 @@ class Support extends Component {
   }
   render() {
     let { status } = this.props;
-    let opt = ["واحد مورد نظر", "واحد فروش", "واحد فنی", "واحد محتوایی"];
+    let opt = [window.t("واحد مورد نظر"), window.t("واحد فروش"), window.t("واحد فنی"), window.t("واحد محتوایی")];
     opt = opt.map((e) => [e, e]);
     return (
       <>
@@ -96,11 +96,11 @@ class Support extends Component {
             {status ? null : (
               <>
                 <Input
-                  label={"نام ‌و ‌نام خانوادگی"}
+                  label={window.t("نام ‌و ‌نام خانوادگی")}
                   name={"name"}
                   parent={this}
                 />
-                <Input label={"شماره تماس"} name={"cellphone"} parent={this} />
+                <Input label={window.t(window.t(window.t("شماره تماس")))} name={"cellphone"} parent={this} />
               </>
             )}
             <Select
@@ -113,7 +113,7 @@ class Support extends Component {
               }
               parent={this}
             />
-            {this.state.unit === "واحد محتوایی" ? (
+            {this.state.unit === window.t("واحد محتوایی") ? (
               <Select
                 required
                 name="bookId"
@@ -132,7 +132,7 @@ class Support extends Component {
             ) : null}
             <Input label={"موضوع "} name={"subject"} parent={this} required />
             <Input
-              label={"متن"}
+              label={window.t("متن")}
               name={"text"}
               parent={this}
               multiline
diff --git a/yarn.lock b/yarn.lock
index afe6d37..acaa48a 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -8707,7 +8707,7 @@ mapir-react-component@^1.8.1:
 
 "material-ui-audio-player@https://github.com/RezaAshrafi77/material-ui-audio-player.git":
   version "1.6.6"
-  resolved "git+ssh://git@github.com/RezaAshrafi77/material-ui-audio-player.git#2b14d5358156644e8a5995250a3396dee9043e06"
+  resolved "https://github.com/RezaAshrafi77/material-ui-audio-player.git#2b14d5358156644e8a5995250a3396dee9043e06"
   dependencies:
     classnames "^2.2.6"