From 8c6099e1c590eead7250dc5626a413ec65e2a65a Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Thu, 5 Mar 2026 00:14:07 +0000
Subject: [PATCH 1/3] Update src/app/layout.tsx

---
 src/app/layout.tsx | 13 +++++++++++++
 1 file changed, 13 insertions(+)
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index d912780..201ddaf 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -16,6 +16,19 @@ export default function RootLayout({
 }) {
   return (
     <html lang="en">
+      <head>
+        <script
+          dangerouslySetInnerHTML={{
+            __html: `
+              (function() {
+                const savedLang = localStorage.getItem('site-language') || 'en';
+                window.__siteLanguage = savedLang;
+                document.documentElement.lang = savedLang;
+              })();
+            `,
+          }}
+        />
+      </head>
       <body className={dmSans.variable}>
         {children}
       
-- 
2.49.1


From bc08d46941de09d272f5ec59abd3f4c51abd718b Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Thu, 5 Mar 2026 00:14:07 +0000
Subject: [PATCH 2/3] Update src/app/page.tsx

---
 src/app/page.tsx | 182 ++++++++++++++++++++++++++++++++---------------
 1 file changed, 123 insertions(+), 59 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index b1efeb4..3a29900 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -9,16 +9,52 @@ 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, MapPin, Phone, Mail, Clock } from "lucide-react";
+import { useState, useEffect } from "react";
 
 export default function HomePage() {
+  const [language, setLanguage] = useState<'en' | 'tr'>('en');
+  const [isClient, setIsClient] = useState(false);
+  const [isTransitioning, setIsTransitioning] = useState(false);
+
+  useEffect(() => {
+    setIsClient(true);
+    const savedLang = (localStorage.getItem('site-language') || 'en') as 'en' | 'tr';
+    setLanguage(savedLang);
+  }, []);
+
+  const handleLanguageChange = (newLang: 'en' | 'tr') => {
+    setIsTransitioning(true);
+    setTimeout(() => {
+      setLanguage(newLang);
+      localStorage.setItem('site-language', newLang);
+      document.documentElement.lang = newLang;
+      setIsTransitioning(false);
+    }, 300);
+  };
+
+  // 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 currentText = t[language];
+
   const navItems = [
-    { name: "Home", id: "/" },
-    { name: "About", id: "about" },
-    { name: "Services", id: "services" },
-    { name: "Contact", id: "contact-section" },
+    { name: currentText.navHome, id: "/" },
+    { name: currentText.navAbout, id: "about" },
+    { name: currentText.navServices, id: "services" },
+    { name: currentText.navContact, id: "contact-section" },
   ];
 
+  if (!isClient) {
+    return null;
+  }
+
   return (
     <ThemeProvider
       defaultButtonVariant="hover-magnetic"
@@ -32,58 +68,58 @@ export default function HomePage() {
       secondaryButtonStyle="radial-glow"
       headingFontWeight="normal"
     >
-      <div id="nav" data-section="nav">
+      <LanguageToggle currentLanguage={language} onLanguageChange={handleLanguageChange} isTransitioning={isTransitioning} />
+
+      <div id="nav" data-section="nav" className={`transition-opacity duration-300 ${isTransitioning ? 'opacity-50' : 'opacity-100'}`}>
         <NavbarStyleApple
-          brandName="Aroma Café 100. Yıl"
+          brandName={currentText.heroTitle}
           navItems={navItems}
         />
       </div>
 
-      <div id="hero" data-section="hero">
+      <div id="hero" data-section="hero" className={`transition-opacity duration-300 ${isTransitioning ? 'opacity-50' : 'opacity-100'}`}>
         <HeroOverlay
-          title="Aroma Café 100. Yıl"
-          description="Experience premium Turkish coffee culture in the heart of Ankara. A sanctuary for coffee lovers seeking authentic flavors and warm hospitality."
-          tag="Since 2024"
+          title={currentText.heroTitle}
+          description={currentText.heroDesc}
+          tag={currentText.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: "Reserve a Table", href: "contact-section" },
-            { text: "Call Now", href: "tel:+905365840168" },
+            { text: currentText.heroBtnReserve, href: "contact-section" },
+            { text: currentText.heroBtnCall, 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)]">
+      <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 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">
               <MapPin className="w-8 h-8 text-[var(--primary-cta)] mb-3" />
-              <h3 className="font-bold text-lg text-[var(--foreground)] mb-2">Location</h3>
-              <p className="text-[var(--foreground)] text-sm">İşçi Blokları Mah.</p>
-              <p className="text-[var(--foreground)] text-sm">Ankara, Turkey</p>
+              <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" />
-              <h3 className="font-bold text-lg text-[var(--foreground)] mb-2">Phone</h3>
-              <a href="tel:+905365840168" className="text-[var(--primary-cta)] hover:underline text-sm">+90 536 584 0168</a>
+              <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>
             <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">Email</h3>
-              <a href="mailto:info@aromacafe.com" className="text-[var(--primary-cta)] hover:underline text-sm">info@aromacafe.com</a>
+              <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>
             </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">Hours</h3>
-              <p className="text-[var(--foreground)] text-sm">Mon-Sun: 8AM-10PM</p>
+              <h3 className="font-bold text-lg text-[var(--foreground)] mb-2">{currentText.contactHoursTitle}</h3>
+              <p className="text-[var(--foreground)] text-sm">{currentText.contactHours}</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"
@@ -98,23 +134,25 @@ export default function HomePage() {
         </div>
       </div>
 
-      <div id="about" data-section="about">
+      <div id="about" data-section="about" className={`transition-opacity duration-300 ${isTransitioning ? 'opacity-50' : 'opacity-100'}`}>
         <TextSplitAbout
-          title="About Our Café"
+          title={currentText.aboutTitle}
           description={[
-            "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.",            "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.",            "Whether you're a seasoned coffee enthusiast or discovering your first perfect cup, Aroma Café welcomes you to our warm, welcoming space."
+            currentText.aboutDesc1,
+            currentText.aboutDesc2,
+            currentText.aboutDesc3
           ]}
-          buttons={[{ text: "Reserve Now", href: "contact-section" }]}
+          buttons={[{ text: currentText.aboutBtn, href: "contact-section" }]}
           showBorder={true}
           useInvertedBackground={false}
         />
       </div>
 
-      <div id="services" data-section="services">
+      <div id="services" data-section="services" className={`transition-opacity duration-300 ${isTransitioning ? 'opacity-50' : 'opacity-100'}`}>
         <FeatureCardTwentyOne
-          title="Our Specialty Services"
-          description="From traditional Turkish coffee preparation to modern espresso techniques, we offer a diverse range of premium beverages and authentic pastries."
-          tag="What We Offer"
+          title={currentText.servicesTitle}
+          description={currentText.servicesDesc}
+          tag={currentText.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"
@@ -122,78 +160,104 @@ export default function HomePage() {
           mediaPosition="left"
           accordionItems={[
             {
-              id: "1",              title: "Traditional Turkish Coffee",              content: "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."
+              id: "1",              title: currentText.serviceAcc1Title,
+              content: currentText.serviceAcc1Content
             },
             {
-              id: "2",              title: "Specialty Espresso Drinks",              content: "Our skilled baristas create artisanal espresso-based beverages using premium single-origin beans. From velvety cappuccinos to rich macchiatos, every drink is a masterpiece."
+              id: "2",              title: currentText.serviceAcc2Title,
+              content: currentText.serviceAcc2Content
             },
             {
-              id: "3",              title: "Fresh Pastries & Desserts",              content: "Enjoy authentic Turkish pastries, baklava, and fresh-baked goods that pair perfectly with your chosen beverage. All items prepared fresh daily using traditional recipes."
+              id: "3",              title: currentText.serviceAcc3Title,
+              content: currentText.serviceAcc3Content
             },
             {
-              id: "4",              title: "Private Events & Catering",              content: "Host your special occasions at Aroma Café. We offer custom catering packages, private event spaces, and dedicated service for corporate events and celebrations."
+              id: "4",              title: currentText.serviceAcc4Title,
+              content: currentText.serviceAcc4Content
             }
           ]}
         />
       </div>
 
-      <div id="testimonials" data-section="testimonials">
+      <div id="testimonials" data-section="testimonials" className={`transition-opacity duration-300 ${isTransitioning ? 'opacity-50' : 'opacity-100'}`}>
         <TestimonialCardTen
-          title="What Our Guests Say"
-          description="Join hundreds of satisfied customers who have discovered their favorite café in Ankara."
+          title={currentText.testimonialTitle}
+          description={currentText.testimonialDesc}
           textboxLayout="default"
           useInvertedBackground={false}
           testimonials={[
             {
-              id: "1",              title: "The Perfect Morning Ritual",              quote: "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.",              name: "Mehmet Yılmaz",              role: "Business Owner",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=1",              imageAlt: "Mehmet Yılmaz"
+              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: "2",              title: "A Hidden Gem",              quote: "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.",              name: "Zeynep Kaya",              role: "Marketing Director",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=2",              imageAlt: "Zeynep Kaya"
+              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: "3",              title: "Professional Excellence",              quote: "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.",              name: "Ali Demir",              role: "Software Engineer",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=3",              imageAlt: "Ali Demir"
+              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: "4",              title: "Perfect for Meetings",              quote: "I've hosted numerous business meetings here. The quiet environment, comfortable seating, and excellent service make it ideal for professional conversations. Highly recommended!",              name: "Ayşe Şahin",              role: "Project Manager",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=4",              imageAlt: "Ayşe Şahin"
+              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
             }
           ]}
         />
       </div>
 
-      <div id="social-proof" data-section="social-proof">
+      <div id="social-proof" data-section="social-proof" className={`transition-opacity duration-300 ${isTransitioning ? 'opacity-50' : 'opacity-100'}`}>
         <SocialProofOne
-          title="Trusted by Coffee Enthusiasts"
-          description="Partnering with premium suppliers to bring you the finest Turkish coffee and authentic pastries."
-          tag="Partners & Suppliers"
+          title={currentText.socialTitle}
+          description={currentText.socialDesc}
+          tag={currentText.socialTag}
           textboxLayout="default"
           useInvertedBackground={false}
           names={[
-            "Cold Brew Coffee",            "Vintage Café",            "Hand Drawn Brewery",            "Premium Coffee Co",            "Turkish Spice",            "Artisan Suppliers",            "Premium Labels"
+            currentText.supplierColdBrew,
+            currentText.supplierVintage,
+            currentText.supplierHandDrawn,
+            currentText.supplierPremium,
+            currentText.supplierSpice,
+            currentText.supplierArtisan,
+            currentText.supplierLabels
           ]}
           speed={35}
           showCard={true}
         />
       </div>
 
-      <div id="contact-section" data-section="contact-section">
+      <div id="contact-section" data-section="contact-section" className={`transition-opacity duration-300 ${isTransitioning ? 'opacity-50' : 'opacity-100'}`}>
         <ContactCenter
-          tag="Get In Touch"
-          title="Join Our Coffee Community"
-          description="Subscribe to our newsletter for exclusive offers, new menu items, and special events. Or reach out to us directly for reservations and inquiries."
+          tag={currentText.contactSectionTag}
+          title={currentText.contactSectionTitle}
+          description={currentText.contactSectionDesc}
           tagIcon={Coffee}
           background={{ variant: "radial-gradient" }}
           useInvertedBackground={false}
-          inputPlaceholder="Enter your email"
-          buttonText="Subscribe"
-          termsText="We respect your privacy. Unsubscribe at any time. By subscribing, you agree to our terms and promotional updates."
+          inputPlaceholder={currentText.contactSectionInput}
+          buttonText={currentText.contactSectionBtn}
+          termsText={currentText.contactSectionTerms}
         />
       </div>
 
-      <div id="footer" data-section="footer">
+      <div id="footer" data-section="footer" className={`transition-opacity duration-300 ${isTransitioning ? 'opacity-50' : 'opacity-100'}`}>
         <FooterLogoReveal
-          logoText="Aroma Café 100. Yıl"
-          leftLink={{ text: "Privacy Policy", href: "#" }}
-          rightLink={{ text: "Terms of Service", href: "#" }}
+          logoText={currentText.footerLogo}
+          leftLink={{ text: currentText.footerPrivacy, href: "#" }}
+          rightLink={{ text: currentText.footerTerms, href: "#" }}
         />
       </div>
     </ThemeProvider>
-- 
2.49.1


From c1db71c50992def86196eae09d42b94813c4f0e1 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Thu, 5 Mar 2026 00:14:07 +0000
Subject: [PATCH 3/3] Add src/components/language/LanguageToggle.tsx

---
 src/components/language/LanguageToggle.tsx | 93 ++++++++++++++++++++++
 1 file changed, 93 insertions(+)
 create mode 100644 src/components/language/LanguageToggle.tsx

diff --git a/src/components/language/LanguageToggle.tsx b/src/components/language/LanguageToggle.tsx
new file mode 100644
index 0000000..33a418b
--- /dev/null
+++ b/src/components/language/LanguageToggle.tsx
@@ -0,0 +1,93 @@
+"use client";
+
+import React from "react";
+import { Globe } from "lucide-react";
+
+interface LanguageToggleProps {
+  currentLanguage: 'en' | 'tr';
+  onLanguageChange: (lang: 'en' | 'tr') => void;
+  isTransitioning: boolean;
+}
+
+export default function LanguageToggle({
+  currentLanguage,
+  onLanguageChange,
+  isTransitioning,
+}: LanguageToggleProps) {
+  return (
+    <div className="fixed top-6 right-6 z-50 md:top-8 md:right-8">
+      {/* Glassmorphism Background */}
+      <div className="absolute inset-0 bg-gradient-to-br from-[#d4af37] to-[#3e2723] opacity-70 rounded-full blur-xl"></div>
+
+      {/* Premium Glass Button Container */}
+      <div className="relative px-4 py-3 rounded-full backdrop-blur-2xl bg-white/10 border border-white/20 shadow-2xl hover:shadow-[0_0_40px_rgba(212,175,55,0.5)] transition-all duration-300 hover:border-[#d4af37]/50">
+        {/* Toggle Content */}
+        <div className="flex items-center gap-3">
+          {/* Language Icon */}
+          <Globe className="w-5 h-5 text-[#d4af37] animate-pulse" />
+
+          {/* Button Container with Smooth Sliding Animation */}
+          <div className="flex items-center gap-2 bg-white/5 rounded-full p-1 border border-white/10">
+            {/* TR Button */}
+            <button
+              onClick={() => onLanguageChange('tr')}
+              className={`px-3 py-1.5 rounded-full font-semibold text-sm transition-all duration-300 ${
+                currentLanguage === 'tr'
+                  ? 'bg-gradient-to-r from-[#d4af37] to-[#ffd700] text-[#3e2723] shadow-lg shadow-[#d4af37]/50 scale-105'
+                  : 'text-white/60 hover:text-white/80 hover:bg-white/5'
+              }`}
+              disabled={isTransitioning}
+              aria-label="Switch to Turkish"
+            >
+              TR
+            </button>
+
+            {/* EN Button */}
+            <button
+              onClick={() => onLanguageChange('en')}
+              className={`px-3 py-1.5 rounded-full font-semibold text-sm transition-all duration-300 ${
+                currentLanguage === 'en'
+                  ? 'bg-gradient-to-r from-[#d4af37] to-[#ffd700] text-[#3e2723] shadow-lg shadow-[#d4af37]/50 scale-105'
+                  : 'text-white/60 hover:text-white/80 hover:bg-white/5'
+              }`}
+              disabled={isTransitioning}
+              aria-label="Switch to English"
+            >
+              EN
+            </button>
+          </div>
+        </div>
+
+        {/* Hover Glow Effect */}
+        <div className="absolute inset-0 rounded-full bg-gradient-to-br from-[#d4af37]/0 via-[#d4af37]/0 to-[#ffd700]/0 opacity-0 group-hover:opacity-100 transition-opacity duration-300 blur-xl pointer-events-none"></div>
+      </div>
+
+      {/* Ambient Glow Background */}
+      <style jsx>{`
+        @keyframes glow-pulse {
+          0%, 100% {
+            box-shadow: 0 0 20px rgba(212, 175, 55, 0.3);
+          }
+          50% {
+            box-shadow: 0 0 40px rgba(212, 175, 55, 0.6);
+          }
+        }
+
+        @keyframes slide-in-button {
+          from {
+            transform: translateX(20px);
+            opacity: 0;
+          }
+          to {
+            transform: translateX(0);
+            opacity: 1;
+          }
+        }
+
+        .animate-slide-in {
+          animation: slide-in-button 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
+        }
+      `}</style>
+    </div>
+  );
+}
-- 
2.49.1

