<!DOCTYPE html>
<html lang="tr">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta name="description" content="Lingoano - Ücretsiz dil öğrenme platformu. 6 farklı dilde gerçek insanlarla pratik yapın. İngilizce, Almanca, Fransızca, İspanyolca, Rusça ve Türkçe konuşma pratiği. Seviyenize uygun eşleşmeler, anonim sohbet, dil arkadaşı bulma ve tarayıcı üzerinden erişim.">
        <meta name="keywords" content="dil öğrenme, ücretsiz dil kursu, online dil pratiği, yabancı dil sohbet, dil değişimi, anonim dil öğrenme, İngilizce pratik, Almanca öğrenme, Fransızca konuşma, İspanyolca pratik, Rusça öğrenme, Türkçe öğretimi, konuşma pratiği, dil arkadaşı bulma, online İngilizce, ücretsiz Almanca kursu, Fransızca konuşma pratiği, İspanyolca öğrenme, Rusça konuşma, Türkçe öğrenme, yabancı dil arkadaşı, dil değişim uygulaması, online dil öğrenme platformu, ücretsiz yabancı dil, konuşma becerisi geliştirme, dil pratiği yapma, yabancı dil öğrenme sitesi, online konuşma pratiği, dil öğrenme uygulaması, ücretsiz dil değişimi, yabancı dil konuşma, dil öğrenme topluluğu">
        <meta name="author" content="Lingoano">
        <meta name="robots" content="index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1">
        <link rel="canonical" href="https://lingoano.com/anasayfa.html">
        <meta name="language" content="tr">
        <meta name="geo.region" content="TR">
        <meta name="geo.placename" content="Turkey">
        <meta name="distribution" content="global">
        <meta name="rating" content="general">
        <meta name="revisit-after" content="7 days">
        <meta property="og:title" content="Lingoano - Ücretsiz Dil Öğrenme Platformu">
        <meta property="og:description" content="Ücretsiz dil öğrenme platformu. 6 farklı dilde gerçek insanlarla pratik yapın. İngilizce, Almanca, Fransızca, İspanyolca, Rusça ve Türkçe konuşma pratiği. Seviyenize uygun eşleşmeler bulun.">
        <meta property="og:type" content="website">
        <meta property="og:url" content="https://lingoano.com">
        <meta property="og:image" content="https://lingoano.com/logos/logo.png">
        <meta property="og:image:width" content="1200">
        <meta property="og:image:height" content="630">
        <meta property="og:site_name" content="Lingoano">
        <meta property="og:locale" content="tr_TR">
        <meta name="twitter:card" content="summary_large_image">
        <meta name="twitter:title" content="Lingoano - Ücretsiz Dil Öğrenme Platformu">
        <meta name="twitter:description" content="Ücretsiz dil öğrenme platformu. 6 farklı dilde gerçek insanlarla pratik yapın. İngilizce, Almanca, Fransızca, İspanyolca, Rusça ve Türkçe konuşma pratiği.">
        <meta name="twitter:image" content="https://lingoano.com/logos/logo.png">
        <meta name="twitter:site" content="@lingoano">
        <meta name="twitter:creator" content="@lingoano">
        <title>Lingoano - Ücretsiz Dil Öğrenme Platformu | 6 Dilde Gerçek İnsanlarla Pratik</title>
        <link rel="stylesheet" type="text/css" href="style.css">
        <link rel="stylesheet" type="text/css" href="popup-style.css">
        <link rel="preconnect" href="https://fonts.googleapis.com">
        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
        <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap" rel="stylesheet">
        
        
        
        <!-- Structured Data for SEO -->
        <script type="application/ld+json">
        {
          "@context": "https://schema.org",
          "@type": "WebApplication",
          "name": "Lingoano",
          "description": "Ücretsiz dil öğrenme platformu. 6 farklı dilde gerçek insanlarla pratik yapın. İngilizce, Almanca, Fransızca, İspanyolca, Rusça ve Türkçe konuşma pratiği. Seviyenize uygun eşleşmeler, anonim sohbet, dil arkadaşı bulma ve tarayıcı üzerinden erişim.",
          "url": "https://lingoano.com",
          "applicationCategory": "EducationalApplication",
          "operatingSystem": "Web Browser",
          "offers": {
            "@type": "Offer",
            "price": "0",
            "priceCurrency": "USD"
          },
          "author": {
            "@type": "Organization",
            "name": "Lingoano"
          },
          "keywords": "dil öğrenme, ücretsiz dil kursu, online dil pratiği, yabancı dil sohbet, konuşma pratiği, dil arkadaşı bulma, online İngilizce, ücretsiz Almanca kursu, Fransızca konuşma pratiği, İspanyolca öğrenme, Rusça konuşma, Türkçe öğrenme, yabancı dil arkadaşı, dil değişim uygulaması, online dil öğrenme platformu, ücretsiz yabancı dil, konuşma becerisi geliştirme, dil pratiği yapma, yabancı dil öğrenme sitesi, online konuşma pratiği, dil öğrenme uygulaması, ücretsiz dil değişimi, yabancı dil konuşma, dil öğrenme topluluğu",
          "inLanguage": ["tr", "en", "de", "es", "fr", "ru"],
          "audience": {
            "@type": "Audience",
            "audienceType": "Dil öğrenmek isteyenler"
          },
          "featureList": [
            "Ücretsiz erişim",
            "6 dil desteği",
            "Seviyeye göre eşleşme",
            "Anonim sohbet",
            "Tarayıcı üzerinden erişim",
            "Konuşma pratiği",
            "Dil arkadaşı bulma",
            "Online dil öğrenme",
            "Yabancı dil konuşma",
            "Dil değişimi",
            "Güvenli sohbet",
            "Mobil uyumlu tasarım"
          ]
        }
        </script>

        <style>
            /* İletişim popup stilleri */
            .contact-popup {
                display: none;
                position: fixed;
                z-index: 1000;
                left: 0;
                top: 0;
                width: 100%;
                height: 100%;
                background-color: transparent;
                backdrop-filter: blur(8px);
                justify-content: center;
                align-items: center;
            }

            .contact-popup-content {
                background-color: var(--secondary-bg);
                position: fixed;
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%);
                padding: 2rem;
                border-radius: 10px;
                width: 90%;
                max-width: 500px;
                text-align: center;
                box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
                border: 1px solid var(--border-color);
            }

            .contact-popup h2 {
                color: var(--accent-color);
                margin-bottom: 1rem;
                text-align: center;
            }

            .contact-popup p {
                margin-bottom: 1rem;
                text-align: center;
                color: var(--text-primary);
            }

            .contact-popup .email {
                font-weight: bold;
                color: var(--accent-color);
                font-size: 1.1rem;
            }

            .contact-popup .close {
                background-color: var(--accent-color);
                color: white;
                padding: 0.5rem 1.5rem;
                border: none;
                border-radius: 5px;
                cursor: pointer;
                font-size: 1rem;
                margin-top: 1rem;
            }

            .contact-popup .close:hover {
                background-color: var(--accent-hover);
            }

            /* Desktop için sağ-sol banner reklamları */
            .desktop-ads-container {
                display: none;
                position: fixed;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                pointer-events: none;
                z-index: 1000;
            }

            .left-banner-ad {
                position: fixed;
                left: 0;
                top: 50%;
                transform: translateY(-50%);
                width: 160px;
                height: 600px;
                background: var(--accent-bg);
                border: 1px solid var(--border-color);
                border-radius: 8px;
                pointer-events: auto;
                z-index: 1001;
            }

            .right-banner-ad {
                position: fixed;
                right: 0;
                top: 50%;
                transform: translateY(-50%);
                width: 160px;
                height: 600px;
                background: var(--accent-bg);
                border: 1px solid var(--border-color);
                border-radius: 8px;
                pointer-events: auto;
                z-index: 1001;
            }

            /* Geniş ekranlar için sağ-sol reklamları göster */
            @media (min-width: 1080px) {
                .desktop-ads-container {
                    display: block;
                }
                
                .main-content {
                    margin-left: 180px;
                    margin-right: 180px;
                }
            }
        </style>
    </head>
    <body>
        

        <div class="menu-toggle" aria-label="Menüyü aç/kapat" data-lang="menu-toggle-label">
            <span></span>
            <span></span>
            <span></span>
        </div>

        <div class="theme-switcher" data-active="default" aria-label="Tema değiştirici" data-lang="theme-switcher-label">
            <div class="theme-track">
                <div class="theme-step" data-theme="default" title="Varsayılan Tema" data-lang="default-theme"></div>
                <div class="theme-step" data-theme="blue" title="Mavi Tema" data-lang="blue-theme"></div>
                <div class="theme-step" data-theme="purple" title="Mor Tema" data-lang="purple-theme"></div>
                <div class="theme-step" data-theme="green" title="Yeşil Tema" data-lang="green-theme"></div>
            </div>
            <div class="theme-indicator"></div>
            <div class="theme-preview" data-theme="default" title="Varsayılan Tema" data-lang="default-theme"></div>
            <div class="theme-preview" data-theme="blue" title="Mavi Tema" data-lang="blue-theme"></div>
            <div class="theme-preview" data-theme="purple" title="Mor Tema" data-lang="purple-theme"></div>
            <div class="theme-preview" data-theme="green" title="Yeşil Tema" data-lang="green-theme"></div>
        </div>

        <nav class="menu-container" role="navigation">
            <div class="language-selector">
                <select id="site-language-desktop" class="site-language-select">
                    <option value="tr">🇹🇷 Türkçe</option>
                    <option value="en">🇺🇸 English</option>
                    <option value="de">🇩🇪 Deutsch</option>
                    <option value="es">🇪🇸 Español</option>
                    <option value="fr">🇫🇷 Français</option>
                    <option value="ru">🇷🇺 Русский</option>
                </select>
            </div>
            <ul class="menu">
                <li><a href="chat.html" aria-current="page" data-lang="chat">Chat</a></li>
                <li><a href="hakkında.html" data-lang="about">Lingoano Hakkında</a></li>
                <li><a href="gunun-kelimesi.html" data-lang="word-of-day">Günün Kelimesi</a></li>
                <li><a href="dil-rehberleri.html" data-lang="language-guides">Dil Rehberleri</a></li>
                <li><a href="indir.html" data-lang="download">İndir</a></li>
                <li class="language-menu-item">
                    <div class="language-selector">
                        <select id="site-language" class="site-language-select">
                            <option value="tr">🇹🇷 Türkçe</option>
                            <option value="en">🇺🇸 English</option>
                            <option value="de">🇩🇪 Deutsch</option>
                            <option value="es">🇪🇸 Español</option>
                            <option value="fr">🇫🇷 Français</option>
                            <option value="ru">🇷🇺 Русский</option>
                        </select>
                    </div>
                </li>
            </ul>
        </nav>

        <main class="main-content">
            <div class="container">
                <header class="fade-in">
                    <div class="header-content">
                        <a href="https://lingoano.com" target="_blank" rel="noopener noreferrer" aria-label="Lingoano Web Sitesi">
                            <img src="logos/logo.png" alt="Lingoano Logo" class="header-logo">
                        </a>
                        <h1 data-lang="home-title">Lingoano Web</h1>
                    </div>
                </header>
                
                <!-- Language Detection Loading -->
                <div id="language-loading" class="language-loading" style="display: none;">
                    <div class="loading-spinner"></div>
                    <p data-lang="detecting-language">Dil tespit ediliyor...</p>
                </div>
  
                
                <h3 data-lang="learn" style="margin-bottom: 30px;">Dil öğrenmeye bugün başla</h3>
                
                

                <section style="text-align: center;" class="content-section fade-in">

                    <form id="language-form">
                        <label style="margin-top: 20px; font-size: 24px; font-weight: bolder;" for="language" data-lang="select-language">Konuşmak istediğiniz dil:</label>
                        <select style="margin-top: 5px; width: 100%; height: 30px; border-radius: 25px; color: var(--primary-text); background: var(--accent-bg)" id="language" name="language" class="dil" required>
                            <option value="">Seçiniz</option>
                            <option value="english">İngilizce</option>
                            <option value="turkish">Türkçe</option>
                            <option value="german">Almanca</option>
                            <option value="french">Fransızca</option>
                            <option value="spanish">İspanyolca</option>
                            <option value="russian">Rusça</option>
                        </select>

                        <div style="display: flex; align-items: center; gap: 10px; margin-top: 40px; margin-bottom: 10px;">
                            <label style="margin: 0; font-size: 24px; font-weight: bolder;" for="level" data-lang="select-level">Bu dildeki seviyeniz:</label>
                            <button type="button" id="open-level-popup" aria-label="Seviye bilgisi" title="Seviye bilgisi" style="width: 30px; height: 30px; border-radius: 50%; border: 1px solid var(--border-color); background: var(--accent-bg); color: var(--text-primary); cursor: pointer; display: inline-flex; align-items: center; justify-content: center; font-weight: 700;">i</button>
                        </div>
                        <select style="margin-top: 5px; width: 100%; height: 30px; border-radius: 25px; color: var(--primary-text); background: var(--accent-bg)" id="level" name="level" class="seviye" required>
                            <option value="">Seçiniz</option>
                            <option value="A1">A1 (Başlangıç)</option>
                            <option value="A2">A2 (Temel)</option>
                            <option value="B1">B1 (Orta)</option>
                            <option value="B2">B2+ (İleri)</option>
                        </select>

                        <button type="submit" class="esles" data-lang="search-match">Eşleşme Ara</button>
                        </form>

                    <p data-lang="status-content">
                        Lingoano'nun web sürümü, dil öğrenmeyi kolaylaştırmak için tasarlandı. Uygulama indirmenize gerek kalmadan tarayıcı üzerinden pratik yapabilirsiniz. Eşleşme sistemimiz, benzer hedef ve seviyeye sahip kullanıcıları bir araya getiriyor.
                    </p>
                    
                    <h3 data-lang="why-Lingoano">Neden Lingoano Web</h3>
                    <ul style="list-style-type: disc; text-align: left; max-width: 600px; margin: 1rem auto; padding-left: 2rem; color: var(--text-secondary);">
                        <li data-lang="feature-browser">Tarayıcı üzerinden erişim - herhangi bir cihazdan kullanabilirsiniz</li>
                        <li data-lang="feature-matching">Seviyeye göre eşleşme - sizinle aynı seviyede olan kişilerle konuşursunuz</li>
                        <li data-lang="feature-anonymous">Anonim sohbet sistemi - kimliğinizi gizli tutarak rahatça pratik yapabilirsiniz</li>
                        <li data-lang="feature-multilingual">Çoklu dil desteği - İngilizce, Türkçe, İspanyolca ve Almanca</li>
                        <li data-lang="feature-mobile">Mobil uyumlu arayüz - telefonunuzdan da rahatça kullanabilirsiniz</li>
                        <li data-lang="feature-free">Ücretsiz erişim - hiçbir ücret ödemeden dil öğrenin</li>
                    </ul>

                    

                </section>

                <!-- Neden Dil Öğrenmelisin Bölümü -->
                <section class="content-section" style="margin-top: 2rem; padding: 2rem 0; background: linear-gradient(135deg, var(--accent-bg) 0%, var(--primary-bg) 100%); border-radius: 15px; border: 1px solid var(--border-color);">
                    <div class="container">
                        <h2 style="text-align: center; font-size: 2rem; color: var(--accent-color); margin-bottom: 0.5rem;" data-lang="why-learn-title">Neden Dil Öğrenmelisin</h2>
                        <p style="text-align: center; font-size: 1rem; color: var(--text-secondary); margin-bottom: 2rem; max-width: 700px; margin-left: auto; margin-right: auto;" data-lang="why-learn-subtitle">
                            Dil öğrenmek sadece yeni kelimeler öğrenmek değil, yeni bir dünya keşfetmektir. İşte neden dil öğrenmeniz gerektiğinin birkaç nedeni:
                        </p>
                        
                        <div id="why-grid" style="display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 1rem; max-width: 900px; margin: 0 auto;">
                            <div style="background: var(--primary-bg); padding: 1rem; border-radius: 10px; border: 1px solid var(--border-color); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);">
                                <h4 style="color: var(--accent-color); margin-bottom: 0.5rem; text-align: center; font-size: 1rem;" data-lang="career-opportunities">Kariyer Fırsatları</h4>
                                <p style="color: var(--text-secondary); line-height: 1.4; font-size: 0.85rem;" data-lang="career-description">
                                    İkinci bir dil bilmek iş dünyasında büyük avantaj sağlar. Uluslararası şirketlerde çalışma, yurtdışı iş fırsatları ve daha yüksek maaşlar elde edebilirsiniz.
                                </p>
                            </div>

                            <div style="background: var(--primary-bg); padding: 1rem; border-radius: 10px; border: 1px solid var(--border-color); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);">
                                <h4 style="color: var(--accent-color); margin-bottom: 0.5rem; text-align: center; font-size: 1rem;" data-lang="cultural-richness">🌍 Kültürel Zenginlik</h4>
                                <p style="color: var(--text-secondary); line-height: 1.4; font-size: 0.85rem;" data-lang="cultural-description">
                                    Her dil, kendine özgü bir kültürü ve düşünce tarzını barındırır. Yeni bir dil öğrendiğinizde, o kültürün filmlerini, kitaplarını ve müziğini anlayabilirsiniz.
                                </p>
                            </div>

                            <div style="background: var(--primary-bg); padding: 1rem; border-radius: 10px; border: 1px solid var(--border-color); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);">
                                <h4 style="color: var(--accent-color); margin-bottom: 0.5rem; text-align: center; font-size: 1rem;" data-lang="travel-freedom">✈️ Seyahaft Özgürlüğü</h4>
                                <p style="color: var(--text-secondary); line-height: 1.4; font-size: 0.85rem;" data-lang="travel-description">
                                    Yabancı bir ülkede yerel dili konuşabilmek, seyahat deneyiminizi tamamen değiştirir. Sadece turistik yerleri değil, gerçek yerel deneyimleri yaşayabilirsiniz.
                                </p>
                            </div>

                            <div style="background: var(--primary-bg); padding: 1rem; border-radius: 10px; border: 1px solid var(--border-color); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);">
                                <h4 style="color: var(--accent-color); margin-bottom: 0.5rem; text-align: center; font-size: 1rem;" data-lang="brain-health">🧠 Beyin Sağlığı</h4>
                                <p style="color: var(--text-secondary); line-height: 1.4; font-size: 0.85rem;" data-lang="brain-description">
                                    Dil öğrenmek beyninizi aktif tutar ve hafızanızı güçlendirir. Araştırmalar, çok dilli insanların Alzheimer gibi hastalıklara karşı daha dirençli olduğunu gösteriyor.
                                </p>
                            </div>

                            <div style="background: var(--primary-bg); padding: 1rem; border-radius: 10px; border: 1px solid var(--border-color); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);">
                                <h4 style="color: var(--accent-color); margin-bottom: 0.5rem; text-align: center; font-size: 1rem;" data-lang="confidence">💪 Güven ve Özgüven</h4>
                                <p style="color: var(--text-secondary); line-height: 1.4; font-size: 0.85rem;" data-lang="confidence-description">
                                    Yeni bir dil öğrenmek, kendinize olan güveninizi artırır. Zorlu bir hedefi başardığınızı görmek, hayatınızın diğer alanlarında da daha cesur olmanızı sağlar.
                                </p>
                            </div>

                            <div style="background: var(--primary-bg); padding: 1rem; border-radius: 10px; border: 1px solid var(--border-color); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);">
                                <h4 style="color: var(--accent-color); margin-bottom: 0.5rem; text-align: center; font-size: 1rem;" data-lang="social-connections">🤝 Sosyal Bağlantılar</h4>
                                <p style="color: var(--text-secondary); line-height: 1.4; font-size: 0.85rem;" data-lang="social-description">
                                    Dil, insanları birbirine bağlayan en güçlü araçlardan biridir. Yeni bir dil öğrendiğinizde, dünyanın farklı yerlerinden insanlarla iletişim kurabilirsiniz.
                                </p>
                            </div>
                        </div>
                    </div>
                </section>

                

                <p style="font-size: 1.2rem; color: var(--accent-color); margin-top: 2rem; text-align: center;" data-lang="footer">
                    Gerçek pratik ortamında Lingoano ile dil öğrenmeye bugün başlayın
                </p>

                

                
            </div>
        </main>

        <footer class="footer" style="background: var(--accent-bg); width: 100%; margin: 0; padding: 0;">
            <div style="display: flex; flex-direction: column; align-items: center; max-width: 100%; margin: 0 auto; padding: 0.5rem 1rem; gap: 0.5rem; box-sizing: border-box;">
                <a href="https://github.com/AhmetEfeYSR" target="_blank" rel="noopener noreferrer" aria-label="GitHub profilini ziyaret et" data-lang="github-visit">
                    <img src="https://cdn0.iconfinder.com/data/icons/shift-logotypes/32/Github-512.png" alt="GitHub" class="github-logo">
                </a>
                <div class="footer-links-container" style="display: flex !important; justify-content: space-between !important; align-items: center !important; width: 100% !important; padding: 0 1rem !important; gap: 0 !important; flex-wrap: nowrap !important; white-space: nowrap !important; position: relative !important;">
                    <a href="gizlilik-politikasi.html" class="privacy-link" style="color: var(--text-secondary); text-decoration: none; font-size: 0.9rem; text-align: center !important; margin: 0 !important; flex: 0 0 auto !important;" data-lang="privacy-policy">Gizlilik Politikası</a>
                    <button id="contact-btn" class="contact-btn" style="color: var(--text-secondary); text-decoration: none; font-size: 0.9rem; background: none; border: none; cursor: pointer; flex: 0 0 auto !important; text-align: center !important; margin: 0 !important; position: absolute !important; left: 50% !important; transform: translateX(-50%) !important; z-index: 10 !important;" data-lang="contactfooter">İletişim</button>
                    <a href="kullanim-sartlari.html" class="terms-link" style="color: var(--text-secondary); text-decoration: none; font-size: 0.9rem; text-align: center !important; margin: 0 !important; flex: 0 0 auto !important;" data-lang="terms-of-service">Kullanım Şartları</a>
                </div>
            </div>
        </footer>

        <!-- İletişim Popup -->
        <div id="contact-popup" class="contact-popup">
            <div class="contact-popup-content">
                <h2 data-lang="contact-us">Bizimle İletişime Geçin</h2>
                <p data-lang="contact-description">Sorularınız, önerileriniz veya geri bildirimleriniz için bizimle iletişime geçebilirsiniz.</p>
                <p class="email" data-lang="contact-email">E-posta: contact@lingoano.com</p>
                <p data-lang="contact-response">Yanıt süresi: 24-48 saat içinde</p>
                <button class="close" onclick="closeContactPopup()" data-lang="close">Kapat</button>
            </div>
        </div>

        <button class="donate-button">
            <span data-lang="donate-button">DONATE</span>
        </button>

        <div class="donate-popup">
            <div class="donate-popup-content">
                <div class="donate-popup-header">
                    <h3 data-lang="donate">Lingoano'yı Destekle</h3>
                    <button class="donate-close">&times;</button>
                </div>
                <div class="donate-popup-body">
                    <p data-lang="donate-content">
                        Geliştirme aşamasındaki bu uygulamayı desteklemek isterseniz "Buy Me A Coffee" sayfasından destek olabilirsiniz
                    </p>
                    <a href="https://buymeacoffee.com/ahmetefeysr" target="_blank" rel="noopener noreferrer" class="bmc-button" data-lang="buy-me-coffee">
                        Buy Me a Coffee
                    </a>
                </div>
            </div>
        </div>

        <!-- Seviye Popup -->
        <div id="level-popup" class="contact-popup" style="display:none;">
            <div class="contact-popup-content">
                <h2 data-lang="level-popup-title">Seviyeni Öğren <br> 
                    (Dış bağlantılar)</h2>
                <p style="margin-bottom: 1rem;" data-lang="level-popup-desc">Aşağıdaki bağlantılarla dil seviyeni hızlıca ölçebilirsin:</p>
                <ul style="text-align: center; margin: 0 auto 1rem; padding: 0; list-style: none; max-width: 480px;">
                    <li style="margin: .35rem 0;">English - <a href="https://www.languagetrainers.com/english-level-test.php" target="_blank" rel="noopener">Language Trainers</a></li>
                    <li style="margin: .35rem 0;">Deutsch - <a href="https://www.languagetrainers.com/german-level-test.php" target="_blank" rel="noopener">Language Trainers</a></li>
                    <li style="margin: .35rem 0;">Français - <a href="https://www.languagetrainers.com/french-level-test.php" target="_blank" rel="noopener">Language Trainers</a></li>
                    <li style="margin: .35rem 0;">Español - <a href="https://www.languagetrainers.com/spanish-level-test.php" target="_blank" rel="noopener">Language Trainers</a></li>
                    <li style="margin: .35rem 0;">Русский - <a href="https://www.languagetrainers.com/russian-level-test.php" target="_blank" rel="noopener">Language Trainers</a></li>
                    <li style="margin: .35rem 0;">Türkçe - <a href="https://www.languagetrainers.com/turkish-level-test.php" target="_blank" rel="noopener">Language Trainers</a></li>
                </ul>
                <button class="close" id="close-level-popup" data-lang="close">Kapat</button>
            </div>
        </div>

        <script src="/liguanadinlemeserver/env.js"></script>
        <script>
            // Minimal client-side env loader for static hosting
            window.env = window.env || {};
            // Map to both keys for backward compatibility
            if (window.env.LIGUANA_TOPIC_SALT && !window.env.Lingoano_TOPIC_SALT) {
                window.env.Lingoano_TOPIC_SALT = window.env.LIGUANA_TOPIC_SALT;
            }
            window.env.Lingoano_TOPIC_SALT = window.env.Lingoano_TOPIC_SALT || 'ŞEBNEM';
        </script>
        
        <script src="script/translations.js"></script>
        <script defer src="script/js.js"></script>
        <script defer src="script/dictionary-widget.js"></script>
        <script>
            // İletişim popup fonksiyonları
            document.getElementById('contact-btn').addEventListener('click', function() {
                document.getElementById('contact-popup').style.display = 'block';
            });

            function closeContactPopup() {
                document.getElementById('contact-popup').style.display = 'none';
            }

            // Popup dışına tıklandığında kapatma
            document.getElementById('contact-popup').addEventListener('click', function(e) {
                if (e.target === this) {
                    closeContactPopup();
                }
            });

            // ESC tuşu ile kapatma
            document.addEventListener('keydown', function(e) {
                if (e.key === 'Escape') {
                    closeContactPopup();
                }
            });

            // Level popup aç/kapat
            (function(){
                var openBtn = document.getElementById('open-level-popup');
                var popup = document.getElementById('level-popup');
                var closeBtn = document.getElementById('close-level-popup');
                if (openBtn && popup) {
                    openBtn.addEventListener('click', function(){ popup.style.display = 'block'; });
                }
                if (closeBtn && popup) {
                    closeBtn.addEventListener('click', function(){ popup.style.display = 'none'; });
                }
                if (popup) {
                    popup.addEventListener('click', function(e){ if (e.target === popup) popup.style.display = 'none'; });
                }
            })();
        </script>
    </body>
</html>
