<!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="LexaScraper - Google Haritalar ve web sitelerinden nitelikli B2B potansiyel müşteri verileri toplayan profesyonel otomasyon platformu.">
    <title>LexaScraper - Google Maps Lead Automation Pro</title>
    
    <!-- Design Stylesheet -->
    <link rel="stylesheet" href="<?php echo e(asset('css/landing.css')); ?>">
    
    <!-- Prevent Theme Flash -->
    <script>
        const savedTheme = localStorage.getItem('theme');
        const systemPrefersDark = window.matchMedia('(prefers-color-scheme: dark)').matches;
        if (savedTheme === 'dark' || (!savedTheme && systemPrefersDark)) {
            document.documentElement.setAttribute('data-theme', 'dark');
        }
    </script>
    
    <!-- Icons Pack -->
    <script type="module" src="https://unpkg.com/ionicons@7.1.0/dist/ionicons/ionicons.esm.js"></script>
    <script nomodule src="https://unpkg.com/ionicons@7.1.0/dist/ionicons/ionicons.js"></script>
</head>
<body>
    <!-- Faint Map Background -->
    <div class="map-bg">
        <div class="map-pin" style="top: 25%; left: 15%;"></div>
        <div class="map-pin" style="top: 38%; left: 35%;"></div>
        <div class="map-pin" style="top: 30%; left: 52%;"></div>
        <div class="map-pin" style="top: 45%; left: 60%;"></div>
        <div class="map-pin" style="top: 35%; left: 75%;"></div>
        <div class="map-pin" style="top: 55%; left: 22%;"></div>
        <div class="map-pin" style="top: 65%; left: 82%;"></div>
    </div>

    <!-- Background decorative glow lights -->
    <div class="glow-bg"></div>

    <!-- Header Navbar -->
    <header>
        <div class="container navbar">
            <a href="#" class="logo">
                <img src="<?php echo e(asset('images/logo.png')); ?>" alt="LexaScraper Logo">
                <span class="logo-text">LexaScraper</span>
            </a>

            <ul class="nav-links">
                <li><a href="#features">Özell<span class="dotted-i">i</span>kler</a></li>
                <li><a href="#workflow">Nasıl Çalışır</a></li>
                <li><a href="#pricing">Paketler</a></li>
            </ul>

            <div class="nav-auth">
                <button id="theme-toggle" class="theme-toggle-btn" aria-label="Tema Değiştir">
                    <ion-icon name="moon-outline" class="moon-icon"></ion-icon>
                    <ion-icon name="sunny-outline" class="sun-icon"></ion-icon>
                </button>
                <?php if(auth()->guard()->check()): ?>
                    <a href="<?php echo e(route('dashboard')); ?>" class="btn btn-primary">
                        <ion-icon name="grid-outline"></ion-icon>
                        Panele Git
                    </a>
                <?php else: ?>
                    <a href="<?php echo e(route('login')); ?>" class="btn btn-secondary"><span>G<span class="dotted-i">i</span>r<span class="dotted-i">i</span>ş Yap</span></a>
                    <a href="<?php echo e(route('register')); ?>" class="btn btn-primary">Kayıt Ol</a>
                <?php endif; ?>
            </div>
        </div>
    </header>

    <!-- Hero Section -->
    <section class="hero">
        <div class="container">
            <div class="hero-logo-wrapper">
                <img src="<?php echo e(asset('images/logo.png')); ?>" alt="LexaScraper Logo" class="hero-logo">
            </div>
            <span class="hero-tag">LUXURY B2B MAP DATA AUTOMATION</span>
            <h1 class="hero-title">
                Google Har<span class="dotted-i">i</span>talar Ver<span class="dotted-i">i</span>ler<span class="dotted-i">i</span>n<span class="dotted-i">i</span> <span class="highlight">Otomati<span class="dotted-i">i</span>k</span> Müşter<span class="dotted-i">i</span> L<span class="dotted-i">i</span>steler<span class="dotted-i">i</span>ne Dönüştürün
            </h1>
            <p class="hero-subtitle">
                İşletmeleri hedef ülke, şehir ve kategoriye göre saniyeler içinde tarayın. Web sitelerinden mail ve sosyal medya hesaplarını otomatik ayrıştırarak benzersiz B2B müşteri veri havuzunuzu oluşturun.
            </p>
            <div class="hero-actions">
                <a href="<?php echo e(route('register')); ?>" class="btn btn-primary" style="padding: 0.65rem 1.75rem; font-size: 0.9rem;">
                    Hemen Ücretsiz Başla
                    <ion-icon name="arrow-forward-outline"></ion-icon>
                </a>
                <a href="#features" class="btn btn-secondary" style="padding: 0.65rem 1.75rem; font-size: 0.9rem;">
                    <span>Özell<span class="dotted-i">i</span>kler<span class="dotted-i">i</span> İncele</span>
                </a>
            </div>

            <!-- Dashboard Preview Mockup (macOS style) -->
            <div class="hero-mockup-wrapper">
                <div class="hero-mockup">
                    <div class="mockup-header">
                        <div class="dot red"></div>
                        <div class="dot yellow"></div>
                        <div class="dot green"></div>
                        <div class="mockup-title">LexaScraper Console - Bursa Eczaneler</div>
                    </div>
                    <div class="mockup-body">
                        <div class="mockup-sidebar">
                            <div class="mockup-nav active"></div>
                            <div class="mockup-nav"></div>
                            <div class="mockup-nav"></div>
                        </div>
                        <div class="mockup-content">
                            <div class="mockup-stats">
                                <div class="mockup-stat-card">
                                    <span class="label">Toplanan Benzersiz Firma</span>
                                    <span class="val" style="color: var(--primary);">284</span>
                                </div>
                                <div class="mockup-stat-card">
                                    <span class="label">Elenen Mükerrer (Çift) Kayıt</span>
                                    <span class="val" style="color: var(--danger);">94</span>
                                </div>
                                <div class="mockup-stat-card">
                                    <span class="label">İletişim Bilgisi Bulunan</span>
                                    <span class="val" style="color: var(--success);">198</span>
                                </div>
                            </div>
                            <div class="mockup-table">
                                <div class="mockup-row">
                                    <span><strong>Melis Eczanesi</strong> - Nilüfer, Bursa</span>
                                    <span style="color: var(--success);">info@meliseczanesi.com</span>
                                </div>
                                <div class="mockup-row">
                                    <span><strong>Güneş Eczanesi</strong> - Osmangazi, Bursa</span>
                                    <span style="color: var(--success);">bursagunes@eczamail.com</span>
                                </div>
                                <div class="mockup-row duplicate">
                                    <span><strong>Melis Eczanesi</strong> - (Mükerrer Kayıt)</span>
                                    <span style="color: var(--danger);">Filtrelendi</span>
                                </div>
                                <div class="mockup-row">
                                    <span><strong>Şifa Eczanesi</strong> - Yıldırım, Bursa</span>
                                    <span style="color: var(--text-muted);">E-posta Arıyor...</span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- Features Section (Symmetrical 2x2 Grid) -->
    <section id="features" class="features">
        <div class="container">
            <h2>Platform Özell<span class="dotted-i">i</span>kler<span class="dotted-i">i</span></h2>
            <div class="features-grid">
                <div class="feature-card">
                    <div class="feature-icon">
                        <ion-icon name="map-outline"></ion-icon>
                    </div>
                    <h3>Google Haritalar Madenciliği</h3>
                    <p>Konum ve sektöre göre işletmeleri tarayın. Koordinatları, telefon numaralarını ve web site adreslerini gerçek zamanlı olarak limitsiz listeleyin.</p>
                </div>

                <div class="feature-card">
                    <div class="feature-icon">
                        <ion-icon name="globe-outline"></ion-icon>
                    </div>
                    <h3>Derin Web Sitesi Analizi</h3>
                    <p>İşletmelerin web sitelerini derinlemesine tarayın. Anasayfa, İletişim ve Hakkımızda sayfalarından kurumsal e-posta ve aktif sosyal medya hesaplarını (Instagram, LinkedIn vb.) toplayın.</p>
                </div>

                <div class="feature-card">
                    <div class="feature-icon">
                        <ion-icon name="filter-outline"></ion-icon>
                    </div>
                    <h3>Akıllı Mükerrer Filtresi</h3>
                    <p>Birden fazla kaydı olan firmaları ve mükerrer e-posta adreslerini otomatik tespit edin. Verilerinizi filtreleyerek temiz, benzersiz ve eyleme geçilebilir hale getirin.</p>
                </div>

                <div class="feature-card">
                    <div class="feature-icon">
                        <ion-icon name="speedometer-outline"></ion-icon>
                    </div>
                    <h3>Multi-Thread Hızlı Tarama</h3>
                    <p>Çoklu iş parçacığı (Multi-Thread) altyapısı sayesinde aynı anda yüzlerce web sitesini eş zamanlı olarak tarayın. Dakikalar içinde binlerce B2B datasını havuzunuza ekleyin.</p>
                </div>
            </div>
        </div>
    </section>

    <!-- Workflow Section -->
    <section id="workflow" class="workflow">
        <div class="container">
            <h2>Nasıl Çalışır?</h2>
            <div class="steps-container">
                <div class="step-card">
                    <div class="step-number">1</div>
                    <h3>Hedef Belirleyin</h3>
                    <p>Aramak istediğiniz sektörü (örneğin: Eczane, Restoran, Otel) ve konumu (şehir veya ülke) girin.</p>
                </div>

                <div class="step-card">
                    <div class="step-number">2</div>
                    <h3>Tek Tıkla Tarayın</h3>
                    <p>Başlat butonuna basarak arkaplanda haritaların ve web sitelerinin taranmasını izleyin.</p>
                </div>

                <div class="step-card">
                    <div class="step-number">3</div>
                    <h3>Verileri İndirin</h3>
                    <p>Temizlenmiş, e-posta ve sosyal medya bilgileri eklenmiş listenizi anında Excel olarak indirin.</p>
                </div>
            </div>
        </div>
    </section>

    <!-- Pricing Section -->
    <section id="pricing" class="pricing">
        <div class="container">
            <h2>Esnek F<span class="dotted-i">i</span>yatlandırma Paketler<span class="dotted-i">i</span></h2>
            <div class="pricing-grid">
                <!-- Starter Plan -->
                <div class="pricing-card">
                    <h3>Başlangıç Planı</h3>
                    <div class="price">1.250 TL <span>/ ay</span></div>
                    <ul class="pricing-features">
                        <li><ion-icon name="checkmark-circle-outline"></ion-icon> Aylık 10.000 Lead Tarama</li>
                        <li><ion-icon name="checkmark-circle-outline"></ion-icon> Google Haritalar Otomasyonu</li>
                        <li><ion-icon name="checkmark-circle-outline"></ion-icon> E-posta ve Telefon Çıkarma</li>
                        <li><ion-icon name="checkmark-circle-outline"></ion-icon> Excel / CSV Olarak İndirme</li>
                    </ul>
                    <a href="<?php echo e(route('register')); ?>" class="btn btn-secondary" style="width: 100%;">Hemen Başla</a>
                </div>

                <!-- Professional Plan -->
                <div class="pricing-card featured">
                    <span class="pricing-badge">Popüler</span>
                    <h3>Profesyonel Plan</h3>
                    <div class="price">2.450 TL <span>/ ay</span></div>
                    <ul class="pricing-features">
                        <li><ion-icon name="checkmark-circle-outline"></ion-icon> Aylık 50.000 Lead Tarama</li>
                        <li><ion-icon name="checkmark-circle-outline"></ion-icon> Derin Web Sitesi ve Sosyal Medya Kazıma</li>
                        <li><ion-icon name="checkmark-circle-outline"></ion-icon> Hızlı Multi-Thread Tarama Modu</li>
                        <li><ion-icon name="checkmark-circle-outline"></ion-icon> 7/24 Canlı Öncelikli Destek</li>
                    </ul>
                    <a href="<?php echo e(route('register')); ?>" class="btn btn-primary" style="width: 100%;">Hemen Başla</a>
                </div>

                <!-- Enterprise Plan -->
                <div class="pricing-card">
                    <h3>Kurumsal Plan</h3>
                    <div class="price">4.950 TL <span>/ ay</span></div>
                    <ul class="pricing-features">
                        <li><ion-icon name="checkmark-circle-outline"></ion-icon> Sınırsız Veri ve Lead Tarama</li>
                        <li><ion-icon name="checkmark-circle-outline"></ion-icon> Özel Proxy ve API Desteği</li>
                        <li><ion-icon name="checkmark-circle-outline"></ion-icon> Eşzamanlı Çoklu Tarama</li>
                        <li><ion-icon name="checkmark-circle-outline"></ion-icon> Birebir Danışmanlık ve Destek</li>
                    </ul>
                    <a href="<?php echo e(route('register')); ?>" class="btn btn-secondary" style="width: 100%;">Hemen Başla</a>
                </div>
            </div>
        </div>
    </section>

    <!-- Testimonials (Müşteri Yorumları) -->
    <section class="testimonials">
        <div class="container">
            <h2>Neler Söylediler?</h2>
            <div class="testimonial-grid">
                <div class="testimonial-card">
                    <p class="testimonial-text">"Google Haritalar üzerinden manuel eczane datası çekmek bizim için tam bir kabustu. LexaScraper sayesinde 2 dakikada 500 eczaneyi mailleri ve Instagram hesaplarıyla birlikte indirdik. Satışlarımız %40 arttı."</p>
                    <div class="testimonial-author">
                        <div class="testimonial-avatar">AÖ</div>
                        <div class="author-info">
                            <h5>Ahmet Öztürk</h5>
                            <span>Medikal Pazarlama Müdürü</span>
                        </div>
                    </div>
                </div>

                <div class="testimonial-card">
                    <p class="testimonial-text">"SEO ajansı olarak Bursa'daki restoran ve cafelere hizmet satıyoruz. LexaScraper ile tüm potansiyel müşteri listesini çıkarıp soğuk e-posta kampanyaları başlattık. Harika bir dönüşüm oranı yakaladık."</p>
                    <div class="testimonial-author">
                        <div class="testimonial-avatar">EY</div>
                        <div class="author-info">
                            <h5>Elif Yılmaz</h5>
                            <span>Growth Agency Kurucusu</span>
                        </div>
                    </div>
                </div>

                <div class="testimonial-card">
                    <p class="testimonial-text">"Multi-thread tarama motoru inanılmaz hızlı çalışıyor. Proxyleri kendi yönettiği için hiçbir engel veya limit uyarısı almadan binlerce satırlık temiz veri setlerini Excel formatında indirebiliyoruz."</p>
                    <div class="testimonial-author">
                        <div class="testimonial-avatar">MC</div>
                        <div class="author-info">
                            <h5>Murat Çelik</h5>
                            <span>B2B Satış Yöneticisi</span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- FAQ (Sıkça Sorulan Sorular) -->
    <section class="faq">
        <div class="container">
            <h2>Sıkça Sorulan Sorular</h2>
            <div class="faq-container">
                <div class="faq-item">
                    <div class="faq-question">
                        <span>Sistem Google Haritalar engellerine takılıyor mu?</span>
                        <ion-icon name="chevron-down-outline"></ion-icon>
                    </div>
                    <div class="faq-answer">
                        <p>Hayır. Yazılımımız, arkaplanda otomatik proxy rotasyonu (IP değiştirme) ve insan benzeri bekleme süreleri kullanarak Google Maps limitlerine takılmadan kesintisiz tarama yapar.</p>
                    </div>
                </div>

                <div class="faq-item">
                    <div class="faq-question">
                        <span>Web sitelerinden mail ve sosyal medya adreslerini nasıl buluyor?</span>
                        <ion-icon name="chevron-down-outline"></ion-icon>
                    </div>
                    <div class="faq-answer">
                        <p>LexaScraper, Harita kaydındaki web sitesini ziyaret ederek iletişim (Contact), Hakkımızda (About) ve Anasayfa kaynak kodlarını tarar. Buradaki resmi mail adreslerini, telefon numaralarını ve Instagram, Facebook, LinkedIn, Twitter adreslerini derinlemesine kazıyarak listeler.</p>
                    </div>
                </div>

                <div class="faq-item">
                    <div class="faq-question">
                        <span>Toplanan verilerde mükerrer (çift) kayıtlar nasıl eleniyor?</span>
                        <ion-icon name="chevron-down-outline"></ion-icon>
                    </div>
                    <div class="faq-answer">
                        <p>Yapay zeka destekli akıllı mükerrer filtremiz, aynı telefon numarasına veya web sitesine sahip olan çift kayıtları otomatik olarak tespit edip eler. Böylece indirdiğiniz Excel listesinde her firma benzersiz olarak yer alır.</p>
                    </div>
                </div>

                <div class="faq-item">
                    <div class="faq-question">
                        <span>Verileri hangi formatlarda indirebilirim?</span>
                        <ion-icon name="chevron-down-outline"></ion-icon>
                    </div>
                    <div class="faq-answer">
                        <p>Topladığınız tüm müşteri verilerini tek tıkla Excel (.xlsx), CSV veya JSON formatlarında dışa aktarabilirsiniz. Çıktılar HubSpot, Salesforce ve Zoho gibi popüler B2B CRM sistemlerine doğrudan yüklenebilir formatlardadır.</p>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- Footer -->
    <footer>
        <div class="container footer-content">
            <div class="footer-logo">
                <img src="<?php echo e(asset('images/logo.png')); ?>" alt="LexaScraper Logo">
                <span class="logo-text">LexaScraper</span>
                <p class="footer-desc">Google Haritalar ve web sitelerinden nitelikli B2B potansiyel müşteri verisi toplama otomasyonu.</p>
            </div>
            
            <div class="footer-links">
                <div class="footer-column">
                    <h4>Ürün</h4>
                    <ul>
                        <li><a href="#features">Özellikler</a></li>
                        <li><a href="#workflow">Nasıl Çalışır</a></li>
                        <li><a href="#pricing">Paketler</a></li>
                    </ul>
                </div>
                <div class="footer-column">
                    <h4>Kurumsal</h4>
                    <ul>
                        <li><a href="#">Hakkımızda</a></li>
                        <li><a href="#">İletişim</a></li>
                        <li><a href="#">Destek Alın</a></li>
                    </ul>
                </div>
                <div class="footer-column">
                    <h4>Yasal</h4>
                    <ul>
                        <li><a href="#">Kullanım Koşulları</a></li>
                        <li><a href="#">Gizlilik Sözleşmesi</a></li>
                        <li><a href="#">Çerez Politikası</a></li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="footer-giant-title">LexaScraper</div>
        <div class="container copyright">
            <p>&copy; 2026 LexaScraper. Tüm hakları saklıdır.</p>
            <p>Desteklenen Altyapı: Lexa Bilişim Global</p>
        </div>
    </footer>

    <!-- GSAP Animation Library -->
    <script src="<?php echo e(asset('js/gsap.min.js')); ?>"></script>
    <script src="<?php echo e(asset('js/ScrollTrigger.min.js')); ?>"></script>

    <script>
        document.addEventListener("DOMContentLoaded", function() {
            // Dotted-i crawling logic removed to prevent DOM warnings

            // 2. FAQ Accordion functionality using GSAP transitions
            const faqItems = document.querySelectorAll('.faq-item');
            faqItems.forEach(item => {
                const question = item.querySelector('.faq-question');
                const answer = item.querySelector('.faq-answer');
                
                question.addEventListener('click', () => {
                    const isActive = item.classList.contains('active');
                    
                    // Close all other items first
                    faqItems.forEach(otherItem => {
                        otherItem.classList.remove('active');
                        gsap.to(otherItem.querySelector('.faq-answer'), { height: 0, duration: 0.35, ease: "power2.out" });
                    });
                    
                    if (!isActive) {
                        item.classList.add('active');
                        gsap.to(answer, { height: answer.scrollHeight + 15, duration: 0.45, ease: "power2.out" });
                    }
                });
            });

            // 3. Live Console Scraper Simulation
            const uniqueVal = document.querySelector('.mockup-stats .mockup-stat-card:nth-child(1) .val');
            const duplicateVal = document.querySelector('.mockup-stats .mockup-stat-card:nth-child(2) .val');
            const contactVal = document.querySelector('.mockup-stats .mockup-stat-card:nth-child(3) .val');
            const mockupTable = document.querySelector('.mockup-table');

            let uniqueCount = 284;
            let duplicateCount = 94;
            let contactCount = 198;

            const simulationPool = [
                { name: "Yıldız Mimarlık", location: "Nilüfer, Bursa", info: "info@yildizmimarlik.com", type: "success" },
                { name: "Kardelen Çiçekçilik", location: "Osmangazi, Bursa", info: "Filtrelendi", type: "duplicate" },
                { name: "Atlas Lojistik", location: "Mudanya, Bursa", info: "contact@atlaslojistik.com", type: "success" },
                { name: "Akdeniz Restoran", location: "Yıldırım, Bursa", info: "Filtrelendi", type: "duplicate" },
                { name: "Nova Yazılım", location: "Nilüfer, Bursa", info: "hello@novayazilim.co", type: "success" },
                { name: "Arslan Hukuk Bürosu", location: "Osmangazi, Bursa", info: "av.arslan@hukuk.com", type: "success" },
                { name: "Yeşil Kafe", location: "Mudanya, Bursa", info: "bursayesilkafe@gmail.com", type: "success" },
                { name: "Öz Eczanesi", location: "Kestel, Bursa", info: "Filtrelendi", type: "duplicate" }
            ];

            let poolIndex = 0;

            setInterval(() => {
                if (!mockupTable) return;
                const item = simulationPool[poolIndex];
                poolIndex = (poolIndex + 1) % simulationPool.length;

                // Update counters
                if (item.type === "success") {
                    uniqueCount++;
                    contactCount++;
                    if (uniqueVal) uniqueVal.textContent = uniqueCount;
                    if (contactVal) contactVal.textContent = contactCount;
                } else {
                    duplicateCount++;
                    if (duplicateVal) duplicateVal.textContent = duplicateCount;
                }

                // Append new row
                const newRow = document.createElement('div');
                newRow.className = `mockup-row ${item.type === 'duplicate' ? 'duplicate' : ''}`;
                newRow.style.opacity = 0;
                
                if (item.type === 'duplicate') {
                    newRow.innerHTML = `<span><strong>${item.name}</strong> - (Mükerrer Kayıt)</span><span style="color: var(--danger);">${item.info}</span>`;
                } else {
                    newRow.innerHTML = `<span><strong>${item.name}</strong> - ${item.location}</span><span style="color: var(--success);">${item.info}</span>`;
                }

                mockupTable.insertBefore(newRow, mockupTable.firstChild);

                // Animate row fade-in
                gsap.to(newRow, { opacity: 1, duration: 0.5, ease: "power2.out" });

                // Keep rows count fixed at 4
                if (mockupTable.children.length > 4) {
                    const lastRow = mockupTable.lastChild;
                    gsap.to(lastRow, { 
                        opacity: 0, 
                        height: 0, 
                        padding: 0,
                        duration: 0.35, 
                        onComplete: () => {
                            if (lastRow.parentNode) {
                                mockupTable.removeChild(lastRow);
                            }
                        }
                    });
                }
            }, 2500);

            // 4. GSAP Animations (Only Hero Elements animate on load, others are visible by default for stability)
            gsap.registerPlugin(ScrollTrigger);

            // Hero animations
            gsap.from(".hero-tag", { opacity: 0, y: -20, duration: 0.8, ease: "power2.out" });
            gsap.from(".hero-title", { opacity: 0, y: 30, duration: 1, delay: 0.2, ease: "power3.out" });
            gsap.from(".hero-subtitle", { opacity: 0, y: 20, duration: 1, delay: 0.4, ease: "power2.out" });
            gsap.from(".hero-actions", { opacity: 0, y: 15, duration: 0.8, delay: 0.6, ease: "power2.out" });
            gsap.from(".hero-mockup-wrapper", { opacity: 0, scale: 0.96, y: 40, duration: 1.2, delay: 0.7, ease: "power3.out" });

            // 5. Navbar Scroll Centered Glowing Logo Effect
            window.addEventListener("scroll", function() {
                const header = document.querySelector("header");
                if (window.scrollY > 80) {
                    header.classList.add("scrolled");
                } else {
                    header.classList.remove("scrolled");
                }
            });

            // 6. Manual Theme Toggle Logic
            const themeToggleBtn = document.getElementById("theme-toggle");
            if (themeToggleBtn) {
                themeToggleBtn.addEventListener("click", function() {
                    const isDark = document.documentElement.getAttribute("data-theme") === "dark";
                    if (isDark) {
                        document.documentElement.removeAttribute("data-theme");
                        localStorage.setItem("theme", "light");
                    } else {
                        document.documentElement.setAttribute("data-theme", "dark");
                        localStorage.setItem("theme", "dark");
                    }
                });
            }
        });
    </script>
</body>
</html>
<?php /**PATH C:\Users\zeyde\Desktop\LEXALOG\resources\views/landing.blade.php ENDPATH**/ ?>