diff --git a/apps/dokploy/components/dashboard/settings/appearance-form.tsx b/apps/dokploy/components/dashboard/settings/appearance-form.tsx
index b7fe20e8..f0b2e680 100644
--- a/apps/dokploy/components/dashboard/settings/appearance-form.tsx
+++ b/apps/dokploy/components/dashboard/settings/appearance-form.tsx
@@ -4,28 +4,28 @@ import * as z from "zod";
 
 import { Button } from "@/components/ui/button";
 import {
-	Card,
-	CardContent,
-	CardDescription,
-	CardHeader,
-	CardTitle,
+    Card,
+    CardContent,
+    CardDescription,
+    CardHeader,
+    CardTitle,
 } from "@/components/ui/card";
 import {
-	Form,
-	FormControl,
-	FormDescription,
-	FormField,
-	FormItem,
-	FormLabel,
-	FormMessage,
+    Form,
+    FormControl,
+    FormDescription,
+    FormField,
+    FormItem,
+    FormLabel,
+    FormMessage,
 } from "@/components/ui/form";
 import { RadioGroup, RadioGroupItem } from "@/components/ui/radio-group";
 import {
-	Select,
-	SelectContent,
-	SelectItem,
-	SelectTrigger,
-	SelectValue,
+    Select,
+    SelectContent,
+    SelectItem,
+    SelectTrigger,
+    SelectValue,
 } from "@/components/ui/select";
 import useLocale from "@/utils/hooks/use-locale";
 import { useTranslation } from "next-i18next";
@@ -34,167 +34,226 @@ import { useEffect } from "react";
 import { toast } from "sonner";
 
 const appearanceFormSchema = z.object({
-	theme: z.enum(["light", "dark", "system"], {
-		required_error: "Please select a theme.",
-	}),
-	language: z.enum(["en", "pl", "ru", "de", "zh-Hant", "zh-Hans"], {
-		required_error: "Please select a language.",
-	}),
+    theme: z.enum(["light", "dark", "system"], {
+        required_error: "Please select a theme.",
+    }),
+    language: z.enum(["en", "pl", "ru", "de", "zh-Hant", "zh-Hans", "fa"], {
+        required_error: "Please select a language.",
+    }),
 });
 
 type AppearanceFormValues = z.infer<typeof appearanceFormSchema>;
 
 // This can come from your database or API.
 const defaultValues: Partial<AppearanceFormValues> = {
-	theme: "system",
-	language: "en",
+    theme: "system",
+    language: "en",
 };
 
 export function AppearanceForm() {
-	const { setTheme, theme } = useTheme();
-	const { locale, setLocale } = useLocale();
-	const { t } = useTranslation("settings");
+    const { setTheme, theme } = useTheme();
+    const { locale, setLocale } = useLocale();
+    const { t } = useTranslation("settings");
 
-	const form = useForm<AppearanceFormValues>({
-		resolver: zodResolver(appearanceFormSchema),
-		defaultValues,
-	});
+    const form = useForm<AppearanceFormValues>({
+        resolver: zodResolver(appearanceFormSchema),
+        defaultValues,
+    });
 
-	useEffect(() => {
-		form.reset({
-			theme: (theme ?? "system") as AppearanceFormValues["theme"],
-			language: locale,
-		});
-	}, [form, theme, locale]);
-	function onSubmit(data: AppearanceFormValues) {
-		setTheme(data.theme);
-		setLocale(data.language);
-		toast.success("Preferences Updated");
-	}
+    useEffect(() => {
+        form.reset({
+            theme: (theme ?? "system") as AppearanceFormValues["theme"],
+            language: locale,
+        });
+    }, [form, theme, locale]);
+    function onSubmit(data: AppearanceFormValues) {
+        setTheme(data.theme);
+        setLocale(data.language);
+        toast.success("Preferences Updated");
+    }
 
-	return (
-		<Card className="bg-transparent">
-			<CardHeader>
-				<CardTitle className="text-xl">
-					{t("settings.appearance.title")}
-				</CardTitle>
-				<CardDescription>
-					{t("settings.appearance.description")}
-				</CardDescription>
-			</CardHeader>
-			<CardContent className="space-y-2">
-				<Form {...form}>
-					<form onSubmit={form.handleSubmit(onSubmit)} className="space-y-8">
-						<FormField
-							control={form.control}
-							name="theme"
-							defaultValue={form.control._defaultValues.theme}
-							render={({ field }) => {
-								return (
-									<FormItem className="space-y-1 ">
-										<FormLabel>{t("settings.appearance.theme")}</FormLabel>
-										<FormDescription>
-											{t("settings.appearance.themeDescription")}
-										</FormDescription>
-										<FormMessage />
-										<RadioGroup
-											onValueChange={field.onChange}
-											defaultValue={field.value}
-											value={field.value}
-											className="grid max-w-md md:max-w-lg grid-cols-1 sm:grid-cols-3 gap-8 pt-2"
-										>
-											<FormItem>
-												<FormLabel className="[&:has([data-state=checked])>div]:border-primary">
-													<FormControl>
-														<RadioGroupItem value="light" className="sr-only" />
-													</FormControl>
-													<div className="items-center rounded-md border-2 border-muted p-1 hover:bg-accent transition-colors cursor-pointer">
-														<img src="/images/theme-light.svg" alt="light" />
-													</div>
-													<span className="block w-full p-2 text-center font-normal">
-														{t("settings.appearance.themes.light")}
-													</span>
-												</FormLabel>
-											</FormItem>
-											<FormItem>
-												<FormLabel className="[&:has([data-state=checked])>div]:border-primary">
-													<FormControl>
-														<RadioGroupItem value="dark" className="sr-only" />
-													</FormControl>
-													<div className="items-center rounded-md border-2 border-muted bg-popover p-1 transition-colors hover:bg-accent hover:text-accent-foreground cursor-pointer">
-														<img src="/images/theme-dark.svg" alt="dark" />
-													</div>
-													<span className="block w-full p-2 text-center font-normal">
-														{t("settings.appearance.themes.dark")}
-													</span>
-												</FormLabel>
-											</FormItem>
-											<FormItem>
-												<FormLabel className="[&:has([data-state=checked])>div]:border-primary">
-													<FormControl>
-														<RadioGroupItem
-															value="system"
-															className="sr-only"
-														/>
-													</FormControl>
-													<div className="items-center rounded-md border-2 border-muted bg-popover p-1 transition-colors hover:bg-accent hover:text-accent-foreground cursor-pointer">
-														<img src="/images/theme-system.svg" alt="system" />
-													</div>
-													<span className="block w-full p-2 text-center font-normal">
-														{t("settings.appearance.themes.system")}
-													</span>
-												</FormLabel>
-											</FormItem>
-										</RadioGroup>
-									</FormItem>
-								);
-							}}
-						/>
+    return (
+        <Card className="bg-transparent">
+            <CardHeader>
+                <CardTitle className="text-xl">
+                    {t("settings.appearance.title")}
+                </CardTitle>
+                <CardDescription>
+                    {t("settings.appearance.description")}
+                </CardDescription>
+            </CardHeader>
+            <CardContent className="space-y-2">
+                <Form {...form}>
+                    <form
+                        onSubmit={form.handleSubmit(onSubmit)}
+                        className="space-y-8"
+                    >
+                        <FormField
+                            control={form.control}
+                            name="theme"
+                            defaultValue={form.control._defaultValues.theme}
+                            render={({ field }) => {
+                                return (
+                                    <FormItem className="space-y-1 ">
+                                        <FormLabel>
+                                            {t("settings.appearance.theme")}
+                                        </FormLabel>
+                                        <FormDescription>
+                                            {t(
+                                                "settings.appearance.themeDescription"
+                                            )}
+                                        </FormDescription>
+                                        <FormMessage />
+                                        <RadioGroup
+                                            onValueChange={field.onChange}
+                                            defaultValue={field.value}
+                                            value={field.value}
+                                            className="grid max-w-md md:max-w-lg grid-cols-1 sm:grid-cols-3 gap-8 pt-2"
+                                        >
+                                            <FormItem>
+                                                <FormLabel className="[&:has([data-state=checked])>div]:border-primary">
+                                                    <FormControl>
+                                                        <RadioGroupItem
+                                                            value="light"
+                                                            className="sr-only"
+                                                        />
+                                                    </FormControl>
+                                                    <div className="items-center rounded-md border-2 border-muted p-1 hover:bg-accent transition-colors cursor-pointer">
+                                                        <img
+                                                            src="/images/theme-light.svg"
+                                                            alt="light"
+                                                        />
+                                                    </div>
+                                                    <span className="block w-full p-2 text-center font-normal">
+                                                        {t(
+                                                            "settings.appearance.themes.light"
+                                                        )}
+                                                    </span>
+                                                </FormLabel>
+                                            </FormItem>
+                                            <FormItem>
+                                                <FormLabel className="[&:has([data-state=checked])>div]:border-primary">
+                                                    <FormControl>
+                                                        <RadioGroupItem
+                                                            value="dark"
+                                                            className="sr-only"
+                                                        />
+                                                    </FormControl>
+                                                    <div className="items-center rounded-md border-2 border-muted bg-popover p-1 transition-colors hover:bg-accent hover:text-accent-foreground cursor-pointer">
+                                                        <img
+                                                            src="/images/theme-dark.svg"
+                                                            alt="dark"
+                                                        />
+                                                    </div>
+                                                    <span className="block w-full p-2 text-center font-normal">
+                                                        {t(
+                                                            "settings.appearance.themes.dark"
+                                                        )}
+                                                    </span>
+                                                </FormLabel>
+                                            </FormItem>
+                                            <FormItem>
+                                                <FormLabel className="[&:has([data-state=checked])>div]:border-primary">
+                                                    <FormControl>
+                                                        <RadioGroupItem
+                                                            value="system"
+                                                            className="sr-only"
+                                                        />
+                                                    </FormControl>
+                                                    <div className="items-center rounded-md border-2 border-muted bg-popover p-1 transition-colors hover:bg-accent hover:text-accent-foreground cursor-pointer">
+                                                        <img
+                                                            src="/images/theme-system.svg"
+                                                            alt="system"
+                                                        />
+                                                    </div>
+                                                    <span className="block w-full p-2 text-center font-normal">
+                                                        {t(
+                                                            "settings.appearance.themes.system"
+                                                        )}
+                                                    </span>
+                                                </FormLabel>
+                                            </FormItem>
+                                        </RadioGroup>
+                                    </FormItem>
+                                );
+                            }}
+                        />
 
-						<FormField
-							control={form.control}
-							name="language"
-							defaultValue={form.control._defaultValues.language}
-							render={({ field }) => {
-								return (
-									<FormItem className="space-y-1">
-										<FormLabel>{t("settings.appearance.language")}</FormLabel>
-										<FormDescription>
-											{t("settings.appearance.languageDescription")}
-										</FormDescription>
-										<FormMessage />
-										<Select
-											onValueChange={field.onChange}
-											defaultValue={field.value}
-											value={field.value}
-										>
-											<SelectTrigger>
-												<SelectValue placeholder="No preset selected" />
-											</SelectTrigger>
-											<SelectContent>
-												{[
-													{ label: "English", value: "en" },
-													{ label: "Polski", value: "pl" },
-													{ label: "Русский", value: "ru" },
-													{ label: "Deutsch", value: "de" },
-													{ label: "繁體中文", value: "zh-Hant" },
-													{ label: "简体中文", value: "zh-Hans" }
-												].map((preset) => (
-													<SelectItem key={preset.label} value={preset.value}>
-														{preset.label}
-													</SelectItem>
-												))}
-											</SelectContent>
-										</Select>
-									</FormItem>
-								);
-							}}
-						/>
+                        <FormField
+                            control={form.control}
+                            name="language"
+                            defaultValue={form.control._defaultValues.language}
+                            render={({ field }) => {
+                                return (
+                                    <FormItem className="space-y-1">
+                                        <FormLabel>
+                                            {t("settings.appearance.language")}
+                                        </FormLabel>
+                                        <FormDescription>
+                                            {t(
+                                                "settings.appearance.languageDescription"
+                                            )}
+                                        </FormDescription>
+                                        <FormMessage />
+                                        <Select
+                                            onValueChange={field.onChange}
+                                            defaultValue={field.value}
+                                            value={field.value}
+                                        >
+                                            <SelectTrigger>
+                                                <SelectValue placeholder="No preset selected" />
+                                            </SelectTrigger>
+                                            <SelectContent>
+                                                {[
+                                                    {
+                                                        label: "English",
+                                                        value: "en",
+                                                    },
+                                                    {
+                                                        label: "Polski",
+                                                        value: "pl",
+                                                    },
+                                                    {
+                                                        label: "Русский",
+                                                        value: "ru",
+                                                    },
+                                                    {
+                                                        label: "Deutsch",
+                                                        value: "de",
+                                                    },
+                                                    {
+                                                        label: "繁體中文",
+                                                        value: "zh-Hant",
+                                                    },
+                                                    {
+                                                        label: "简体中文",
+                                                        value: "zh-Hans",
+                                                    },
+                                                    {
+                                                        label: "Persian",
+                                                        value: "fa",
+                                                    },
+                                                ].map((preset) => (
+                                                    <SelectItem
+                                                        key={preset.label}
+                                                        value={preset.value}
+                                                    >
+                                                        {preset.label}
+                                                    </SelectItem>
+                                                ))}
+                                            </SelectContent>
+                                        </Select>
+                                    </FormItem>
+                                );
+                            }}
+                        />
 
-						<Button type="submit">{t("settings.common.save")}</Button>
-					</form>
-				</Form>
-			</CardContent>
-		</Card>
-	);
+                        <Button type="submit">
+                            {t("settings.common.save")}
+                        </Button>
+                    </form>
+                </Form>
+            </CardContent>
+        </Card>
+    );
 }
diff --git a/apps/dokploy/next-i18next.config.cjs b/apps/dokploy/next-i18next.config.cjs
index 30f82e64..f8be0f2d 100644
--- a/apps/dokploy/next-i18next.config.cjs
+++ b/apps/dokploy/next-i18next.config.cjs
@@ -1,10 +1,10 @@
 /** @type {import('next-i18next').UserConfig} */
 module.exports = {
-	i18n: {
-		defaultLocale: "en",
-		locales: ["en", "pl", "ru", "de", "zh-Hant", "zh-Hans"],
-		localeDetection: false,
-	},
-	fallbackLng: "en",
-	keySeparator: false,
+    i18n: {
+        defaultLocale: "en",
+        locales: ["en", "pl", "ru", "de", "zh-Hant", "zh-Hans", "fa"],
+        localeDetection: false,
+    },
+    fallbackLng: "en",
+    keySeparator: false,
 };
diff --git a/apps/dokploy/pages/_app.tsx b/apps/dokploy/pages/_app.tsx
index d1d95123..517dcd89 100644
--- a/apps/dokploy/pages/_app.tsx
+++ b/apps/dokploy/pages/_app.tsx
@@ -14,68 +14,70 @@ import type { ReactElement, ReactNode } from "react";
 const inter = Inter({ subsets: ["latin"] });
 
 export type NextPageWithLayout<P = {}, IP = P> = NextPage<P, IP> & {
-	getLayout?: (page: ReactElement) => ReactNode;
-	// session: Session | null;
-	theme?: string;
+    getLayout?: (page: ReactElement) => ReactNode;
+    // session: Session | null;
+    theme?: string;
 };
 
 type AppPropsWithLayout = AppProps & {
-	Component: NextPageWithLayout;
+    Component: NextPageWithLayout;
 };
 
 const MyApp = ({
-	Component,
-	pageProps: { ...pageProps },
+    Component,
+    pageProps: { ...pageProps },
 }: AppPropsWithLayout) => {
-	const getLayout = Component.getLayout ?? ((page) => page);
+    const getLayout = Component.getLayout ?? ((page) => page);
 
-	return (
-		<>
-			<style jsx global>{`
-        :root {
-          --font-inter: ${inter.style.fontFamily};
-        }
-      `}</style>
-			<Head>
-				<title>Dokploy</title>
-			</Head>
-			{process.env.NEXT_PUBLIC_UMAMI_HOST &&
-				process.env.NEXT_PUBLIC_UMAMI_WEBSITE_ID && (
-					<Script
-						src={process.env.NEXT_PUBLIC_UMAMI_HOST}
-						data-website-id={process.env.NEXT_PUBLIC_UMAMI_WEBSITE_ID}
-					/>
-				)}
+    return (
+        <>
+            <style jsx global>{`
+                :root {
+                    --font-inter: ${inter.style.fontFamily};
+                }
+            `}</style>
+            <Head>
+                <title>Dokploy</title>
+            </Head>
+            {process.env.NEXT_PUBLIC_UMAMI_HOST &&
+                process.env.NEXT_PUBLIC_UMAMI_WEBSITE_ID && (
+                    <Script
+                        src={process.env.NEXT_PUBLIC_UMAMI_HOST}
+                        data-website-id={
+                            process.env.NEXT_PUBLIC_UMAMI_WEBSITE_ID
+                        }
+                    />
+                )}
 
-			<ThemeProvider
-				attribute="class"
-				defaultTheme="system"
-				enableSystem
-				disableTransitionOnChange
-				forcedTheme={Component.theme}
-			>
-				<Toaster richColors />
-				{getLayout(<Component {...pageProps} />)}
-			</ThemeProvider>
-		</>
-	);
+            <ThemeProvider
+                attribute="class"
+                defaultTheme="system"
+                enableSystem
+                disableTransitionOnChange
+                forcedTheme={Component.theme}
+            >
+                <Toaster richColors />
+                {getLayout(<Component {...pageProps} />)}
+            </ThemeProvider>
+        </>
+    );
 };
 
 export default api.withTRPC(
-	appWithTranslation(
-		MyApp,
-		// keep this in sync with next-i18next.config.js
-		// if you want to know why don't just import the config file, this because next-i18next.config.js must be a CJS, but the rest of the code is ESM.
-		// Add the config here is due to the issue: https://github.com/i18next/next-i18next/issues/2259
-		// if one day every page is translated, we can safely remove this config.
-		{
-			i18n: {
-				defaultLocale: "en",
-				locales: ["en", "pl", "ru", "de", "zh-Hant", "zh-Hans"],
-				localeDetection: false,
-			},
-			fallbackLng: "en",
-			keySeparator: false,
-		},
-	),
+    appWithTranslation(
+        MyApp,
+        // keep this in sync with next-i18next.config.js
+        // if you want to know why don't just import the config file, this because next-i18next.config.js must be a CJS, but the rest of the code is ESM.
+        // Add the config here is due to the issue: https://github.com/i18next/next-i18next/issues/2259
+        // if one day every page is translated, we can safely remove this config.
+        {
+            i18n: {
+                defaultLocale: "en",
+                locales: ["en", "pl", "ru", "de", "zh-Hant", "zh-Hans", "fa"],
+                localeDetection: false,
+            },
+            fallbackLng: "en",
+            keySeparator: false,
+        }
+    )
 );
diff --git a/apps/dokploy/public/locales/fa/common.json b/apps/dokploy/public/locales/fa/common.json
new file mode 100644
index 00000000..0967ef42
--- /dev/null
+++ b/apps/dokploy/public/locales/fa/common.json
@@ -0,0 +1 @@
+{}
diff --git a/apps/dokploy/public/locales/fa/settings.json b/apps/dokploy/public/locales/fa/settings.json
new file mode 100644
index 00000000..d2ecd6fd
--- /dev/null
+++ b/apps/dokploy/public/locales/fa/settings.json
@@ -0,0 +1,45 @@
+
+{
+	"settings.common.save": "ذخیره",
+	"settings.server.domain.title": "دامنه سرور",
+	"settings.server.domain.description": "یک دامنه به برنامه سرور خود اضافه کنید.",
+	"settings.server.domain.form.domain": "دامنه",
+	"settings.server.domain.form.letsEncryptEmail": "ایمیل Let's Encrypt",
+	"settings.server.domain.form.certificate.label": "گواهینامه",
+	"settings.server.domain.form.certificate.placeholder": "یک گواهینامه انتخاب کنید",
+	"settings.server.domain.form.certificateOptions.none": "هیچکدام",
+	"settings.server.domain.form.certificateOptions.letsencrypt": "Let's Encrypt (پیش‌فرض)",
+
+	"settings.server.webServer.title": "وب سرور",
+	"settings.server.webServer.description": "وب سرور را بازنشانی یا پاک کنید.",
+	"settings.server.webServer.actions": "اقدامات",
+	"settings.server.webServer.reload": "بارگذاری مجدد",
+	"settings.server.webServer.watchLogs": "مشاهده گزارش‌ها",
+	"settings.server.webServer.updateServerIp": "به‌روزرسانی آی‌پی سرور",
+	"settings.server.webServer.server.label": "سرور",
+	"settings.server.webServer.traefik.label": "ترافیک",
+	"settings.server.webServer.traefik.modifyEnv": "ویرایش محیط",
+	"settings.server.webServer.storage.label": "فضا",
+	"settings.server.webServer.storage.cleanUnusedImages": "پاکسازی Image های بدون استفاده",
+	"settings.server.webServer.storage.cleanUnusedVolumes": "پاک‌سازی ولوم‌های بدون استفاده",
+	"settings.server.webServer.storage.cleanStoppedContainers": "پاک‌سازی کانتینرهای متوقف‌شده",
+	"settings.server.webServer.storage.cleanDockerBuilder": "پاک‌سازی بیلدر و سیستم داکر",
+	"settings.server.webServer.storage.cleanMonitoring": "پاک‌سازی پایش",
+	"settings.server.webServer.storage.cleanAll": "پاک‌سازی همه",
+
+	"settings.profile.title": "حساب کاربری",
+	"settings.profile.description": "جزئیات پروفایل خود را در اینجا تغییر دهید.",
+	"settings.profile.email": "ایمیل",
+	"settings.profile.password": "رمز عبور",
+	"settings.profile.avatar": "تصویر پروفایل",
+
+	"settings.appearance.title": "ظاهر",
+	"settings.appearance.description": "تم داشبورد خود را سفارشی کنید.",
+	"settings.appearance.theme": "تم",
+	"settings.appearance.themeDescription": "یک تم برای داشبورد خود انتخاب کنید",
+	"settings.appearance.themes.light": "روشن",
+	"settings.appearance.themes.dark": "تاریک",
+	"settings.appearance.themes.system": "سیستم",
+	"settings.appearance.language": "زبان",
+	"settings.appearance.languageDescription": "یک زبان برای داشبورد خود انتخاب کنید"
+}
diff --git a/apps/dokploy/utils/hooks/use-locale.ts b/apps/dokploy/utils/hooks/use-locale.ts
index a1897ce0..5a8ed4e9 100644
--- a/apps/dokploy/utils/hooks/use-locale.ts
+++ b/apps/dokploy/utils/hooks/use-locale.ts
@@ -1,19 +1,27 @@
 import Cookies from "js-cookie";
 
-const SUPPORTED_LOCALES = ["en", "pl", "ru", "de", "zh-Hant", "zh-Hans"] as const;
+const SUPPORTED_LOCALES = [
+    "en",
+    "pl",
+    "ru",
+    "de",
+    "zh-Hant",
+    "zh-Hans",
+    "fa",
+] as const;
 
 type Locale = (typeof SUPPORTED_LOCALES)[number];
 
 export default function useLocale() {
-	const currentLocale = (Cookies.get("DOKPLOY_LOCALE") ?? "en") as Locale;
+    const currentLocale = (Cookies.get("DOKPLOY_LOCALE") ?? "en") as Locale;
 
-	const setLocale = (locale: Locale) => {
-		Cookies.set("DOKPLOY_LOCALE", locale, { expires: 365 });
-		window.location.reload();
-	};
+    const setLocale = (locale: Locale) => {
+        Cookies.set("DOKPLOY_LOCALE", locale, { expires: 365 });
+        window.location.reload();
+    };
 
-	return {
-		locale: currentLocale,
-		setLocale,
-	};
+    return {
+        locale: currentLocale,
+        setLocale,
+    };
 }