diff --git a/src/app/page.tsx b/src/app/page.tsx
index 3a29900..2cad65b 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -10,7 +10,7 @@ import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
 import ContactCenter from "@/components/sections/contact/ContactCenter";
 import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
 import LanguageToggle from "@/components/language/LanguageToggle";
-import { Coffee, MapPin, Phone, Mail, Clock } from "lucide-react";
+import { Coffee, Mail, Clock } from "lucide-react";
 import { useState, useEffect } from "react";
 
 export default function HomePage() {
@@ -22,6 +22,7 @@ export default function HomePage() {
     setIsClient(true);
     const savedLang = (localStorage.getItem('site-language') || 'en') as 'en' | 'tr';
     setLanguage(savedLang);
+    document.documentElement.lang = savedLang;
   }, []);
 
   const handleLanguageChange = (newLang: 'en' | 'tr') => {
@@ -98,13 +99,13 @@ export default function HomePage() {
         <div className="max-w-7xl mx-auto">
           <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6 mb-12">
             <div className="flex flex-col items-center text-center p-6 rounded-lg bg-[var(--card)] border border-[var(--accent)] hover:shadow-lg transition-all">
-              <MapPin className="w-8 h-8 text-[var(--primary-cta)] mb-3" />
+              <div className="w-8 h-8 text-[var(--primary-cta)] mb-3 flex items-center justify-center">📍</div>
               <h3 className="font-bold text-lg text-[var(--foreground)] mb-2">{currentText.contactLocTitle}</h3>
               <p className="text-[var(--foreground)] text-sm">{currentText.contactLocAddr1}</p>
               <p className="text-[var(--foreground)] text-sm">{currentText.contactLocAddr2}</p>
             </div>
             <div className="flex flex-col items-center text-center p-6 rounded-lg bg-[var(--card)] border border-[var(--accent)] hover:shadow-lg transition-all">
-              <Phone className="w-8 h-8 text-[var(--primary-cta)] mb-3" />
+              <div className="w-8 h-8 text-[var(--primary-cta)] mb-3 flex items-center justify-center">📞</div>
               <h3 className="font-bold text-lg text-[var(--foreground)] mb-2">{currentText.contactPhoneTitle}</h3>
               <a href="tel:+905365840168" className="text-[var(--primary-cta)] hover:underline text-sm">{currentText.contactPhone}</a>
             </div>