diff --git a/src/routes/setting/Overview/Language.tsx b/src/routes/setting/Overview/Language.tsx
new file mode 100644
index 00000000..8a58453f
--- /dev/null
+++ b/src/routes/setting/Overview/Language.tsx
@@ -0,0 +1,32 @@
+// import React from 'react'
+import { useTranslation } from 'react-i18next';
+import StyledRadio from "../../../common/component/styled/Radio";
+
+// type Props = {}
+
+const Index = () => {
+    const { t, i18n } = useTranslation("setting");
+    const handleGuestToggle = (v: "zh" | "en") => {
+        i18n.changeLanguage(v);
+    };
+    return (
+        <div className="text-sm">
+            <p className="dark:text-gray-100 font-semibold">{t("overview.lang.title")}</p>
+            <p className="flex justify-between w-full text-gray-400 mb-2">
+                {t("overview.lang.desc")}
+            </p>
+            <StyledRadio
+                options={[t("overview.lang.en"), t("overview.lang.zh"), t("overview.lang.jp")]}
+                values={["en", "zh", "jp"]}
+                value={i18n.language.split("-")[0]}
+                onChange={(v) => {
+                    console.log("wtff", v);
+
+                    handleGuestToggle(v);
+                }}
+            />
+        </div>
+    );
+};
+
+export default Index;
\ No newline at end of file