diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index 201ddaf..dba7946 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -18,11 +18,12 @@ export default function RootLayout({
     <html lang="en">
       <head>
         <script
+          type="text/javascript"
           dangerouslySetInnerHTML={{
             __html: `
               (function() {
-                const savedLang = localStorage.getItem('site-language') || 'en';
-                window.__siteLanguage = savedLang;
+                const savedLang = localStorage.getItem('siteLanguage') || 'en';
+                window.siteLanguage = savedLang;
                 document.documentElement.lang = savedLang;
               })();
             `,
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 94e8392..20e6124 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -1,5 +1,6 @@
 "use client";
 
+import { useEffect, useState } from "react";
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
 import HeroOverlay from "@/components/sections/hero/HeroOverlay";
@@ -9,58 +10,45 @@ import TestimonialCardTen from "@/components/sections/testimonial/TestimonialCar
 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, Mail, Clock } from "lucide-react";
-import { useState, useEffect } from "react";
+import { Coffee, MapPin, Phone, Mail, Clock } from "lucide-react";
+
+const translations = {
+  en: {
+    home: "Home",    about: "About",    services: "Services",    contact: "Contact",    cafeName: "Aroma Café 100. Yıl",    heroTitle: "Aroma Café 100. Yıl",    heroDescription: "Experience premium Turkish coffee culture in the heart of Ankara. A sanctuary for coffee lovers seeking authentic flavors and warm hospitality.",    heroTag: "Since 2024",    reserveButton: "Reserve a Table",    callButton: "Call Now",    locationTitle: "Location",    locationArea: "İşçi Blokları Mah.",    locationCity: "Ankara, Turkey",    phoneTitle: "Phone",    phoneNumber: "+90 536 584 0168",    emailTitle: "Email",    emailAddress: "info@aromacafe.com",    hoursTitle: "Hours",    hoursTime: "Mon-Sun: 8AM-10PM",    aboutTitle: "About Our Café",    aboutDesc1: "Aroma Café 100. Yıl is Ankara's premier destination for authentic Turkish coffee and pastries. Nestled in the vibrant İşçi Blokları neighborhood, we blend tradition with modern comfort.",    aboutDesc2: "Our expertly trained baristas craft each cup with precision, using carefully selected coffee beans sourced from the finest Turkish suppliers. We're dedicated to creating not just coffee, but an experience—a moment of tranquility in your day.",    aboutDesc3: "Whether you're a seasoned coffee enthusiast or discovering your first perfect cup, Aroma Café welcomes you to our warm, welcoming space.",    aboutReserveBtn: "Reserve Now",    servicesTitle: "Our Specialty Services",    servicesDesc: "From traditional Turkish coffee preparation to modern espresso techniques, we offer a diverse range of premium beverages and authentic pastries.",    servicesTag: "What We Offer",    service1Title: "Traditional Turkish Coffee",    service1Desc: "Experience authentic Turkish coffee prepared according to century-old traditions. Perfectly ground, aromatic, and served in traditional fincan cups. Each sip tells a story of heritage and craftsmanship.",    service2Title: "Specialty Espresso Drinks",    service2Desc: "Our skilled baristas create artisanal espresso-based beverages using premium single-origin beans. From velvety cappuccinos to rich macchiatos, every drink is a masterpiece.",    service3Title: "Fresh Pastries & Desserts",    service3Desc: "Enjoy authentic Turkish pastries, baklava, and fresh-baked goods that pair perfectly with your chosen beverage. All items prepared fresh daily using traditional recipes.",    service4Title: "Private Events & Catering",    service4Desc: "Host your special occasions at Aroma Café. We offer custom catering packages, private event spaces, and dedicated service for corporate events and celebrations.",    testimonialsTitle: "What Our Guests Say",    testimonialsDesc: "Join hundreds of satisfied customers who have discovered their favorite café in Ankara.",    testimonial1Title: "The Perfect Morning Ritual",    testimonial1Quote: "I've tried many coffee shops in Ankara, but Aroma Café stands out. The Turkish coffee here is authentic and perfectly prepared every single time. It's become my morning ritual.",    testimonial1Name: "Mehmet Yılmaz",    testimonial1Role: "Business Owner",    testimonial2Title: "A Hidden Gem",    testimonial2Quote: "The ambiance is wonderful, the staff is incredibly friendly, and the pastries are simply delicious. This place feels like a second home. I recommend it to all my friends.",    testimonial2Name: "Zeynep Kaya",    testimonial2Role: "Marketing Director",    testimonial3Title: "Professional Excellence",    testimonial3Quote: "The baristas here really know their craft. I appreciate the attention to detail in every aspect—from bean selection to the final presentation. Truly professional.",    testimonial3Name: "Ali Demir",    testimonial3Role: "Software Engineer",    testimonial4Title: "Perfect for Meetings",    testimonial4Quote: "I've hosted numerous business meetings here. The quiet environment, comfortable seating, and excellent service make it ideal for professional conversations. Highly recommended!",    testimonial4Name: "Ayşe Şahin",    testimonial4Role: "Project Manager",    socialProofTitle: "Trusted by Coffee Enthusiasts",    socialProofDesc: "Partnering with premium suppliers to bring you the finest Turkish coffee and authentic pastries.",    socialProofTag: "Partners & Suppliers",    contactTag: "Get In Touch",    contactTitle: "Join Our Coffee Community",    contactDesc: "Subscribe to our newsletter for exclusive offers, new menu items, and special events. Or reach out to us directly for reservations and inquiries.",    contactPlaceholder: "Enter your email",    contactButton: "Subscribe",    contactTerms: "We respect your privacy. Unsubscribe at any time. By subscribing, you agree to our terms and promotional updates.",    privacyLink: "Privacy Policy",    termsLink: "Terms of Service"},
+  tr: {
+    home: "Anasayfa",    about: "Hakkında",    services: "Hizmetler",    contact: "İletişim",    cafeName: "Aroma Café 100. Yıl",    heroTitle: "Aroma Café 100. Yıl",    heroDescription: "Ankara'nın kalbinde otantik Türk kahvesi kültürünü yaşayın. Gerçek lezzetler ve sıcak misafirperverlik arayan kahveseverler için bir sığınak.",    heroTag: "2024'ten Beri",    reserveButton: "Masa Ayırt Et",    callButton: "Şimdi Ara",    locationTitle: "Konum",    locationArea: "İşçi Blokları Mah.",    locationCity: "Ankara, Türkiye",    phoneTitle: "Telefon",    phoneNumber: "+90 536 584 0168",    emailTitle: "E-posta",    emailAddress: "info@aromacafe.com",    hoursTitle: "Saatler",    hoursTime: "Pzt-Paz: 08:00-22:00",    aboutTitle: "Kafemiz Hakkında",    aboutDesc1: "Aroma Café 100. Yıl, Ankara'nın otantik Türk kahvesi ve pastane konusunda ilk seçidir. Canlı İşçi Blokları mahallesinde yer alan işletmemiz, geleneği modern konforla harmanlıyor.",    aboutDesc2: "Uzman barista'larımız, Türkiye'nin en iyi tedarikçilerinden seçilmiş kahve çekirdekleri kullanarak her fincan kahveyi titizlikle hazırlarlar. Sadece kahve değil, bir deneyim—gün içindeki bir huzur anı yaratmayı hedefliyoruz.",    aboutDesc3: "İster deneyimli bir kahvesever olun ister ilk kez kusursuz bir fincan keşfediyor olun, Aroma Café sıcak ve misafirperver mekanında sizi karşılamaya hazırdır.",    aboutReserveBtn: "Şimdi Ayırt Et",    servicesTitle: "Özel Hizmetlerimiz",    servicesDesc: "Geleneksel Türk kahvesi hazırlanışından modern espresso tekniklerine, premium içecekler ve otantik pastaneleri çeşitli şekillerde sunuyoruz.",    servicesTag: "Neler Sunuyoruz",    service1Title: "Geleneksel Türk Kahvesi",    service1Desc: "Yüz yıllık geleneklere uygun hazırlanan otantik Türk kahvesini deneyimleyin. Mükemmel derecede öğütülü, aromatik ve geleneksel fincan'larla sunulan kahvemiz mirasın ve el sanatının hikayesini anlatır.",    service2Title: "Özel Espresso İçecekleri",    service2Desc: "Yetenekli barista'larımız, premium tek orijinli çekirdeklerle çeşitli espresso içecekleri hazırlarlar. Kadifemsi cappuccinolardan zengin macchiatolara, her içecek bir şaheser.",    service3Title: "Taze Pastaneler & Tatlılar",    service3Desc: "Otantik Türk pastanesileri, baklava ve seçili kahvenize mükemmel uyum sağlayan taze fırın ürünlerinden yararlanın. Tüm ürünler geleneksel tarifleri kullanarak günlük olarak hazırlanır.",    service4Title: "Özel Etkinlikler & Catering",    service4Desc: "Aroma Café'de özel günlerinizi kutlayın. Özel catering paketleri, özel etkinlik mekanları ve kurumsal etkinlikler ile kutlamalar için adanmış hizmet sunuyoruz.",    testimonialsTitle: "Misafirlerimiz Ne Diyor?",    testimonialsDesc: "Ankara'da favori kafeleri keşfeden yüzlerce memnun müşterinin arasına katılın.",    testimonial1Title: "Mükemmel Sabah Ritüeli",    testimonial1Quote: "Ankara'daki pek çok kahve dükkanını denedim ama Aroma Café öne çıkıyor. Buradaki Türk kahvesi otantik ve her seferinde mükemmel hazırlanıyor. Sabah ritüelim haline geldi.",    testimonial1Name: "Mehmet Yılmaz",    testimonial1Role: "İşletmeci",    testimonial2Title: "Gizli Mücevher",    testimonial2Quote: "Ortam harika, personel inanılmaz dostça ve pastaneler basitçe lezzetli. Burası ikinci evime dönüştü. Tüm arkadaşlarıma tavsiye ediyorum.",    testimonial2Name: "Zeynep Kaya",    testimonial2Role: "Pazarlama Müdürü",    testimonial3Title: "Profesyonel Mükemmellik",    testimonial3Quote: "Buradaki barista'lar gerçekten zanaat biliyorlar. Çekirdek seçiminden nihai sunuma kadar her ayrıntıya verilen önemin takdirini sunuyorum. Gerçekten profesyonel.",    testimonial3Name: "Ali Demir",    testimonial3Role: "Yazılım Mühendisi",    testimonial4Title: "Toplantılar İçin Mükemmel",    testimonial4Quote: "Burada çok sayıda iş toplantısı yaptım. Sakin ortam, rahat oturma seçenekleri ve mükemmel hizmet profesyonel konuşmalar için idealdir. Çok tavsiye ediyorum!",    testimonial4Name: "Ayşe Şahin",    testimonial4Role: "Proje Yöneticisi",    socialProofTitle: "Kahveseverler Tarafından Güvenilir",    socialProofDesc: "Size en iyi Türk kahvesini ve otantik pastaneyi getirmek için premium tedarikçilerle işbirliği yapıyoruz.",    socialProofTag: "İş Ortakları & Tedarikçiler",    contactTag: "Bize Ulaşın",    contactTitle: "Kahve Topluluğumuza Katılın",    contactDesc: "Haber bültene abone olun ve özel teklifler, yeni menü öğeleri ve özel etkinlikler hakkında bilgi alın. Veya doğrudan bize ulaşarak rezervasyon yapabilirsiniz.",    contactPlaceholder: "E-posta adresinizi girin",    contactButton: "Abone Ol",    contactTerms: "Gizliliğinize saygı duyuyoruz. İstediğiniz zaman aboneliği iptal edebilirsiniz. Abone olarak şartlar ve promosyon güncellemelerini kabul etmiş sayılırsınız.",    privacyLink: "Gizlilik Politikası",    termsLink: "Kullanım Şartları"},
+};
 
 export default function HomePage() {
-  const [language, setLanguage] = useState<'en' | 'tr'>('en');
-  const [isClient, setIsClient] = useState(false);
-  const [isTransitioning, setIsTransitioning] = useState(false);
+  const [language, setLanguage] = useState<"en" | "tr">("en");
+  const [isLoading, setIsLoading] = useState(true);
 
   useEffect(() => {
-    setIsClient(true);
+    const savedLang = (localStorage.getItem("siteLanguage") || "en") as "en" | "tr";
+    setLanguage(savedLang);
+    document.documentElement.lang = savedLang;
+    setIsLoading(false);
   }, []);
 
-  useEffect(() => {
-    if (isClient) {
-      const savedLang = (localStorage.getItem('site-language') || 'en') as 'en' | 'tr';
-      setLanguage(savedLang);
-      document.documentElement.lang = savedLang;
-    }
-  }, [isClient]);
-
-  const handleLanguageChange = (newLang: 'en' | 'tr') => {
-    setIsTransitioning(true);
-    setTimeout(() => {
-      setLanguage(newLang);
-      localStorage.setItem('site-language', newLang);
-      document.documentElement.lang = newLang;
-      setIsTransitioning(false);
-    }, 300);
+  const handleLanguageChange = (lang: "en" | "tr") => {
+    setLanguage(lang);
+    localStorage.setItem("siteLanguage", lang);
+    document.documentElement.lang = lang;
   };
 
-  // Translations object
-  const t = {
-    en: {
-      navHome: "Home",      navAbout: "About",      navServices: "Services",      navContact: "Contact",      heroTitle: "Aroma Café 100. Yıl",      heroDesc: "Experience premium Turkish coffee culture in the heart of Ankara. A sanctuary for coffee lovers seeking authentic flavors and warm hospitality.",      heroTag: "Since 2024",      heroBtnReserve: "Reserve a Table",      heroBtnCall: "Call Now",      contactLocTitle: "Location",      contactLocAddr1: "İşçi Blokları Mah.",      contactLocAddr2: "Ankara, Turkey",      contactPhoneTitle: "Phone",      contactPhone: "+90 536 584 0168",      contactEmailTitle: "Email",      contactEmail: "info@aromacafe.com",      contactHoursTitle: "Hours",      contactHours: "Mon-Sun: 8AM-10PM",      aboutTitle: "About Our Café",      aboutDesc1: "Aroma Café 100. Yıl is Ankara's premier destination for authentic Turkish coffee and pastries. Nestled in the vibrant İşçi Blokları neighborhood, we blend tradition with modern comfort.",      aboutDesc2: "Our expertly trained baristas craft each cup with precision, using carefully selected coffee beans sourced from the finest Turkish suppliers. We're dedicated to creating not just coffee, but an experience—a moment of tranquility in your day.",      aboutDesc3: "Whether you're a seasoned coffee enthusiast or discovering your first perfect cup, Aroma Café welcomes you to our warm, welcoming space.",      aboutBtn: "Reserve Now",      servicesTitle: "Our Specialty Services",      servicesDesc: "From traditional Turkish coffee preparation to modern espresso techniques, we offer a diverse range of premium beverages and authentic pastries.",      servicesTag: "What We Offer",      serviceAcc1Title: "Traditional Turkish Coffee",      serviceAcc1Content: "Experience authentic Turkish coffee prepared according to century-old traditions. Perfectly ground, aromatic, and served in traditional fincan cups. Each sip tells a story of heritage and craftsmanship.",      serviceAcc2Title: "Specialty Espresso Drinks",      serviceAcc2Content: "Our skilled baristas create artisanal espresso-based beverages using premium single-origin beans. From velvety cappuccinos to rich macchiatos, every drink is a masterpiece.",      serviceAcc3Title: "Fresh Pastries & Desserts",      serviceAcc3Content: "Enjoy authentic Turkish pastries, baklava, and fresh-baked goods that pair perfectly with your chosen beverage. All items prepared fresh daily using traditional recipes.",      serviceAcc4Title: "Private Events & Catering",      serviceAcc4Content: "Host your special occasions at Aroma Café. We offer custom catering packages, private event spaces, and dedicated service for corporate events and celebrations.",      testimonialTitle: "What Our Guests Say",      testimonialDesc: "Join hundreds of satisfied customers who have discovered their favorite café in Ankara.",      socialTitle: "Trusted by Coffee Enthusiasts",      socialDesc: "Partnering with premium suppliers to bring you the finest Turkish coffee and authentic pastries.",      socialTag: "Partners & Suppliers",      contactSectionTag: "Get In Touch",      contactSectionTitle: "Join Our Coffee Community",      contactSectionDesc: "Subscribe to our newsletter for exclusive offers, new menu items, and special events. Or reach out to us directly for reservations and inquiries.",      contactSectionInput: "Enter your email",      contactSectionBtn: "Subscribe",      contactSectionTerms: "We respect your privacy. Unsubscribe at any time. By subscribing, you agree to our terms and promotional updates.",      footerLogo: "Aroma Café 100. Yıl",      footerPrivacy: "Privacy Policy",      footerTerms: "Terms of Service",      supplierColdBrew: "Cold Brew Coffee",      supplierVintage: "Vintage Café",      supplierHandDrawn: "Hand Drawn Brewery",      supplierPremium: "Premium Coffee Co",      supplierSpice: "Turkish Spice",      supplierArtisan: "Artisan Suppliers",      supplierLabels: "Premium Labels",      testimonial1Title: "The Perfect Morning Ritual",      testimonial1Quote: "I've tried many coffee shops in Ankara, but Aroma Café stands out. The Turkish coffee here is authentic and perfectly prepared every single time. It's become my morning ritual.",      testimonial1Name: "Mehmet Yılmaz",      testimonial1Role: "Business Owner",      testimonial2Title: "A Hidden Gem",      testimonial2Quote: "The ambiance is wonderful, the staff is incredibly friendly, and the pastries are simply delicious. This place feels like a second home. I recommend it to all my friends.",      testimonial2Name: "Zeynep Kaya",      testimonial2Role: "Marketing Director",      testimonial3Title: "Professional Excellence",      testimonial3Quote: "The baristas here really know their craft. I appreciate the attention to detail in every aspect—from bean selection to the final presentation. Truly professional.",      testimonial3Name: "Ali Demir",      testimonial3Role: "Software Engineer",      testimonial4Title: "Perfect for Meetings",      testimonial4Quote: "I've hosted numerous business meetings here. The quiet environment, comfortable seating, and excellent service make it ideal for professional conversations. Highly recommended!",      testimonial4Name: "Ayşe Şahin",      testimonial4Role: "Project Manager"},
-    tr: {
-      navHome: "Ana Sayfa",      navAbout: "Hakkında",      navServices: "Hizmetler",      navContact: "İletişim",      heroTitle: "Aroma Café 100. Yıl",      heroDesc: "Ankara'nın kalbi Türk kahvesi kültürünün ön safhası olan Aroma Café'de otantik lezzetler ve sıcak misafirperverlik deneyimi yaşayın.",      heroTag: "2024'ten Beri",      heroBtnReserve: "Masa Ayırt Et",      heroBtnCall: "Hemen Ara",      contactLocTitle: "Konum",      contactLocAddr1: "İşçi Blokları Mah.",      contactLocAddr2: "Ankara, Türkiye",      contactPhoneTitle: "Telefon",      contactPhone: "+90 536 584 0168",      contactEmailTitle: "E-posta",      contactEmail: "info@aromacafe.com",      contactHoursTitle: "Açık Saatler",      contactHours: "Pazartesi-Pazar: 08:00-22:00",      aboutTitle: "Kafemiz Hakkında",      aboutDesc1: "Aroma Café 100. Yıl, Ankara'nın otantik Türk kahvesi ve hamuru işlerinin öncü destinasyonudur. Canlı İşçi Blokları mahallesi içine yerleştirilmiş olarak, geleneği modern konforla birleştiririz.",      aboutDesc2: "Uzman barista ekibimiz, hassasiyet ile seçilen, Türkiye'nin en iyi kahveci tedarikçilerinden temin edilen kahve çekirdekleri kullanarak, her fincanı özenle hazırlar. Amacımız yalnızca kahve değil, bir deneyim yaratmak—günün içinde bir huzur anıdır.",      aboutDesc3: "Deneyimli bir kahve tutkunusu olsanız veya ilk mükemmel fincanınızı keşfediyor olsanız, Aroma Café sizi sıcak ve davetkar ortamımızda karşılar.",      aboutBtn: "Şimdi Ayırt Et",      servicesTitle: "Özel Hizmetlerimiz",      servicesDesc: "Geleneksel Türk kahvesi hazırlanışından modern espresso tekniklerine kadar, çok çeşitli premium içecek ve otantik pastane sunuyoruz.",      servicesTag: "Neler Sunuyoruz",      serviceAcc1Title: "Geleneksel Türk Kahvesi",      serviceAcc1Content: "Yüzyıl boyu gelen geleneklere göre hazırlanan otantik Türk kahvesi deneyimi yaşayın. Mükemmel öğütülmüş, aromalı ve geleneksel fincan (cezve) içinde sunulan her fincan, devrinin mirası ve zanaatkarlığının hikayesini anlatır.",      serviceAcc2Title: "Özel Espresso İçecekleri",      serviceAcc2Content: "Yetenekli barista ekibimiz, ön seçilmiş tek menşeli fasulyeleri kullanarak sanatsal espresso tabanlı içecekler hazırlar. Kadifemsi cappuccinolardan dolu macchiatolarına kadar, her içecek bir şaheserdir.",      serviceAcc3Title: "Taze Pastaneler & Tatlılar",      serviceAcc3Content: "Otantik Türk pastaneleri, baklava ve seçtiğiniz içecekle mükemmel şekilde eşleşen taze fırınlanmış yiyeceklerin tadını çıkarın. Tüm ürünler geleneksel reçetelerle her gün taze olarak hazırlanır.",      serviceAcc4Title: "Özel Etkinlikler & Catering",      serviceAcc4Content: "Aroma Café'de özel günlerinizi ev sahibi olun. Özel catering paketleri, özel etkinlik alanları ve kurumsal etkinlikler ile şenlikler için özel hizmetler sunuyoruz.",      testimonialTitle: "Misafirlerimiz Ne Diyor",      testimonialDesc: "Ankara'da sevdikleri kafayı keşfeden yüzlerce memnun müşterimizle katılın.",      socialTitle: "Kahve Tutkunları Tarafından Güvenilir",      socialDesc: "Türkiye'nin en iyi kahvesi ve otantik pastaneleri getirmek için premium tedarikçilerle işbirliği yapıyoruz.",      socialTag: "Ortaklar & Tedarikçiler",      contactSectionTag: "Bize Ulaşın",      contactSectionTitle: "Kahve Topluluğumuza Katılın",      contactSectionDesc: "Özel teklifler, yeni menü ürünleri ve etkinlikler için haber bültene abone olun. Veya ayırımı ve sorularınız için doğrudan bize ulaşın.",      contactSectionInput: "E-postanızı girin",      contactSectionBtn: "Abone Ol",      contactSectionTerms: "Gizliliğinize saygı duyuyoruz. İstediğiniz zaman abonelikten çıkabilirsiniz. Abone olarak, şartlar ve promosyonel güncellemelere katılmayı kabul etmiş sayılırsınız.",      footerLogo: "Aroma Café 100. Yıl",      footerPrivacy: "Gizlilik Politikası",      footerTerms: "Hizmet Şartları",      supplierColdBrew: "Soğuk Demleme Kahvesi",      supplierVintage: "Vintage Kafe",      supplierHandDrawn: "El Çizilmiş Bira Fabrikası",      supplierPremium: "Premium Kahve Co",      supplierSpice: "Türk Baharat",      supplierArtisan: "Sanatkar Tedarikçileri",      supplierLabels: "Premium Etiketler",      testimonial1Title: "Mükemmel Sabah Ritüeli",      testimonial1Quote: "Ankara'da birçok kahve dükkanını denedim, ama Aroma Café öne çıkıyor. Buradaki Türk kahvesi otantik ve her zaman mükemmel şekilde hazırlanıyor. Sabah rutinimin bir parçası oldu.",      testimonial1Name: "Mehmet Yılmaz",      testimonial1Role: "İşletmeci",      testimonial2Title: "Gizli Bir Hazine",      testimonial2Quote: "Ortamı harika, personel inanılmaz dostça ve pastaneler sade lezzetli. Burası ikinci evim gibi. Tüm arkadaşlarıma tavsiye ederim.",      testimonial2Name: "Zeynep Kaya",      testimonial2Role: "Pazarlama Müdürü",      testimonial3Title: "Profesyonel Mükemmellik",      testimonial3Quote: "Buradaki barista'lar sanatlarını biliyor. Tüm yönlerdeki - çekirdek seçiminden son sunuma kadar - detaylara verilen dikkati takdir ediyorum. Gerçekten profesyonel.",      testimonial3Name: "Ali Demir",      testimonial3Role: "Yazılım Mühendisi",      testimonial4Title: "Toplantılar İçin Mükemmel",      testimonial4Quote: "Burada birçok iş toplantısı yaptım. Sessiz ortam, rahat oturma ve mükemmel hizmet, profesyonel konuşmalar için ideal. Kesinlikle tavsiye ederim!",      testimonial4Name: "Ayşe Şahin",      testimonial4Role: "Proje Yöneticisi"}
-  };
+  const t = translations[language];
 
-  const currentText = t[language];
-
-  const navItems = [
-    { name: currentText.navHome, id: "/" },
-    { name: currentText.navAbout, id: "about" },
-    { name: currentText.navServices, id: "services" },
-    { name: currentText.navContact, id: "contact-section" },
-  ];
-
-  if (!isClient) {
+  if (isLoading) {
     return null;
   }
 
+  const navItems = [
+    { name: t.home, id: "/" },
+    { name: t.about, id: "about" },
+    { name: t.services, id: "services" },
+    { name: t.contact, id: "contact-section" },
+  ];
+
   return (
     <ThemeProvider
       defaultButtonVariant="hover-magnetic"
@@ -74,58 +62,170 @@ export default function HomePage() {
       secondaryButtonStyle="radial-glow"
       headingFontWeight="normal"
     >
-      <LanguageToggle currentLanguage={language} onLanguageChange={handleLanguageChange} isTransitioning={isTransitioning} />
+      {/* Language Toggle Button */}
+      <div className="fixed top-6 right-6 z-50 flex items-center gap-2">
+        <style>{`
+          @keyframes glassGlow {
+            0%, 100% { box-shadow: 0 0 20px rgba(215, 177, 77, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.2); }
+            50% { box-shadow: 0 0 35px rgba(215, 177, 77, 0.6), inset 0 1px 0 rgba(255, 255, 255, 0.3); }
+          }
 
-      <div id="nav" data-section="nav" className={`transition-opacity duration-300 ${isTransitioning ? 'opacity-50' : 'opacity-100'}`}>
+          @keyframes slideIn {
+            from { transform: translateX(20px); opacity: 0; }
+            to { transform: translateX(0); opacity: 1; }
+          }
+
+          @keyframes fadeTransition {
+            0% { opacity: 1; }
+            50% { opacity: 0; }
+            100% { opacity: 1; }
+          }
+
+          .language-toggle-container {
+            backdrop-filter: blur(10px);
+            background: rgba(43, 24, 10, 0.15);
+            border: 1px solid rgba(215, 177, 77, 0.3);
+            border-radius: 50px;
+            padding: 6px 6px;
+            display: flex;
+            gap: 4px;
+            box-shadow: 0 0 20px rgba(215, 177, 77, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.2);
+            animation: glassGlow 3s ease-in-out infinite;
+          }
+
+          .language-btn {
+            padding: 8px 16px;
+            border: none;
+            background: transparent;
+            color: #8b6f47;
+            font-weight: 600;
+            font-size: 12px;
+            cursor: pointer;
+            border-radius: 40px;
+            transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
+            position: relative;
+            overflow: hidden;
+          }
+
+          .language-btn.active {
+            background: linear-gradient(135deg, #d7b14d 0%, #8b6f47 100%);
+            color: #ffffff;
+            box-shadow: 0 4px 15px rgba(215, 177, 77, 0.4), inset 0 -2px 8px rgba(0, 0, 0, 0.2);
+            transform: scale(1.05);
+          }
+
+          .language-btn:hover {
+            transform: translateY(-2px);
+            box-shadow: 0 6px 20px rgba(215, 177, 77, 0.3);
+          }
+
+          .language-btn.active::after {
+            content: '';
+            position: absolute;
+            top: 0;
+            left: -100%;
+            width: 100%;
+            height: 100%;
+            background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);
+            animation: slideIn 0.6s ease-in-out;
+          }
+        `}</style>
+
+        <div className="language-toggle-container">
+          <button
+            onClick={() => handleLanguageChange("en")}
+            className={`language-btn ${language === "en" ? "active" : ""}`}
+          >
+            EN
+          </button>
+          <button
+            onClick={() => handleLanguageChange("tr")}
+            className={`language-btn ${language === "tr" ? "active" : ""}`}
+          >
+            TR
+          </button>
+        </div>
+      </div>
+
+      <div
+        id="nav"
+        data-section="nav"
+        style={{ opacity: 1, transition: "opacity 0.3s ease-in-out" }}
+      >
         <NavbarStyleApple
-          brandName={currentText.heroTitle}
+          brandName={t.cafeName}
           navItems={navItems}
         />
       </div>
 
-      <div id="hero" data-section="hero" className={`transition-opacity duration-300 ${isTransitioning ? 'opacity-50' : 'opacity-100'}`}>
+      <div id="hero" data-section="hero">
         <HeroOverlay
-          title={currentText.heroTitle}
-          description={currentText.heroDesc}
-          tag={currentText.heroTag}
+          title={t.heroTitle}
+          description={t.heroDescription}
+          tag={t.heroTag}
           imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AU9IynqCnYZJDYHK9HicVLKKNJ/uploaded-1772669098781-esqnllvt.jpg"
           imageAlt="Aroma Café 100. Yıl interior with ambient lighting"
           textPosition="bottom-left"
           showBlur={true}
           showDimOverlay={true}
           buttons={[
-            { text: currentText.heroBtnReserve, href: "contact-section" },
-            { text: currentText.heroBtnCall, href: "tel:+905365840168" },
+            { text: t.reserveButton, href: "contact-section" },
+            { text: t.callButton, href: "tel:+905365840168" },
           ]}
         />
       </div>
 
-      <div id="contact-info" data-section="contact-info" className={`relative py-16 px-4 md:px-8 bg-gradient-to-b from-[var(--background)] to-[var(--card)] transition-opacity duration-300 ${isTransitioning ? 'opacity-50' : 'opacity-100'}`}>
+      <div
+        id="contact-info"
+        data-section="contact-info"
+        className="relative py-16 px-4 md:px-8 bg-gradient-to-b from-[var(--background)] to-[var(--card)]"
+        style={{ opacity: 1, transition: "opacity 0.3s ease-in-out" }}
+      >
         <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">
+            {/* Contact Info Cards */}
             <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">
-              <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>
+              <MapPin className="w-8 h-8 text-[var(--primary-cta)] mb-3" />
+              <h3 className="font-bold text-lg text-[var(--foreground)] mb-2">
+                {t.locationTitle}
+              </h3>
+              <p className="text-[var(--foreground)] text-sm">{t.locationArea}</p>
+              <p className="text-[var(--foreground)] text-sm">{t.locationCity}</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">
-              <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>
+              <Phone className="w-8 h-8 text-[var(--primary-cta)] mb-3" />
+              <h3 className="font-bold text-lg text-[var(--foreground)] mb-2">
+                {t.phoneTitle}
+              </h3>
+              <a
+                href="tel:+905365840168"
+                className="text-[var(--primary-cta)] hover:underline text-sm"
+              >
+                {t.phoneNumber}
+              </a>
             </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">
               <Mail className="w-8 h-8 text-[var(--primary-cta)] mb-3" />
-              <h3 className="font-bold text-lg text-[var(--foreground)] mb-2">{currentText.contactEmailTitle}</h3>
-              <a href="mailto:info@aromacafe.com" className="text-[var(--primary-cta)] hover:underline text-sm">{currentText.contactEmail}</a>
+              <h3 className="font-bold text-lg text-[var(--foreground)] mb-2">
+                {t.emailTitle}
+              </h3>
+              <a
+                href="mailto:info@aromacafe.com"
+                className="text-[var(--primary-cta)] hover:underline text-sm"
+              >
+                {t.emailAddress}
+              </a>
             </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">
               <Clock className="w-8 h-8 text-[var(--primary-cta)] mb-3" />
-              <h3 className="font-bold text-lg text-[var(--foreground)] mb-2">{currentText.contactHoursTitle}</h3>
-              <p className="text-[var(--foreground)] text-sm">{currentText.contactHours}</p>
+              <h3 className="font-bold text-lg text-[var(--foreground)] mb-2">
+                {t.hoursTitle}
+              </h3>
+              <p className="text-[var(--foreground)] text-sm">{t.hoursTime}</p>
             </div>
           </div>
 
+          {/* Google Maps Embedded */}
           <div className="rounded-lg overflow-hidden shadow-lg h-96 border-4 border-[var(--primary-cta)]">
             <iframe
               src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3059.2944282344523!2d32.8598!3d39.9334!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x14d34e5c5c5c5c5d%3A0x1234567890abcdef!2s%C4%B0%C5%9F%C3%A7i%20Bloklar%C4%B1%2C%20Ankara!5e0!3m2!1sen!2str!4v1234567890"
@@ -140,25 +240,21 @@ export default function HomePage() {
         </div>
       </div>
 
-      <div id="about" data-section="about" className={`transition-opacity duration-300 ${isTransitioning ? 'opacity-50' : 'opacity-100'}`}>
+      <div id="about" data-section="about">
         <TextSplitAbout
-          title={currentText.aboutTitle}
-          description={[
-            currentText.aboutDesc1,
-            currentText.aboutDesc2,
-            currentText.aboutDesc3
-          ]}
-          buttons={[{ text: currentText.aboutBtn, href: "contact-section" }]}
+          title={t.aboutTitle}
+          description={[t.aboutDesc1, t.aboutDesc2, t.aboutDesc3]}
+          buttons={[{ text: t.aboutReserveBtn, href: "contact-section" }]}
           showBorder={true}
           useInvertedBackground={false}
         />
       </div>
 
-      <div id="services" data-section="services" className={`transition-opacity duration-300 ${isTransitioning ? 'opacity-50' : 'opacity-100'}`}>
+      <div id="services" data-section="services">
         <FeatureCardTwentyOne
-          title={currentText.servicesTitle}
-          description={currentText.servicesDesc}
-          tag={currentText.servicesTag}
+          title={t.servicesTitle}
+          description={t.servicesDesc}
+          tag={t.servicesTag}
           imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AU9IynqCnYZJDYHK9HicVLKKNJ/uploaded-1772669098781-zvo424ur.jpg"
           imageAlt="Professional barista preparing specialty coffee"
           mediaAnimation="slide-up"
@@ -166,104 +262,97 @@ export default function HomePage() {
           mediaPosition="left"
           accordionItems={[
             {
-              id: "1",              title: currentText.serviceAcc1Title,
-              content: currentText.serviceAcc1Content
+              id: "1",              title: t.service1Title,
+              content: t.service1Desc,
             },
             {
-              id: "2",              title: currentText.serviceAcc2Title,
-              content: currentText.serviceAcc2Content
+              id: "2",              title: t.service2Title,
+              content: t.service2Desc,
             },
             {
-              id: "3",              title: currentText.serviceAcc3Title,
-              content: currentText.serviceAcc3Content
+              id: "3",              title: t.service3Title,
+              content: t.service3Desc,
             },
             {
-              id: "4",              title: currentText.serviceAcc4Title,
-              content: currentText.serviceAcc4Content
-            }
+              id: "4",              title: t.service4Title,
+              content: t.service4Desc,
+            },
           ]}
         />
       </div>
 
-      <div id="testimonials" data-section="testimonials" className={`transition-opacity duration-300 ${isTransitioning ? 'opacity-50' : 'opacity-100'}`}>
+      <div id="testimonials" data-section="testimonials">
         <TestimonialCardTen
-          title={currentText.testimonialTitle}
-          description={currentText.testimonialDesc}
+          title={t.testimonialsTitle}
+          description={t.testimonialsDesc}
           textboxLayout="default"
           useInvertedBackground={false}
           testimonials={[
             {
-              id: "1",              title: currentText.testimonial1Title,
-              quote: currentText.testimonial1Quote,
-              name: currentText.testimonial1Name,
-              role: currentText.testimonial1Role,
-              imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=1",              imageAlt: currentText.testimonial1Name
+              id: "1",              title: t.testimonial1Title,
+              quote: t.testimonial1Quote,
+              name: t.testimonial1Name,
+              role: t.testimonial1Role,
+              imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=1",              imageAlt: t.testimonial1Name,
             },
             {
-              id: "2",              title: currentText.testimonial2Title,
-              quote: currentText.testimonial2Quote,
-              name: currentText.testimonial2Name,
-              role: currentText.testimonial2Role,
-              imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=2",              imageAlt: currentText.testimonial2Name
+              id: "2",              title: t.testimonial2Title,
+              quote: t.testimonial2Quote,
+              name: t.testimonial2Name,
+              role: t.testimonial2Role,
+              imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=2",              imageAlt: t.testimonial2Name,
             },
             {
-              id: "3",              title: currentText.testimonial3Title,
-              quote: currentText.testimonial3Quote,
-              name: currentText.testimonial3Name,
-              role: currentText.testimonial3Role,
-              imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=3",              imageAlt: currentText.testimonial3Name
+              id: "3",              title: t.testimonial3Title,
+              quote: t.testimonial3Quote,
+              name: t.testimonial3Name,
+              role: t.testimonial3Role,
+              imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=3",              imageAlt: t.testimonial3Name,
             },
             {
-              id: "4",              title: currentText.testimonial4Title,
-              quote: currentText.testimonial4Quote,
-              name: currentText.testimonial4Name,
-              role: currentText.testimonial4Role,
-              imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=4",              imageAlt: currentText.testimonial4Name
-            }
+              id: "4",              title: t.testimonial4Title,
+              quote: t.testimonial4Quote,
+              name: t.testimonial4Name,
+              role: t.testimonial4Role,
+              imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=4",              imageAlt: t.testimonial4Name,
+            },
           ]}
         />
       </div>
 
-      <div id="social-proof" data-section="social-proof" className={`transition-opacity duration-300 ${isTransitioning ? 'opacity-50' : 'opacity-100'}`}>
+      <div id="social-proof" data-section="social-proof">
         <SocialProofOne
-          title={currentText.socialTitle}
-          description={currentText.socialDesc}
-          tag={currentText.socialTag}
+          title={t.socialProofTitle}
+          description={t.socialProofDesc}
+          tag={t.socialProofTag}
           textboxLayout="default"
           useInvertedBackground={false}
           names={[
-            currentText.supplierColdBrew,
-            currentText.supplierVintage,
-            currentText.supplierHandDrawn,
-            currentText.supplierPremium,
-            currentText.supplierSpice,
-            currentText.supplierArtisan,
-            currentText.supplierLabels
-          ]}
+            "Cold Brew Coffee",            "Vintage Café",            "Hand Drawn Brewery",            "Premium Coffee Co",            "Turkish Spice",            "Artisan Suppliers",            "Premium Labels"]}
           speed={35}
           showCard={true}
         />
       </div>
 
-      <div id="contact-section" data-section="contact-section" className={`transition-opacity duration-300 ${isTransitioning ? 'opacity-50' : 'opacity-100'}`}>
+      <div id="contact-section" data-section="contact-section">
         <ContactCenter
-          tag={currentText.contactSectionTag}
-          title={currentText.contactSectionTitle}
-          description={currentText.contactSectionDesc}
+          tag={t.contactTag}
+          title={t.contactTitle}
+          description={t.contactDesc}
           tagIcon={Coffee}
           background={{ variant: "radial-gradient" }}
           useInvertedBackground={false}
-          inputPlaceholder={currentText.contactSectionInput}
-          buttonText={currentText.contactSectionBtn}
-          termsText={currentText.contactSectionTerms}
+          inputPlaceholder={t.contactPlaceholder}
+          buttonText={t.contactButton}
+          termsText={t.contactTerms}
         />
       </div>
 
-      <div id="footer" data-section="footer" className={`transition-opacity duration-300 ${isTransitioning ? 'opacity-50' : 'opacity-100'}`}>
+      <div id="footer" data-section="footer">
         <FooterLogoReveal
-          logoText={currentText.footerLogo}
-          leftLink={{ text: currentText.footerPrivacy, href: "#" }}
-          rightLink={{ text: currentText.footerTerms, href: "#" }}
+          logoText={t.cafeName}
+          leftLink={{ text: t.privacyLink, href: "#" }}
+          rightLink={{ text: t.termsLink, href: "#" }}
         />
       </div>
     </ThemeProvider>
