diff --git a/api.ts b/api.ts
index 0871f4f..4309a11 100644
--- a/api.ts
+++ b/api.ts
@@ -1,5 +1,6 @@
 export const API_URL_ROOT = process.env.NEXT_PUBLIC_API_URL_ROOT || "";
 export const URL_MEDIA = "https://cdn.kain.id.vn/history-app/"
+export const HOME_URL = "http://localhost:3000"
 export const API = {
   User : {
     CURRENT: `${API_URL_ROOT}/users/current`,
diff --git a/src/components/auth/SignInForm.tsx b/src/components/auth/SignInForm.tsx
index f9872e5..c0bd3c4 100644
--- a/src/components/auth/SignInForm.tsx
+++ b/src/components/auth/SignInForm.tsx
@@ -8,7 +8,7 @@ import { apiGetCurrentUser, apiSignIn } from "@/service/auth";
 import Link from "next/link";
 import React, { useState } from "react";
 import { toast } from "sonner";
-import { API } from "../../../api";
+import { API, HOME_URL } from "../../../api";
 import { setUserData } from "@/store/features/userSlice";
 import { useDispatch } from "react-redux";
 import { useRouter } from "next/navigation";
@@ -112,7 +112,7 @@ export default function SignInForm() {
             <div className="grid grid-cols-1 gap-3 sm:grid-cols-2 sm:gap-5">
               <button
                 onClick={() => {
-                  const redirectUrl = "http://localhost:3000";
+                  const redirectUrl = HOME_URL;
                   window.location.href = `${API.Auth.GOOGLE_LOGIN}?redirect=${redirectUrl}`;
                 }}
                 className="inline-flex items-center justify-center gap-3 py-3 text-sm font-normal text-gray-700 transition-colors bg-gray-100 rounded-lg px-7 hover:bg-gray-200 hover:text-gray-800 dark:bg-white/5 dark:text-white/90 dark:hover:bg-white/10"
diff --git a/src/components/auth/SignUpForm.tsx b/src/components/auth/SignUpForm.tsx
index 483dc0a..a36eab4 100644
--- a/src/components/auth/SignUpForm.tsx
+++ b/src/components/auth/SignUpForm.tsx
@@ -7,7 +7,7 @@ import { apiCreateOTP, apiSignUp, apiVerifyOTP } from "@/service/auth";
 import Link from "next/link";
 import { useState } from "react";
 import { toast } from "sonner";
-import { API } from "../../../api";
+import { API, HOME_URL } from "../../../api";
 
 export default function SignUpForm() {
   const [showPassword, setShowPassword] = useState(false);
@@ -156,7 +156,7 @@ export default function SignUpForm() {
               <div className="grid grid-cols-1 gap-3 sm:grid-cols-2 sm:gap-5">
                 <button
                   onClick={() => {
-                    const redirectUrl = "http://localhost:3000";
+                    const redirectUrl = HOME_URL;
                     window.location.href = `${API.Auth.GOOGLE_LOGIN}?redirect=${redirectUrl}`;
                   }}
                   className="inline-flex items-center justify-center gap-3 py-3 text-sm font-normal text-gray-700 transition-colors bg-gray-100 rounded-lg px-7 hover:bg-gray-200 hover:text-gray-800 dark:bg-white/5 dark:text-white/90 dark:hover:bg-white/10"