<!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 indirme sayfası - Dil öğrenme platformunu Windows, Mac, Linux, Android ve iOS için indirin">
        <meta name="keywords" content="Lingoano indir, dil öğrenme uygulaması, Windows, Mac, Linux, Android, iOS">
        <meta name="author" content="Lingoano">
        <meta name="robots" content="index, follow">
        <link rel="canonical" href="https://lingoano.com/indir.html">
        <meta property="og:title" content="Lingoano İndir - Dil Öğrenme Uygulaması">
        <meta property="og:description" content="Lingoano dil öğrenme platformunu tüm cihazlar için indirin">
        <meta property="og:type" content="website">
        <meta property="og:url" content="https://Lingoano.com/indir">
        <meta property="og:image" content="logos/logo.png">
        <meta name="twitter:card" content="summary_large_image">
        <meta name="twitter:title" content="Lingoano İndir">
        <meta name="twitter:description" content="Dil öğrenme uygulamasını indirin">
        <title data-lang="download-title-page">Lingoano İndir - Dil Öğrenme Uygulaması</title>
        <link rel="stylesheet" type="text/css" href="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">
        
        <!-- Google AdSense (dynamic loader handles SDK) -->
        <meta name="google-adsense-account" content="ca-pub-1234567890123456">

        <style>
            /* İndirme buton stilleri */
            .download-button {
                display: flex;
                flex-direction: column;
                align-items: center;
                text-decoration: none;
                color: var(--text-primary);
                background: var(--accent-bg);
                border: 2px solid var(--border-color);
                border-radius: 16px;
                padding: 2rem;
                transition: all 0.3s ease;
                cursor: pointer;
                position: relative;
                overflow: hidden;
            }

            .download-button:hover {
                border-color: var(--accent-color);
                transform: translateY(-4px);
                box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
                background: var(--primary-bg);
            }

            .download-button:active {
                transform: translateY(-2px) scale(0.98);
                transition: all 0.1s ease;
            }

            .download-button h3 {
                margin: 1rem 0 0.5rem 0;
                color: var(--accent-color);
                font-size: 1.2rem;
                font-weight: 600;
            }

            .download-button p {
                margin: 0;
                color: var(--text-secondary);
                font-size: 0.9rem;
                font-style: italic;
            }

            .download-logo {
                transition: transform 0.3s ease;
                width: 65px;
                height: 65px;
                object-fit: contain;
                aspect-ratio: 1 / 1;
                image-rendering: auto;
                margin-top: 8px;
            }

            .download-button:hover .download-logo {
                transform: scale(1.1);
            }

            /* Download grid stilleri */
            .download-grid {
                display: grid;
                grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
                gap: 2rem;
                margin: 2rem 0;
            }

            /* Mobil platformlar için 2 sütunlu, ortalanmış özel grid */
            .mobile-grid {
                grid-template-columns: repeat(2, minmax(200px, 1fr));
                justify-content: center;
                justify-items: center;
                margin-inline: auto;
                max-width: 720px;
            }

            .desktop-grid {
                grid-template-columns: repeat(3, 1fr);
            }

            /* Mobil responsive tasarım */
            @media (max-width: 768px) {
                .download-grid {
                    grid-template-columns: repeat(2, 1fr);
                    gap: 1.5rem;
                }
                .mobile-grid { grid-template-columns: 1fr; max-width: none; }
                
                .desktop-grid {
                    grid-template-columns: repeat(2, 1fr);
                }
                
                .download-button {
                    padding: 1.5rem;
                }
                
                .download-button h3 {
                    font-size: 1.1rem;
                }
            }

            @media (max-width: 480px) {
                .download-grid {
                    grid-template-columns: 1fr;
                    gap: 1rem;
                }
                .mobile-grid { grid-template-columns: 1fr; max-width: none; }
                
                .desktop-grid {
                    grid-template-columns: 1fr;
                }
                
                .download-button {
                    padding: 1rem;
                }
                
                .download-button h3 {
                    font-size: 1rem;
                }
                
                .download-button p {
                    font-size: 0.8rem;
                }
            }

            /* İ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);
            }

            /* 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;
                }
                /* Geniş ekranlarda mobil grid kartlarını biraz daha geniş göster */
                .mobile-grid {
                    grid-template-columns: repeat(2, minmax(260px, 1fr));
                    max-width: 900px;
                    column-gap: 2.2rem;
                }
                .mobile-grid .download-button {
                    width: 260px;
                }
            }
        </style>
    </head>
    <body>
        <!-- Desktop için sağ-sol banner reklamları -->
        <div class="desktop-ads-container">
            <div class="left-banner-ad">
                <ins class="adsbygoogle"
                     style="display:block"
                     data-ad-client="ca-pub-1234567890123456"
                     data-ad-slot="1234567910"
                     data-ad-format="auto"
                     data-full-width-responsive="true"></ins>
                <script>
                     (adsbygoogle = window.adsbygoogle || []).push({});
                </script>
            </div>
            
            <div class="right-banner-ad">
                <ins class="adsbygoogle"
                     style="display:block"
                     data-ad-client="ca-pub-1234567890123456"
                     data-ad-slot="1234567911"
                     data-ad-format="auto"
                     data-full-width-responsive="true"></ins>
                <script>
                     (adsbygoogle = window.adsbygoogle || []).push({});
                </script>
            </div>
        </div>

        <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" 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" aria-current="page" 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">
                <img src="logos/logo.png" alt="Lingoano Logo" class="header-logo">
                <header class="fade-in">
                    <div class="header-content">
                        <h1 data-lang="download">Lingoano'yı İndirin</h1>
                    </div>
                </header>
                
                <p style="font-size: 1rem; color: var(--accent-color); font-weight: 500; margin-bottom: 3rem;" data-lang="descriptiona">
                    Lingoano tüm cihazlar için bir tuş kadar uzağınızda
                </p>
                
                <section class="download-section fade-in">
                    <h2 data-lang="platforms">Bilgisayarlar İçin Platformlar</h2>
                    <div class="download-grid desktop-grid">
                        <a href="https://lingoano.com/indir/windows" class="download-button" target="_blank" rel="noopener noreferrer">
                            <img class="download-logo" src="./logos/Windowsicon.png" alt="Windows" />
                            <h3>Windows</h3>
                        </a>
                        <a href="https://lingoano.com/indir/mac" class="download-button" target="_blank" rel="noopener noreferrer">
                            <img class="download-logo" src="./logos/Macicon.png" alt="Mac" />
                            <h3>Mac</h3>
                        </a>
                        <a href="https://lingoano.com/indir/linux" class="download-button" target="_blank" rel="noopener noreferrer">
                            <img class="download-logo" src="./logos/Linuxicon.png" alt="Linux" />
                            <h3>Linux</h3>
                        </a>
                    </div>
                    
                    <h2 data-lang="mobile-platforms">Mobil Platformlar</h2>
                    <div class="download-grid mobile-grid">
                        <a href="https://lingoano.com/indir/android" class="download-button" target="_blank" rel="noopener noreferrer">
                            <img class="download-logo" src="./logos/Androidicon.png" alt="Android" />
                            <h3>Android</h3>
                        </a>
                        <a href="https://lingoano.com/indir/ios" class="download-button" target="_blank" rel="noopener noreferrer">
                            <img class="download-logo" src="./logos/iosicon.png" alt="iOS" />
                            <h3>iOS</h3>
                        </a>
                    </div>
                </section>

                <!-- Google AdSense Alt Banner Reklamı -->
                <div class="adsense-container">
                    <ins class="adsbygoogle"
                         style="display:block"
                         data-ad-client="ca-pub-1234567890123456"
                         data-ad-slot="1234567912"
                         data-ad-format="auto"
                         data-full-width-responsive="true"></ins>
                    <script>
                         (adsbygoogle = window.adsbygoogle || []).push({});
                    </script>
                </div>
            </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" class="privacy-policy" 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" class="terms-of-service" 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>

        <!-- Custom Donate Button -->
        <button class="donate-button">
                            <span data-lang="donate-button">DONATE</span>
        </button>

        <!-- Donate Popup -->
        <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 defer src="script/adsense-loader.js"></script>
        <script src="script/translations.js"></script>
        <script src="script/js.js"></script>
        <script src="script/dictionary-widget.js"></script>
        <script>
            // İndirme buton tracking
            document.addEventListener('DOMContentLoaded', function() {
                const downloadButtons = document.querySelectorAll('.download-button');
                
                downloadButtons.forEach(button => {
                    button.addEventListener('click', function(e) {
                        const platform = this.querySelector('h3').textContent.toLowerCase();
                        const url = this.href;
                        
                        // Analytics tracking (Google Analytics varsa)
                        if (typeof gtag !== 'undefined') {
                            gtag('event', 'download_click', {
                                'event_category': 'downloads',
                                'event_label': platform,
                                'value': 1
                            });
                        }
                        
                        // Console log (geliştirme için)
                        console.log(`İndirme tıklandı: ${platform} - ${url}`);
                        
                        // Kullanıcıya bilgi ver
                        this.style.transform = 'scale(0.95)';
                        setTimeout(() => {
                            this.style.transform = '';
                        }, 150);
                    });
                });
            });

            // İ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();
                }
            });
        </script>
</body>
</html>
