diff --git a/src/pages/login/index.tsx b/src/pages/login/index.tsx
index 9deda24..e75ca95 100644
--- a/src/pages/login/index.tsx
+++ b/src/pages/login/index.tsx
@@ -3,13 +3,27 @@ import { useState } from "react";
 import LoginNumberOrEmail from "./components/LoginNumberOrEmail";
 import LoginMobileForm from "./components/LoginMobileForm";
 import LoginEmailForm from "./components/LoginEmailForm";
+import { Helmet } from "react-helmet-async";
 
 const Login = () => {
   const [loginWithEmail, setLoginWithEmail] = useState<boolean>(false);
-  const [isShowLoginNumberOrEmail , setisShowLoginNumberOrEmail] = useState(true);
+  const [isShowLoginNumberOrEmail, setisShowLoginNumberOrEmail] =
+    useState(true);
 
   return (
     <>
+      <Helmet>
+        <title>ورود</title>
+        <meta
+          name="description"
+          content="بهترین خدمات پینگ برای بازی‌های آنلاین با پرشین پینگ"
+        />
+        <meta
+          name="keywords"
+          content="پرشین پینگ, خدمات پینگ, بازی آنلاین, کاهش پینگ , درباره ما"
+        />
+      </Helmet>
+
       <div className="w-4/5 rounded-lg shadow md:mt-0 sm:max-w-md xl:p-0 glass">
         <div className="p-6 space-y-4 md:space-y-6 sm:p-8">
           <h1 className="text-2xl font-bold text-center leading-tight tracking-tight md:text-3xl text-white">
@@ -21,7 +35,13 @@ const Login = () => {
               setLoginWithEmail={setLoginWithEmail}
             />
           )}
-          {!loginWithEmail ? <LoginMobileForm setisShowLoginNumberOrEmail={setisShowLoginNumberOrEmail} /> : <LoginEmailForm />}
+          {!loginWithEmail ? (
+            <LoginMobileForm
+              setisShowLoginNumberOrEmail={setisShowLoginNumberOrEmail}
+            />
+          ) : (
+            <LoginEmailForm />
+          )}
         </div>
       </div>
     </>