diff --git a/src/app/page.tsx b/src/app/page.tsx
index aeb2d1d..c7c4e1b 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -20,20 +20,20 @@ const translations = {
 };
 
 export default function HomePage() {
-  const [language, setLanguage] = useState<"en" | "tr">("en");
-  const [isLoading, setIsLoading] = useState(true);
-
-  useEffect(() => {
-    setIsLoading(false);
-  }, []);
-
-  useEffect(() => {
-    if (!isLoading) {
-      const savedLang = (localStorage.getItem("siteLanguage") || "en") as "en" | "tr";
-      setLanguage(savedLang);
-      document.documentElement.lang = savedLang;
+  const [language, setLanguage] = useState<"en" | "tr">(() => {
+    if (typeof window !== "undefined") {
+      return (localStorage.getItem("siteLanguage") || "en") as "en" | "tr";
     }
-  }, [isLoading]);
+    return "en";
+  });
+
+  useEffect(() => {
+    const savedLang = (localStorage.getItem("siteLanguage") || "en") as "en" | "tr";
+    if (savedLang !== language) {
+      setLanguage(savedLang);
+    }
+    document.documentElement.lang = savedLang;
+  }, []);
 
   const handleLanguageChange = (lang: "en" | "tr") => {
     setLanguage(lang);
@@ -43,10 +43,6 @@ export default function HomePage() {
 
   const t = translations[language];
 
-  if (isLoading) {
-    return null;
-  }
-
   const navItems = [
     { name: t.home, id: "/" },
     { name: t.about, id: "about" },