<!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 hakkında detaylı bilgi - Dil öğrenme platformu, IPFS teknolojisi, gizlilik ve güvenlik özellikleri">
        <meta name="keywords" content="Lingoano, dil öğrenme, IPFS, WebRTC, gizlilik, güvenlik, anonim sohbet">
        <meta name="author" content="Lingoano">
        <meta name="robots" content="index, follow">
        <link rel="canonical" href="https://lingoano.com/hakkında.html">
        <meta property="og:title" content="Lingoano Hakkında - Dil Öğrenme Platformu">
        <meta property="og:description" content="Lingoano dil öğrenme platformu hakkında detaylı bilgi, IPFS teknolojisi ve güvenlik özellikleri">
        <meta property="og:type" content="website">
        <meta property="og:url" content="https://Lingoano.com/hakkinda">
        <meta property="og:image" content="logo.png">
        <meta name="twitter:card" content="summary_large_image">
        <meta name="twitter:title" content="Lingoano Hakkında">
        <meta name="twitter:description" content="Dil öğrenme platformu hakkında detaylı bilgi">
        <title data-lang="about-title-page">Lingoano Hakkında - Dil Öğrenme Platformu</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">
        
        

        <style>
            /* İletişim popup stilleri */
            .contact-popup {
                display: none;
                position: fixed;
                z-index: 1000;
                left: 0;
                top: 0;
                width: 100%;
                height: 100%;
                background-color: rgba(0, 0, 0, 0.5);
                backdrop-filter: blur(5px);
            }

            .contact-popup-content {
                background-color: var(--bg-primary);
                margin: 15% auto;
                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;
            }

            .contact-popup p {
                margin-bottom: 1rem;
                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);
            }

            /* Slider stilleri */
            .slider-container {
                position: relative;
                max-width: 800px;
                margin: 2rem auto;
                overflow: hidden;
                border-radius: 10px;
                border: 1px solid var(--border-color);
                background: var(--accent-bg);
            }

            .slider {
                display: flex;
                transition: transform 0.5s ease-in-out;
            }

            .slide {
                min-width: 100%;
                box-sizing: border-box;
                padding: 2rem;
                text-align: center;
            }

            .slide h3 {
                color: var(--accent-color);
                margin-bottom: 1rem;
            }

            .slide p {
                color: var(--text-secondary);
            }

            .slider-btn {
                position: absolute;
                top: 50%;
                transform: translateY(-50%);
                background-color: rgba(0, 0, 0, 0.5);
                color: white;
                border: none;
                padding: 0.5rem 1rem;
                cursor: pointer;
                border-radius: 5px;
                font-size: 1.5rem;
            }

            .prev-btn {
                left: 10px;
            }

            .next-btn {
                right: 10px;
            }
            
        </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="anasayfa.html" data-lang="chat">Chat</a></li>
                <li><a href="hakkında.html" aria-current="page" 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">
                        <img src="logos/logo.png" alt="Lingoano Logo" class="header-logo">
                        <h1 data-lang="meet">Lingoano ile Tanışın</h1>
                    </div>
                </header>
                
                


                
                <section class="content-section fade-in">
                    <h2 data-lang="about">Lingoano Nedir</h2>
                    <p data-lang="description">
                    Lingoano, dil öğrenmeyi kolaylaştırmak için tasarlanmış yenilikçi bir platformdur. Sizinle aynı dili öğrenmek isteyen kişilerle anonim olarak eşleşmenizi sağlar ve gerçek konuşma pratiği yapmanıza olanak tanır.
                    </p>
                    
                    <div style="background: var(--accent-bg); padding: 2.5rem; border-radius: 12px; border: 1px solid var(--border-color); margin: 2.5rem auto; max-width: 600px;">
                        <h3 style="color: var(--accent-color); margin-bottom: 1.5rem;" data-lang="learn">Dil Öğrenme Yaklaşımımız</h3>
                        <p style="margin: 0; font-size: 1.1rem; line-height: 1.7; text-align: center;" data-lang="learn-content">
                        Geleneksel dil öğrenme yöntemlerinden farklı olarak, Lingoano gerçek konuşma pratiğine odaklanır. Karmaşık gramer kuralları ve ezberleme yerine, doğal sohbet ortamında dil öğrenmenizi sağlar. Sizinle aynı seviyede olan kişilerle eşleşerek, rahat ve etkili bir öğrenme deneyimi yaşarsınız.
                        </p>
                    </div>

                    
                </section>

                <section class="content-section fade-in">
                    <h2 data-lang="app-features-title">Lingoano App'te Neler Var?</h2>
                    <div class="slider-container">
                        <div class="slider">
                            <div class="slide">
                                <h3 data-lang="feature1_title">Çevrimdışı Gramer Dersleri</h3>
                                <p data-lang="feature1_desc">Dilin temel yapı taşlarını ve kurallarını internet bağlantısı olmadan, interaktif derslerle öğrenin. Anlama becerinizi ve kendinize olan güveninizi sağlam temeller üzerine kurun.</p>
                            </div>
                            <div class="slide">
                                <h3 data-lang="feature2_title">Geniş Kelime Havuzu</h3>
                                <p data-lang="feature2_desc">Seviyenize uygun binlerce kelimeye çevrimdışı erişim sağlayın. Akıllı bilgi kartları ve pratik alıştırmalarla yeni kelimeleri kalıcı olarak hafızanıza ekleyin ve dağarcığınızı zenginleştirin.</p>
                            </div>
                            <div class="slide">
                                <h3 data-lang="feature3_title">Telaffuz Pratiği</h3>
                                <p data-lang="feature3_desc">Anadili konuşanların telaffuzlarını dinleyin ve kendi sesinizi kaydederek karşılaştırın. Bu pratik araçla aksanınızı geliştirin, daha net ve doğal bir şekilde konuşmaya başlayın.</p>
                            </div>
                            <div class="slide">
                                <h3 data-lang="feature4_title">Dinamik Sohbet Odaları</h3>
                                <p data-lang="feature4_desc">Dünyanın dört bir yanından gelen ve sizinle aynı dili öğrenen insanlarla canlı sohbetlere katılın. Becerilerinizi gerçek zamanlı olarak test edin, yeni kültürler keşfedin ve uluslararası dostluklar kurun.</p>
                            </div>
                            <div class="slide">
                                <h3 data-lang="feature5_title">Eğlenceli Görevler ve Bulmacalar</h3>
                                <p data-lang="feature5_desc">Öğrenme sürecinizi, her gün yenilenen kelime bulmacaları ve dil oyunları ile eğlenceli bir maceraya dönüştürün. Motivasyonunuzu yüksek tutarak sıkılmadan öğrenmenin keyfini çıkarın.</p>
                            </div>
                        </div>
                        <button class="slider-btn prev-btn">&lt;</button>
                        <button class="slider-btn next-btn">&gt;</button>
                    </div>
                </section>

                <section class="content-section fade-in">
                    <h2 data-lang="why">Neden Dil Öğrenmelisiniz</h2>
                    <p data-lang="why-content">
                    Yeni bir dil öğrenmek, sadece yeni kelimeler öğrenmek değil, yeni bir dünya keşfetmektir. Farklı kültürleri anlamak, yeni insanlarla tanışmak ve yepyeni fırsatların kapısını aralamaktır. İster kariyer, ister eğitim, ister sadece kişisel gelişim için olsun, dil becerisi artık herkes için önemli. Lingoano, bu yolculukta size basit ama etkili bir başlangıç noktası sunar.
                    </p>
                    
                    <div style="text-align: left; max-width: 800px; margin: 2rem auto; padding: 1.5rem; background: var(--accent-bg); border-radius: 10px; border: 1px solid var(--border-color);">
                        <h3 style="color: var(--accent-color); margin-bottom: 1.5rem;" data-lang="benefits">Dil Öğrenmenin Faydaları</h3>
                        
                        <h4 style="color: var(--text-primary); margin: 1.5rem 0 0.5rem 0; text-align: center;" data-lang="career-development">Kariyer Gelişimi</h4>
                        <p style="margin-bottom: 1rem; color: var(--text-secondary);" data-lang="career-development-content">
                            İkinci bir dil bilmek, iş dünyasında büyük avantaj sağlar. Uluslararası şirketlerde çalışma imkanı, yurtdışı iş fırsatları ve daha yüksek maaşlar elde edebilirsiniz. Özellikle İngilizce, günümüzde neredeyse her sektörde gerekli bir beceri haline geldi.
                        </p>

                        <h4 style="color: var(--text-primary); margin: 1.5rem 0 0.5rem 0; text-align: center;" data-lang="cultural-richness">Kültürel Zenginlik</h4>
                        <p style="margin-bottom: 1rem; color: var(--text-secondary);" data-lang="cultural-richness-content">
                            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 anlayabilir, farklı perspektiflerden dünyaya bakabilirsiniz.
                        </p>

                        <h4 style="color: var(--text-primary); margin: 1.5rem 0 0.5rem 0; text-align: center;" data-lang="travel-freedom">Seyahat Özgürlüğü</h4>
                        <p style="margin-bottom: 1rem; color: var(--text-secondary);" data-lang="travel-freedom-content">
                            Yabancı bir ülkede yerel dili konuşabilmek, seyahat deneyiminizi tamamen değiştirir. Sadece turistik yerleri değil, gerçek yerel deneyimleri yaşayabilir, yeni arkadaşlar edinebilirsiniz.
                        </p>

                        <h4 style="color: var(--text-primary); margin: 1.5rem 0 0.5rem 0; text-align: center;" data-lang="brain-health">Beyin Sağlığı</h4>
                        <p style="margin-bottom: 1rem; color: var(--text-secondary);" data-lang="brain-health-content">
                            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>

                        <h4 style="color: var(--text-primary); margin: 1.5rem 0 0.5rem 0; text-align: center;" data-lang="confidence">Güven ve Özgüven</h4>
                        <p style="margin-bottom: 1rem; color: var(--text-secondary);" data-lang="confidence-content">
                            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>
                    
                    <p style="color: var(--accent-color); font-weight: 500; font-size: 1.1rem; margin-top: 2rem; text-align: center;" data-lang="status-content">
                        Lingoano ile dil öğrenme yolculuğunuza başlayın ve geleceğinize yatırım yapın
                    </p>

                    
                </section>

                

                <section class="content-section fade-in">
                    <h2 data-lang="privacy">Gizlilik ve Güvenlik</h2>
                    <p data-lang="privacy-content">
                    Lingoano'da gizliliğiniz bizim en önemli önceliğimizdir. Sohbetleriniz merkeziyetsiz IPFS ağı üzerinden gerçekleştirilir, yani mesajlarınız hiçbir sunucuda saklanmaz ve başka kimse tarafından izlenemez. Bu sayede hem sansüre karşı dayanıklı, hem de sizi koruyan bir yapı sunar. Ayrıca veritabanı yükü de olmadığı için sistem sade, hızlı ve güvenlidir.
                    </p>
                    
                    <div class="terminal-text" style="font-size: 15px; margin: 2.5rem auto; max-width: 600px;">
                        <span style="display: block; text-align: center; font-size: 21px;" data-lang="privacy-features">Güvenlik Özelliklerimiz</span>
                        <p style="color: var(--terminal-green); margin-top: 15px" data-lang="terminal1">&gt; Hiçbir mesaj geçmişi tutulmaz<br></p>
                        <p style="color: var(--terminal-green)" data-lang="terminal2">&gt; Sohbetler sunucuya uğramaz (varsayılan protokolde)<br></p>
                        <p style="color: var(--terminal-green)" data-lang="terminal3">&gt; Kullanıcı bilgileri istenmez, kaydedilmez<br></p>
                        <p style="color: var(--terminal-green)" data-lang="terminal4">&gt; İsteyen herkes kodu inceleyebilir<br></p>
                        <p style="color: var(--terminal-green)" data-lang="terminal5">&gt; Hedefimiz: hem öğrenmeyi hem de güvenliği ciddiye almak</p>

                    </div>
                    <p style="margin: 1rem auto; max-width: 700px; color: var(--text-secondary); text-align: center;">
                        <span data-lang="p2p-fallback-disclaimer">P2P mümkün olmadığında WebSocket ile sunucu üzerinden geçici işleme yapılır; kalıcı kayıt tutulmaz.</span>
                        <br>
                        <span data-lang="udp-vpn-tip-inline">UDP destekli bir VPN (WireGuard, OpenVPN-UDP) kullanmak P2P başarı oranını artırabilir.</span>
                    </p>
                                            
                    <h3 data-lang="privacy-principles">Gizlilik İlkelerimiz</h3>
                    <div style="text-align: left; max-width: 700px; margin: 2rem auto; padding: 1.5rem; background: var(--accent-bg); border-radius: 10px; border: 1px solid var(--border-color);">
                        <div style="margin-bottom: 1.5rem;" data-lang="decentralized-structure">
                            <strong style="color: var(--accent-color);">Merkeziyetsiz Yapı:</strong> 
                            <span style="color: var(--text-secondary);">Verileriniz dağıtık ağda iletilir, tek bir merkezi noktada toplanmaz.</span>
                        </div>
                        <div style="margin-bottom: 1.5rem;" data-lang="censorship-resistance">
                            <strong style="color: var(--accent-color);">Sansür Direnci:</strong> 
                            <span style="color: var(--text-secondary);">Hiçbir otorite platformumuzu engelleyemez, her zaman erişilebilir kalır.</span>
                        </div>
                        <div style="margin-bottom: 1.5rem;" data-lang="full-anonymity">
                            <strong style="color: var(--accent-color);">Tam Anonimlik:</strong> 
                            <span style="color: var(--text-secondary);">Kimlik bilgileriniz istenmez, gerçek adınızı paylaşmak zorunda değilsiniz.</span>
                        </div>
                        <div style="margin-bottom: 1.5rem;" data-lang="minimal-data">
                            <strong style="color: var(--accent-color);">Minimal Veri:</strong> 
                            <span style="color: var(--text-secondary);">Sadece gerekli bilgiler tutulur, gereksiz veri toplamayız.</span>
                        </div>
                        <div style="margin-bottom: 1.5rem;" data-lang="zero-record">
                            <strong style="color: var(--accent-color);">Sıfır Kayıt:</strong> 
                            <span style="color: var(--text-secondary);">Sohbetleriniz hiçbir yerde saklanmaz, tamamen geçicidir.</span>
                        </div>
                    </div>
                    
                    <p style="color: var(--accent-color); font-weight: 500; font-size: 1rem; margin-top: 2rem;" data-lang="footer">
                        Gizliliğiniz bizim önceliğimiz. Lingoano ile özgürce iletişim kurun
                    </p>
                </section>

                <section class="content-section fade-in">
                    <h2 data-lang="how-it-works">Nasıl Çalışır</h2>
                    <p data-lang="how-it-works-content">
                        Lingoano'nın çalışma prensibi oldukça basit ve etkilidir. Platform, sizinle aynı dili öğrenmek isteyen kişilerle sizi eşleştirir ve gerçek konuşma pratiği yapmanızı sağlar.
                    </p>
                    
                    <div style="text-align: left; max-width: 800px; margin: 2rem auto; padding: 1.5rem; background: var(--accent-bg); border-radius: 10px; border: 1px solid var(--border-color);">
                        <h3 style="color: var(--accent-color); margin-bottom: 1.5rem; text-align: center;" data-lang="step-by-step-process">Adım Adım Süreç</h3>
                        
                        <div style="margin-bottom: 2rem;" data-lang="language-level-selection">
                            <h4 style="color: var(--text-primary); margin: 1rem 0 0.5rem 0; text-align: center;" data-lang="step-1">1. Dil ve Seviye Seçimi</h4>
                            <p style="margin-bottom: 1rem; color: var(--text-secondary);" data-lang="step-1-content">
                                Öğrenmek istediğiniz dili ve mevcut seviyenizi seçin. A1'den B2+'ya kadar tüm seviyeler desteklenir. Bu sayede sizinle aynı seviyede olan kişilerle eşleşirsiniz.
                            </p>
                        </div>

                        <div style="margin-bottom: 2rem;" data-lang="automatic-matching">
                            <h4 style="color: var(--text-primary); margin: 1rem 0 0.5rem 0; text-align: center;" data-lang="step-2">2. Otomatik Eşleşme</h4>
                            <p style="margin-bottom: 1rem; color: var(--text-secondary);" data-lang="step-2-content">
                                Sistem, sizinle aynı dili öğrenmek isteyen ve benzer seviyede olan kullanıcılarla sizi otomatik olarak eşleştirir. Bu sayede rahat ve etkili bir öğrenme deneyimi yaşarsınız.
                            </p>
                        </div>

                        <div style="margin-bottom: 2rem;" data-lang="secure-chat">
                            <h4 style="color: var(--text-primary); margin: 1rem 0 0.5rem 0; text-align: center;" data-lang="step-3">3. Güvenli Sohbet</h4>
                            <p style="margin-bottom: 1rem; color: var(--text-secondary);" data-lang="step-3-content">
                                IPFS teknolojisi sayesinde sohbetleriniz tamamen güvenli ve anonimdir. Mesajlarınız hiçbir sunucuda saklanmaz ve kimse tarafından izlenemez.
                            </p>
                        </div>

                        <div style="margin-bottom: 2rem;" data-lang="continuous-learning">
                            <h4 style="color: var(--text-primary); margin: 1rem 0 0.5rem 0; text-align: center;" data-lang="step-4">4. Sürekli Öğrenme</h4>
                            <p style="margin-bottom: 1rem; color: var(--text-secondary);" data-lang="step-4-content">
                                Her sohbet, dil becerilerinizi geliştirmeniz için yeni bir fırsattır. Farklı kişilerle konuşarak kelime dağarcığınızı genişletir ve telaffuzunuzu iyileştirirsiniz.
                            </p>
                        </div>
                    </div>
                </section>

                

                <section class="content-section fade-in">
                    <h2 data-lang="technology-security">Teknoloji ve Güvenlik</h2>
                    <p data-lang="technology-security-content">
                        Lingoano, en son teknolojileri kullanarak güvenli ve etkili bir dil öğrenme deneyimi sunar. Platformumuz, kullanıcıların gizliliğini ve güvenliğini en üst düzeyde tutmak için tasarlanmıştır.
                    </p>
                    
                    <div style="text-align: left; max-width: 800px; margin: 2rem auto; padding: 1.5rem; background: var(--accent-bg); border-radius: 10px; border: 1px solid var(--border-color);">
                        <h3 style="color: var(--accent-color); margin-bottom: 1.5rem; text-align: center;" data-lang="technologies-we-use">Kullandığımız Teknolojiler</h3>
                        
                        <div style="margin-bottom: 1.5rem;" data-lang="ipfs">
                            <h4 style="color: var(--text-primary); margin: 1rem 0 0.5rem 0; text-align: center;" data-lang="ipfs-title">IPFS (InterPlanetary File System)</h4>
                            <p style="margin-bottom: 1rem; color: var(--text-secondary);" data-lang="ipfs-content">
                                Merkeziyetsiz dosya sistemi kullanarak, mesajlarınızın hiçbir sunucuda saklanmamasını sağlar. Bu teknoloji, sansüre karşı dayanıklı ve güvenli bir iletişim ortamı yaratır.
                            </p>
                        </div>

                        <div style="margin-bottom: 1.5rem;" data-lang="webrtc">
                            <h4 style="color: var(--text-primary); margin: 1rem 0 0.5rem 0; text-align: center;" data-lang="webrtc-title">WebRTC</h4>
                            <p style="margin-bottom: 1rem; color: var(--text-secondary);" data-lang="webrtc-content">
                                Doğrudan peer-to-peer iletişim için kullanılan WebRTC teknolojisi, mesajlarınızın üçüncü taraf sunuculara uğramadan doğrudan karşı tarafa ulaşmasını sağlar.
                            </p>
                        </div>

                        <div style="margin-bottom: 1.5rem;" data-lang="open-source-code">
                            <h4 style="color: var(--text-primary); margin: 1rem 0 0.5rem 0; text-align: center;" data-lang="open-source-title">Açık Kaynak Kod</h4>
                            <p style="margin-bottom: 1rem; color: var(--text-secondary);" data-lang="open-source-content">
                                Tüm kodumuz açık kaynak olarak yayınlanmıştır. Bu sayede güvenlik uzmanları ve geliştiriciler platformumuzu inceleyebilir ve güvenliğimizi doğrulayabilir.
                            </p>
                        </div>
                    </div>
                </section>

                <section class="content-section fade-in">
                    <h2 data-lang="faq-title">Sıkça Sorulan Sorular</h2>
                    <div class="faq-item">
                        <h3 data-lang="faq-q-p2p">Mesajlar sunucuya uğramadan nasıl iletilir?</h3>
                        <p data-lang="faq-a-p2p-content">Varsayılan olarak IPFS/WebRTC gibi P2P protokoller tercih edilir. Bu protokoller sayesinde mesajlar doğrudan eşler arasında iletilir ve sunucuya uğramadan iletilir. Protokollerin temelinde ip adresleri arasında özel bir ağ kurulur ve bu ağ üzerinden mesajlar iletilir.</p>
                    </div>
                    <div class="faq-item">
                        <h3 data-lang="faq-q-udp-vpn">UDP destekli bir VPN kullanmak bağlantıyı nasıl iyileştirir?</h3>
                        <p data-lang="faq-a-udp-vpn-content">NAT geçişi normalde operatörler tarafından engellenir çünkü aynı baza bağlı bir sürü cihaz vardır ve hepsine private ip verilmez bu da nodelerin iletişim kuramsını engeller. CireGuard veya OpenVPN-UDP gibi UDP tabanlı VPN’ler, P2P/WebRTC bağlantı başarı oranını artırabilir. Bu sayede eşler arasında daha hızlı ve güvenli bir bağlantı sağlanır.</p>
                    </div>
                    <div class="faq-item">
                        <h3 data-lang="faq-q-privacy">Sohbetimin ipfs gibi merkeziyetsiz bir protokolde mi olduğunu nasıl anlarım?</h3>
                        <p data-lang="faq-a-privacy-content">Normal şartlarda iletişiminiz ipfs ve WebRTC protokolleriyle sağlanmaya çalışılır fakat eğer bu protokoller başarısız olursa WebSocket adı verilen bir protokol kullanılır bu durumda sohbet suncu üzerinden yönetilir fakat sohbet kayıdı hiçbir koşulda tutulmaz </p>
                    </div>
                    <div class="faq-item">
                        <h3 data-lang="faq-q-vpn-how">Neden Lingoano?</h3>
                        <p data-lang="faq-a-vpn-how-content">Lingoano diğer dil öğrenme uygulamalarından farklı olarak sizinle aynı dili öğrenmeye çalışan kişilerle konuşmanıza olanak tanır bu sayede hem dil öğrenmenizi sağlar hem de gerçek bir insanla sohbet ettiğiniz için sıkılmazsınız ve motivasyonunuzu arttırırsınız.</p>
                    </div>
                    <div class="faq-item">
                        <h3 data-lang="faq-q-free">Lingoano tamamen ücretsiz mi?</h3>
                        <p data-lang="faq-a-free">Lingoano nun tüm temel özellikleriücretsizdir. Herhangi bir ücret ödemeden sohbet edebilir ve öğrenebilirsiniz. İlerde ücretli olarak reklam kaldırma vb. bazı özellikler eklenebilir</p>
                    </div>
                    <div class="faq-item">
                        <h3 data-lang="faq-q-login">Lingoano'yu üye olmadan kullanabilir miyim?</h3>
                        <p data-lang="faq-a-login">Kesinlikle. Lingoano sizden bir hesap oluşturmanızı veya kişisel bilgilerinizi paylaşmanızı istemez.</p>
                    </div>
                </section>

                <section class="content-section fade-in">
                    <h2 data-lang="community-support">Topluluk ve Destek</h2>
                    <p data-lang="community-support-content">
                        Lingoano, sadece bir dil öğrenme platformu değil, aynı zamanda dünya çapında dil öğrenenlerin bir araya geldiği bir topluluktur. Kullanıcılarımızın deneyimleri ve geri bildirimleri, platformumuzu sürekli iyileştirmemizi sağlar.
                    </p>
                    
                    <div style="text-align: left; max-width: 800px; margin: 2rem auto; padding: 1.5rem; background: var(--accent-bg); border-radius: 10px; border: 1px solid var(--border-color);">
                        <h3 style="color: var(--accent-color); margin-bottom: 1.5rem; text-align: center;" data-lang="user">Kullanıcı Deneyimleri</h3>
                        
                        <div style="margin-bottom: 1.5rem; padding: 1rem; background: var(--primary-bg); border-radius: 8px; border-left: 4px solid var(--accent-color);">
                            <p style="margin: 0; color: var(--text-secondary); font-style: italic;" data-lang="testimonials-emir">
                                "Lingoano sayesinde İngilizce konuşma korkumu yendim. Artık yabancı arkadaşlarımla rahatça sohbet edebiliyorum."
                            </p>
                            <div style="margin-top: .5rem; color: var(--text-secondary); text-align: right; font-size: .9rem;">— Emir Ç.</div>
                        </div>

                        <div style="margin-bottom: 1.5rem; padding: 1rem; background: var(--primary-bg); border-radius: 8px; border-left: 4px solid var(--accent-color);">
                            <p style="margin: 0; color: var(--text-secondary); font-style: italic;" data-lang="testimonials-privacy">
                                "Gizlilik konusunda endişelerim vardı ama IPFS teknolojisi sayesinde güvenle kullanabiliyorum."
                            </p>
                            <div style="margin-top: .5rem; color: var(--text-secondary); text-align: right; font-size: .9rem;">— A... B... Ş...</div>
                        </div>

                        <div style="margin-bottom: 1.5rem; padding: 1rem; background: var(--primary-bg); border-radius: 8px; border-left: 4px solid var(--accent-color);">
                            <p style="margin: 0; color: var(--text-secondary); font-style: italic;" data-lang="testimonials-effective">
                                "Seviyeme uygun kişilerle eşleştiğim için öğrenme sürecim çok daha etkili oldu."
                            </p>
                            <div style="margin-top: .5rem; color: var(--text-secondary); text-align: right; font-size: .9rem;">— Anonim</div>
                        </div>

                        <div style="margin-bottom: 1.5rem; padding: 1rem; background: var(--primary-bg); border-radius: 8px; border-left: 4px solid var(--accent-color);">
                            <p style="margin: 0; color: var(--text-secondary); font-style: italic;" data-lang="testimonials-dr-basak">
                                "Dil öğreniminde gerçek konuşma pratiğini merkeze alması, pedagojik açıdan güçlü bir yaklaşım."
                            </p>
                            <div style="margin-top: .5rem; color: var(--text-secondary); text-align: right; font-size: .9rem;">— Dr. Başak Doğan</div>
                        </div>
                    </div>
                </section>

                
            </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">
                    <img src="https://cdn0.iconfinder.com/data/icons/shift-logotypes/32/Github-512.png" alt="GitHub" class="github-logo" data-lang="github-visit">
                </a>
                <div class="footer-links-container" style="display: flex; justify-content: center; align-items: center; width: 100%; padding: 0 1rem; gap: 0.5rem; flex-wrap: wrap; white-space: normal; position: static;">
                    <a href="gizlilik-politikasi.html" data-lang="privacy-policy" class="privacy-link" style="color: var(--text-secondary); text-decoration: none; font-size: 0.9rem; text-align: center; margin: 0; flex: 0 0 auto;">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; text-align: center; margin: 0;" data-lang="contactfooter">İletişim</button>
                    <a href="kullanim-sartlari.html" data-lang="terms-of-service" class="terms-link" style="color: var(--text-secondary); text-decoration: none; font-size: 0.9rem; text-align: center; margin: 0; flex: 0 0 auto;">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>

        <script src="script/translations_hakkında.js"></script>
        <script src="script/translations.js"></script>
        <script src="script/js.js"></script>
        <script 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();
                }
            });

            // Slider fonksiyonları
            const slider = document.querySelector('.slider');
            const slides = document.querySelectorAll('.slide');
            const prevBtn = document.querySelector('.prev-btn');
            const nextBtn = document.querySelector('.next-btn');

            let currentIndex = 0;
            let autoSlideInterval;

            function goToSlide(index) {
                if (index < 0) {
                    index = slides.length - 1;
                } else if (index >= slides.length) {
                    index = 0;
                }
                slider.style.transform = `translateX(-${index * 100}%)`;
                currentIndex = index;
            }

            function startAutoSlide() {
                autoSlideInterval = setInterval(() => {
                    goToSlide(currentIndex + 1);
                }, 8000); // Süreyi 8 saniyeye çıkardım
            }

            function resetAutoSlide() {
                clearInterval(autoSlideInterval);
                startAutoSlide();
            }

            prevBtn.addEventListener('click', () => {
                goToSlide(currentIndex - 1);
                resetAutoSlide();
            });

            nextBtn.addEventListener('click', () => {
                goToSlide(currentIndex + 1);
                resetAutoSlide();
            });

            // Otomatik kaydırmayı başlat
            startAutoSlide();

        </script>
</body>
</html>
