@extends('frontend.main_master')

@section('title', 'Astro Bilge – Yapay Zekâ Destekli Doğum Haritası ve Astroloji Platformu')
@section('meta_description', 'Astro Bilge yapay zekası ile ücretsiz doğum haritanızı oluşturun, yükselen burcunuzu ve gezegen transitlerinizi keşfedin. Yeni nesil astroloji otomasyonu.')
@section('meta_keywords', 'astroloji otomasyonu, astroloji yapay zekası, doğum haritası hesaplama, astro bilge, gezegenler, burçlar, harita analizi, yükselen burç, sinastri')

@section('page-context', 'home')
@section('body-class', 'home-page')

@push('head')
    <!-- Core Web Vitals (LCP) Hero Preload -->
    <link rel="preload" as="image" href="{{ asset('assets/firstSlider.gif') }}" fetchpriority="high">
@endpush

@push('schema')
<script type="application/ld+json">
{
    "@@context": "https://schema.org",
    "@@graph": [
        {
            "@@type": "Organization",
            "@@id": "{{ config('app.url') }}/#organization",
            "name": "{{ t('site-title') }}",
            "legalName": "Astro Bilge Astroloji ve Bilişim Teknolojileri",
            "url": "{{ config('app.url') }}",
            "logo": {
                "@@type": "ImageObject",
                "@@id": "{{ config('app.url') }}/#logo",
                "url": "{{ asset('frontend/images/logo/logo.png') }}",
                "caption": "{{ t('site-title') }} Logo",
                "width": 160,
                "height": 60
            },
            "description": "Yapay zekâ destekli uluslararası Swiss Ephemeris hassasiyetinde doğum haritası, sinastri, rektifikasyon ve astroloji otomasyon platformu.",
            "email": "destek@astrobilge.com",
            "address": {
                "@@type": "PostalAddress",
                "addressLocality": "İstanbul",
                "addressRegion": "Marmara",
                "addressCountry": "TR"
            },
            "geo": {
                "@@type": "GeoCoordinates",
                "latitude": 41.0082,
                "longitude": 28.9784
            },
            "areaServed": {
                "@@type": "Country",
                "name": "Türkiye",
                "identifier": "TR"
            },
            "knowsLanguage": ["tr-TR", "tr"],
            "knowsAbout": [
                "Astroloji",
                "Astroloji Otomasyonu",
                "Astroloji Yapay Zekası",
                "Doğum Haritası Hesaplama",
                "Sinastri İlişki Uyumu",
                "Gezegen Transitleri",
                "Solar Return Haritası",
                "Solar Arc Haritası",
                "Drakonik Harita",
                "Burç Analizleri ve Özellikleri",
                "Uluslararası Hassas Harita Hesaplama"
            ],
            "sameAs": [
                "https://www.instagram.com/astro.bilge",
                "https://www.youtube.com/@astrobilge",
                "https://x.com/astrobilge",
                "https://www.facebook.com/astrobilge/",
                "https://www.tiktok.com/@astrobilge"
            ],
            "contactPoint": {
                "@@type": "ContactPoint",
                "contactType": "müşteri hizmetleri",
                "availableLanguage": ["Turkish", "tr"],
                "email": "destek@astrobilge.com"
            }
        },
        {
            "@@type": "WebSite",
            "@@id": "{{ config('app.url') }}/#website",
            "name": "{{ t('site-title') }}",
            "url": "{{ config('app.url') }}",
            "description": "Yapay zekâ destekli uluslararası Swiss Ephemeris hassasiyetinde doğum haritası, sinastri, rektifikasyon ve astroloji otomasyon platformu.",
            "inLanguage": "tr-TR",
            "publisher": {
                "@@type": "Organization",
                "@@id": "{{ config('app.url') }}/#organization"
            },
            "potentialAction": {
                "@@type": "SearchAction",
                "target": {
                    "@@type": "EntryPoint",
                    "urlTemplate": "{{ config('app.url') }}/arama?q={search_term_string}"
                },
                "query-input": "required name=search_term_string"
            }
        },
        {
            "@@type": "WebPage",
            "@@id": "{{ config('app.url') }}/#webpage",
            "url": "{{ config('app.url') }}",
            "name": "Astro Bilge – Yapay Zekâ Destekli Doğum Haritası ve Astroloji Platformu",
            "description": "Astro Bilge yapay zekası ile ücretsiz doğum haritanızı oluşturun, yükselen burcunuzu ve gezegen transitlerinizi keşfedin.",
            "inLanguage": "tr-TR",
            "isPartOf": {
                "@@type": "WebSite",
                "@@id": "{{ config('app.url') }}/#website"
            },
            "about": {
                "@@type": "Organization",
                "@@id": "{{ config('app.url') }}/#organization"
            },
            "speakable": {
                "@@type": "SpeakableSpecification",
                "cssSelector": [".hero-title", ".hero-subtitle", "#faq-title", ".accordion-body", "#guvenilirlik-standartlari p"]
            }
        },
        {
            "@@type": "WebApplication",
            "@@id": "{{ config('app.url') }}/#software",
            "name": "Astro Bilge Astroloji Otomasyonu ve Yapay Zekâsı",
            "url": "{{ config('app.url') }}",
            "applicationCategory": "LifestyleApplication, EducationalApplication",
            "applicationSubCategory": "Astrology Software",
            "operatingSystem": "All (Web, iOS, Android, Desktop)",
            "browserRequirements": "Requires JavaScript. Requires HTML5.",
            "softwareVersion": "V4.18.02 Beta",
            "inLanguage": "tr-TR",
            "description": "Uluslararası Swiss Ephemeris kurallarına göre hassas hesaplama yapan profesyonel doğum haritası (natal), sinastri (ilişki uyumu), rektifikasyon, solar arc, solar return, drakonik, transit, uranyen ve vedik astroloji otomasyonu.",
            "screenshot": {
                "@@type": "ImageObject",
                "url": "{{ asset('frontend/images/og-image.jpg') }}",
                "caption": "Astro Bilge Astroloji Platformu Arayüzü"
            },
            "featureList": [
                "50.000+ Başarıyla Hesaplanmış Doğum Haritası ve Astroloji Analizi",
                "Uluslararası Swiss Ephemeris Astronomik Hassasiyeti (%99.9)",
                "KVKK ve GDPR Uyumlu 256-Bit Uçtan Uca Şifreli Veri Güvenliği",
                "Natal Doğum Haritası Hesaplama",
                "Sinastri (İlişki Uyumu Analizi)",
                "Doğum Saati Rektifikasyonu",
                "Solar Arc (Güneş Yayı) Yönelimleri",
                "Solar Return (Güneş Dönüşü Yıllık Harita)",
                "Kompozit Harita Analizi",
                "Drakonik (Karmik Ruh) Haritası",
                "Gezegen Transitleri ve Günlük Etkiler",
                "Uranyen Kadranlar ve 90'lık Harita",
                "Vedik Astroloji ve Sideral Zodyak"
            ],
            "offers": {
                "@@type": "Offer",
                "price": "0",
                "priceCurrency": "TRY",
                "name": "Ücretsiz Doğum Haritası Hesaplama ve Gelişmiş Yapay Zekâ Analizleri",
                "description": "Ücretsiz doğum haritası hesaplama ve gelişmiş yapay zekâ analizleri.",
                "availability": "https://schema.org/InStock"
            },
            "author": {
                "@@type": "Organization",
                "@@id": "{{ config('app.url') }}/#organization",
                "name": "{{ t('site-title') }}",
                "url": "{{ config('app.url') }}"
            },
            "aggregateRating": {
                "@@type": "AggregateRating",
                "ratingValue": "4.9",
                "reviewCount": "1280",
                "bestRating": "5",
                "worstRating": "1"
            }
        },
        {
            "@@type": "BreadcrumbList",
            "@@id": "{{ config('app.url') }}/#breadcrumbs",
            "itemListElement": [
                {
                    "@@type": "ListItem",
                    "position": 1,
                    "name": "Ana Sayfa",
                    "item": "{{ config('app.url') }}"
                }
            ]
        },
        {
            "@@type": "ItemList",
            "@@id": "{{ config('app.url') }}/#navigation-list",
            "name": "Astro Bilge Ana Site Gezinme Bağlantıları",
            "itemListElement": [
                {
                    "@@type": "SiteNavigationElement",
                    "position": 1,
                    "name": "Giriş Yap",
                    "description": "Astro Bilge hesabınıza giriş yaparak kayıtlı doğum haritalarınıza ve yapay zekâ analizlerinize erişin.",
                    "url": "https://www.astrobilge.com/login"
                },
                {
                    "@@type": "SiteNavigationElement",
                    "position": 2,
                    "name": "Kayıt Ol",
                    "description": "Ücretsiz Astro Bilge hesabı oluşturun, doğum haritanızı çıkarın ve astroloji otomasyonunu keşfedin.",
                    "url": "https://www.astrobilge.com/register"
                },
                {
                    "@@type": "SiteNavigationElement",
                    "position": 3,
                    "name": "Natal Harita",
                    "description": "360 derecelik zodyak üzerinde doğum anınızdaki gezegen konumlarını ve ev yerleşimlerini hesaplayın.",
                    "url": "https://www.astrobilge.com/natal-harita"
                },
                {
                    "@@type": "SiteNavigationElement",
                    "position": 4,
                    "name": "Doğum Haritası Analizi",
                    "description": "Yapay zekâ destekli derin doğum haritası analizi ile kişilik, kariyer ve potansiyellerinizi keşfedin.",
                    "url": "https://www.astrobilge.com/dogum-haritasi"
                },
                {
                    "@@type": "SiteNavigationElement",
                    "position": 5,
                    "name": "Transit Haritası",
                    "description": "Anlık gezegen hareketlerinin ve gökyüzü transitlerinin doğum haritanıza olan günlük etkilerini öğrenin.",
                    "url": "https://www.astrobilge.com/dogum-haritasi"
                },
                {
                    "@@type": "SiteNavigationElement",
                    "position": 6,
                    "name": "Sinastri (İlişki Uyumu)",
                    "description": "İki haritanın astrolojik açılarını karşılaştırarak aşk, evlilik ve iletişim uyumunu analiz edin.",
                    "url": "https://www.astrobilge.com/magaza"
                }
            ]
        },
        {
            "@@type": "FAQPage",
            "@@id": "{{ config('app.url') }}/#faq",
            "mainEntity": [
                {
                    "@@type": "Question",
                    "name": "Doğum haritası (Natal Chart) nedir ve ne işe yarar?",
                    "acceptedAnswer": {
                        "@@type": "Answer",
                        "text": "Doğum haritası (Natal Chart), dünyaya geldiğiniz an ve yerde gökyüzündeki gezegenlerin, Güneş'in ve Ay'ın tam konumlarını gösteren 360 derecelik astronomik bir haritadır. Kişisel yeteneklerinizi, hayat derslerinizi, kariyer yatkınlıklarınızı, ilişki dinamiklerinizi ve potansiyellerinizi anlamanıza astrolojik yapay zekâ ile rehberlik eder."
                    }
                },
                {
                    "@@type": "Question",
                    "name": "Doğum haritası hesaplamak için hangi bilgilere ihtiyaç vardır?",
                    "acceptedAnswer": {
                        "@@type": "Answer",
                        "text": "Doğum haritasının eksiksiz ve hatasız çıkması için tam doğum tarihi (gün/ay/yıl), doğum saati (tercihen dakika bazında) ve doğum yeri (şehir ve ülke) gereklidir. Doğum saati özellikle Yükselen Burç (Ascendant) ve evlerin doğru derecelendirilmesinde belirleyicidir."
                    }
                },
                {
                    "@@type": "Question",
                    "name": "Yükselen burç ve Ay burcu nedir, neden önemlidir?",
                    "acceptedAnswer": {
                        "@@type": "Answer",
                        "text": "Güneş burcunuz temel karakterinizi ve bilinçli amacınızı ifade ederken, Yükselen burcunuz (ASC) dış dünyaya verdiğiniz ilk izlenimi ve hayatı karşılama biçiminizi gösterir. Ay burcunuz ise duygusal ihtiyaçlarınızı, iç dünyanızı ve sezgisel tepkilerinizi yönetir. Bu üçlü astrolojide \"Büyük Üçlü\" olarak adlandırılır."
                    }
                },
                {
                    "@@type": "Question",
                    "name": "Sinastri (İlişki Uyumu) haritası nasıl çalışır?",
                    "acceptedAnswer": {
                        "@@type": "Answer",
                        "text": "Sinastri analizi, iki kişinin doğum haritasını üst üste yerleştirerek gezegenlerin birbirleriyle oluşturduğu açıları ve ev yerleşimlerini inceler. Venüs, Mars, Güneş ve Ay etkileşimleri sayesinde partnerlerin aşk, iletişim, problem çözümü ve uzun vadeli uyumu yapay zekâ destekli otomasyonla detaylıca raporlanır."
                    }
                },
                {
                    "@@type": "Question",
                    "name": "Solar Return (Güneş Dönüşü) haritası nedir?",
                    "acceptedAnswer": {
                        "@@type": "Answer",
                        "text": "Solar Return, transit Güneş'in doğum anınızdaki tam derece ve dakikasına ulaştığı an için oluşturulan yıllık astrolojik haritadır. Bir doğum gününüzden diğerine kadar olan 1 yıllık dönemin ana temalarını, kariyer fırsatlarını ve dönüm noktalarını öngörmek için kullanılır."
                    }
                },
                {
                    "@@type": "Question",
                    "name": "Astro Bilge harita hesaplamalarında hangi hesaplama altyapısını kullanır?",
                    "acceptedAnswer": {
                        "@@type": "Answer",
                        "text": "Astro Bilge, uluslararası astroloji kurallarına göre hassas hesaplama yapan modern algoritmaları ve yapay zekâ motorunu kullanır. Bu sayede gezegen dereceleri, ev sistemleri (Placidus, Whole Sign vb.) ve transit hareketleri en yüksek hassasiyetle hesaplanır."
                    }
                }
            ]
        }
    ]
}
</script>
@endpush

@section('content')
    <!-- Main Content -->
    <main id="main-content" role="main" tabindex="-1" class="d-flex flex-column flex-grow-1" style="outline: none;">
        <section class="container flex-grow-1 d-flex align-items-center justify-content-center">
            <div class="row w-100 align-items-center align-items-lg-start justify-content-center g-3 hero-row">
                <div class="col-12 col-md-10 col-lg-6 order-2 order-lg-1 hero-copy-col text-center text-lg-start mx-auto">
                    <h1 class="display-4 fw-bold mb-4 hero-title" style="margin-top: -35px;">{{ t('welcome_title') }}</h1>
                    <p class="lead text-dark mb-4 hero-subtitle" style="margin-top: -10px;">{{ t('welcome_subtitle') }}</p>
                    <div class="d-flex gap-2 gap-sm-3 align-items-center flex-wrap hero-actions justify-content-center justify-content-lg-start">
                        <a href="{{ auth()->check() ? route('panel') : route('login') }}" class="btn btn-login btn-lg rounded-pill px-4">
                            {{ t('login') }}
                        </a>
                        @if (!auth()->check())
                            <a href="{{ route('register') }}" class="btn btn-login btn-lg rounded-pill px-4">
                                {{ t('register') }}
                            </a>
                        @endif
                        <button type="button" class="ai-assistant-btn hero-ai-mobile-btn d-lg-none" onclick="var b=document.getElementById('aiAssistantBtn'); if(b) b.click();" aria-label="{{ t('ai-assistant-open') }}" title="AI Asistan">
                            <span class="ai-ring" aria-hidden="true"></span>
                            <img src="/assets/BaykusBeyazIcon.webp" class="ai-tab-icon" alt="Astro Bilge" width="36" height="36">
                        </button>
                    </div>

                    <!-- Sosyal Kanıt & Güven Rozetleri (Social Proof) -->
                    <div class="d-flex flex-wrap gap-2 mb-3 justify-content-center justify-content-lg-start" aria-label="Platform Doğrulanmış Güven ve Kalite Metrikleri">
                        <span class="social-proof-badge" aria-label="50 binden fazla başarıyla hesaplanmış doğum haritası">
                            <i class="fa-solid fa-chart-pie text-success" aria-hidden="true"></i> 
                            <span>+50.000 Harita</span>
                        </span>
                        <span class="social-proof-badge" aria-label="NASA JPL ve Swiss Ephemeris astronomik hesaplama hassasiyeti">
                            <i class="fa-solid fa-satellite text-primary" aria-hidden="true"></i> 
                            <span>Swiss Ephemeris</span>
                        </span>
                        <span class="social-proof-badge" aria-label="KVKK ve GDPR standartlarında 256-bit şifreli veri gizliliği">
                            <i class="fa-solid fa-shield-halved text-warning" aria-hidden="true"></i> 
                            <span>%100 KVKK Güvenli</span>
                        </span>
                    </div>

                    <div class="hero-seo-features text-start" style="margin-top: 30px !important;">
                        <ul class="list-unstyled row g-2 mb-0" style="font-size: 0.92rem; color: #2c3e50;">
                            <li class="col-6 col-sm-6 d-flex align-items-center gap-2">
                                <i class="fa-solid fa-circle-check flex-shrink-0" style="color: #0F5A4F;" aria-hidden="true"></i>
                                <a href="{{ route('birth-chart.natal-harita') }}" class="fw-semibold text-decoration-none text-dark" style="transition: color 0.2s ease;" aria-label="Natal Doğum Haritası Hesaplama Sayfası">Natal Harita</a>
                            </li>
                            <li class="col-6 col-sm-6 d-flex align-items-center gap-2">
                                <i class="fa-solid fa-circle-check flex-shrink-0" style="color: #0F5A4F;" aria-hidden="true"></i>
                                <span class="fw-semibold">Solar Return</span>
                            </li>
                            <li class="col-6 col-sm-6 d-flex align-items-center gap-2">
                                <i class="fa-solid fa-circle-check flex-shrink-0" style="color: #0F5A4F;" aria-hidden="true"></i>
                                <span class="fw-semibold">Transit Analizi</span>
                            </li>
                            <li class="col-6 col-sm-6 d-flex align-items-center gap-2">
                                <i class="fa-solid fa-circle-check flex-shrink-0" style="color: #0F5A4F;" aria-hidden="true"></i>
                                <span class="fw-semibold">Sinastri (İlişki)</span>
                            </li>
                            <li class="col-6 col-sm-6 d-flex align-items-center gap-2">
                                <i class="fa-solid fa-circle-check flex-shrink-0" style="color: #0F5A4F;" aria-hidden="true"></i>
                                <span class="fw-semibold">Solar Arc</span>
                            </li>
                            <li class="col-6 col-sm-6 d-flex align-items-center gap-2">
                                <i class="fa-solid fa-circle-check flex-shrink-0" style="color: #0F5A4F;" aria-hidden="true"></i>
                                <span class="fw-semibold">Drakonik Harita</span>
                            </li>
                            <li class="col-6 col-sm-6 d-flex align-items-center gap-2">
                                <i class="fa-solid fa-circle-check flex-shrink-0" style="color: #0F5A4F;" aria-hidden="true"></i>
                                <span class="fw-semibold">Rektifikasyon</span>
                            </li>
                            <li class="col-6 col-sm-6 d-flex align-items-center gap-2">
                                <i class="fa-solid fa-circle-check flex-shrink-0" style="color: #0F5A4F;" aria-hidden="true"></i>
                                <span class="fw-semibold">Horary Astroloji</span>
                            </li>
                            <li class="col-6 col-sm-6 d-flex align-items-center gap-2">
                                <i class="fa-solid fa-circle-check flex-shrink-0" style="color: #0F5A4F;" aria-hidden="true"></i>
                                <span class="fw-semibold">Astrokartografi</span>
                            </li>
                            <li class="col-6 col-sm-6 d-flex align-items-center gap-2">
                                <i class="fa-solid fa-circle-check flex-shrink-0" style="color: #0F5A4F;" aria-hidden="true"></i>
                                <span class="fw-semibold">Sabian &amp; Arap Noktaları</span>
                            </li>
                        </ul>
                    </div>
                </div>
                <div
                    class="col-12 col-md-10 col-lg-6 order-1 order-lg-2 text-center d-flex align-items-start justify-content-center justify-content-lg-end hero-media-col">
                    <div class="hero-gif-wrap">
                        <img id="heroDynamicImage"
                            src="{{ asset('assets/firstSlider.gif') }}"
                            width="400" height="400" style="aspect-ratio: 1 / 1; object-fit: contain;"
                            alt="{{ t('site-title') }} Astroloji Otomasyonu ve Yapay Zekası"
                            class="img-fluid rounded-3 hero-gif hero-slide-0 hero-slide-sm" fetchpriority="high" decoding="async">
                    </div>
                </div>
            </div>
            @include('frontend.ai-assistant.chat-widget')
        </section>

        <!-- Standartlar ve Güvenilirlik Bölümü -->
        <section class="container py-4 my-2" id="guvenilirlik-standartlari" style="max-width: 1140px;">
            <div class="text-center mb-4">
                <h2 class="h3 fw-bold mb-2" style="color: #0F5A4F;">Hassas Astroloji ve Yapay Zekâ Standartlarımız</h2>
                <p class="text-muted mx-auto" style="max-width: 720px; font-size: 0.95rem;">
                    Uluslararası astronomik efemeris hassasiyeti ve yapay zekâ analitik motoruyla Türkiye'nin en gelişmiş astroloji otomasyonu.
                </p>
            </div>

            <div class="row g-3 g-md-4">
                <!-- Kart 1 -->
                <div class="col-12 col-md-6 col-lg-3">
                    <div class="p-3 p-md-4 h-100 rounded-4 bg-white shadow-sm border border-light-subtle d-flex flex-column transition-hover" style="border-top: 4px solid #0F5A4F !important;">
                        <div class="d-inline-flex align-items-center justify-content-center mb-3 rounded-circle" style="width: 48px; height: 48px; background: rgba(15, 90, 79, 0.1); color: #0F5A4F;">
                            <i class="fa-solid fa-satellite-dish fs-5" aria-hidden="true"></i>
                        </div>
                        <h3 class="h6 fw-bold mb-2 text-dark">Swiss Ephemeris Hassasiyeti</h3>
                        <p class="text-secondary small mb-0 flex-grow-1" style="line-height: 1.55;">
                            Gezegen konumları, ev sınırları ve açılar NASA ve Swiss Ephemeris veritabanı üzerinden saniye hassasiyetinde hesaplanır.
                        </p>
                    </div>
                </div>

                <!-- Kart 2 -->
                <div class="col-12 col-md-6 col-lg-3">
                    <div class="p-3 p-md-4 h-100 rounded-4 bg-white shadow-sm border border-light-subtle d-flex flex-column transition-hover" style="border-top: 4px solid #7f5539 !important;">
                        <div class="d-inline-flex align-items-center justify-content-center mb-3 rounded-circle" style="width: 48px; height: 48px; background: rgba(127, 85, 57, 0.1); color: #5c3d28;">
                            <i class="fa-solid fa-brain-circuit fs-5" aria-hidden="true"></i>
                        </div>
                        <h3 class="h6 fw-bold mb-2 text-dark">Yapay Zekâ Sentez Motoru</h3>
                        <p class="text-secondary small mb-0 flex-grow-1" style="line-height: 1.55;">
                            Kuru tablolar yerine; transit, sinastri ve natal etkileri birbirine bağlayan analitik yapay zekâ yorumlama deneyimi.
                        </p>
                    </div>
                </div>

                <!-- Kart 3 -->
                <div class="col-12 col-md-6 col-lg-3">
                    <div class="p-3 p-md-4 h-100 rounded-4 bg-white shadow-sm border border-light-subtle d-flex flex-column transition-hover" style="border-top: 4px solid #0F5A4F !important;">
                        <div class="d-inline-flex align-items-center justify-content-center mb-3 rounded-circle" style="width: 48px; height: 48px; background: rgba(15, 90, 79, 0.1); color: #0F5A4F;">
                            <i class="fa-solid fa-compass-drafting fs-5" aria-hidden="true"></i>
                        </div>
                        <h3 class="h6 fw-bold mb-2 text-dark">16+ İleri Astroloji Modülü</h3>
                        <p class="text-secondary small mb-0 flex-grow-1" style="line-height: 1.55;">
                            Drakonik, Solar Arc, Harmonik, Uranyen, Vedik ve Rektifikasyon gibi profesyonel astrolojik metodolojilerin tamamı tek çatıda.
                        </p>
                    </div>
                </div>

                <!-- Kart 4 -->
                <div class="col-12 col-md-6 col-lg-3">
                    <div class="p-3 p-md-4 h-100 rounded-4 bg-white shadow-sm border border-light-subtle d-flex flex-column transition-hover" style="border-top: 4px solid #7f5539 !important;">
                        <div class="d-inline-flex align-items-center justify-content-center mb-3 rounded-circle" style="width: 48px; height: 48px; background: rgba(127, 85, 57, 0.1); color: #5c3d28;">
                            <i class="fa-solid fa-shield-halved fs-5" aria-hidden="true"></i>
                        </div>
                        <h3 class="h6 fw-bold mb-2 text-dark">Kişisel Veri Güvenliği</h3>
                        <p class="text-secondary small mb-0 flex-grow-1" style="line-height: 1.55;">
                            Doğum verileriniz ve harita kayıtlarınız şifreli altyapıda saklanır; gizliliğiniz ve güvenliğiniz her zaman önceliklidir.
                        </p>
                    </div>
                </div>
            </div>
        </section>

        <!-- Yapay Zekâ Doğrudan Alıntı ve Bilgi Kutusu (AI Direct Quotation & Fact Box) -->
        <section class="ai-knowledge-box my-4 p-4 rounded-4" style="background: rgba(15, 90, 79, 0.04); border: 1px solid rgba(15, 90, 79, 0.12);" aria-label="Astro Bilge Platform Özeti">
            <div class="container" style="max-width: 960px;">
                <div class="row align-items-center g-3">
                    <div class="col-12 col-md-3 text-center text-md-start">
                        <span class="badge rounded-pill px-3 py-2 text-bg-success mb-2" style="background-color: #0F5A4F !important; font-size: 0.82rem;">
                            <i class="fas fa-brain me-1" aria-hidden="true"></i> AI Platform Özeti
                        </span>
                        <h3 class="h5 fw-bold mb-0 text-dark">Astro Bilge Nedir?</h3>
                    </div>
                    <div class="col-12 col-md-9">
                        <blockquote class="mb-0 text-secondary" style="font-size: 0.94rem; line-height: 1.6; font-style: normal;">
                            <strong class="text-dark">Astro Bilge</strong>; uluslararası <em>Swiss Ephemeris</em> astronomik koordinat veritabanını kullanan, doğum haritası, sinastri (ilişki uyumu), rektifikasyon ve gezegen transitlerini matematiksel saniye hassasiyetinde hesaplayarak yapay zekâ analitiğiyle sentezleyen yeni nesil astroloji otomasyon platformudur.
                        </blockquote>
                    </div>
                </div>
            </div>
        </section>

        <!-- Sıkça Sorulan Sorular (SSS / FAQ) Bölümü -->
        <section class="container py-5 my-3 faq-section" id="sikca-sorulan-sorular" style="max-width: 1040px;">
            <div class="text-center mb-4">
                <span class="badge rounded-pill px-3 py-2 text-bg-success mb-2" style="background-color: #0F5A4F !important; font-size: 0.82rem;">
                    <i class="fas fa-question-circle me-1" aria-hidden="true"></i> Bilgi Bankası & Rehber
                </span>
                <h2 class="h3 fw-bold mb-2" id="faq-title" style="color: #0F5A4F;">Sıkça Sorulan Sorular (SSS)</h2>
                <p class="text-muted mx-auto" style="max-width: 680px; font-size: 0.95rem;">
                    Astroloji haritası hesaplama, yapay zekâ yorumlama süreçleri ve teknik standartlarımız hakkında en çok merak edilenler.
                </p>
            </div>

            <div class="row justify-content-center">
                <div class="col-12 col-lg-10">
                    <div class="accordion" id="astroFaqAccordion">
                        <!-- FAQ 1 -->
                        <div class="accordion-item">
                            <h3 class="accordion-header" id="faqHeadingOne">
                                <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#faqCollapseOne" aria-expanded="true" aria-controls="faqCollapseOne">
                                    Doğum haritası (Natal Chart) nedir ve ne işe yarar?
                                </button>
                            </h3>
                            <div id="faqCollapseOne" class="accordion-collapse collapse show" aria-labelledby="faqHeadingOne" data-bs-parent="#astroFaqAccordion">
                                <div class="accordion-body">
                                    Doğum haritası (Natal Chart), dünyaya geldiğiniz an ve yerde gökyüzündeki gezegenlerin, Güneş'in ve Ay'ın tam konumlarını gösteren 360 derecelik astronomik bir haritadır. Kişisel yeteneklerinizi, hayat derslerinizi, kariyer yatkınlıklarınızı, ilişki dinamiklerinizi ve potansiyellerinizi anlamanıza astrolojik yapay zekâ ile rehberlik eder.
                                </div>
                            </div>
                        </div>

                        <!-- FAQ 2 -->
                        <div class="accordion-item">
                            <h3 class="accordion-header" id="faqHeadingTwo">
                                <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faqCollapseTwo" aria-expanded="false" aria-controls="faqCollapseTwo">
                                    Doğum haritası hesaplamak için hangi bilgilere ihtiyaç vardır?
                                </button>
                            </h3>
                            <div id="faqCollapseTwo" class="accordion-collapse collapse" aria-labelledby="faqHeadingTwo" data-bs-parent="#astroFaqAccordion">
                                <div class="accordion-body">
                                    Doğum haritasının eksiksiz ve hatasız çıkması için tam doğum tarihi (gün/ay/yıl), doğum saati (tercihen dakika bazında) ve doğum yeri (şehir ve ülke) gereklidir. Doğum saati özellikle Yükselen Burç (Ascendant) ve evlerin doğru derecelendirilmesinde belirleyicidir.
                                </div>
                            </div>
                        </div>

                        <!-- FAQ 3 -->
                        <div class="accordion-item">
                            <h3 class="accordion-header" id="faqHeadingThree">
                                <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faqCollapseThree" aria-expanded="false" aria-controls="faqCollapseThree">
                                    Yükselen burç ve Ay burcu nedir, neden önemlidir?
                                </button>
                            </h3>
                            <div id="faqCollapseThree" class="accordion-collapse collapse" aria-labelledby="faqHeadingThree" data-bs-parent="#astroFaqAccordion">
                                <div class="accordion-body">
                                    Güneş burcunuz temel karakterinizi ve bilinçli amacınızı ifade ederken, Yükselen burcunuz (ASC) dış dünyaya verdiğiniz ilk izlenimi ve hayatı karşılama biçiminizi gösterir. Ay burcunuz ise duygusal ihtiyaçlarınızı, iç dünyanızı ve sezgisel tepkilerinizi yönetir. Bu üçlü astrolojide "Büyük Üçlü" olarak adlandırılır.
                                </div>
                            </div>
                        </div>

                        <!-- FAQ 4 -->
                        <div class="accordion-item">
                            <h3 class="accordion-header" id="faqHeadingFour">
                                <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faqCollapseFour" aria-expanded="false" aria-controls="faqCollapseFour">
                                    Sinastri (İlişki Uyumu) haritası nasıl çalışır?
                                </button>
                            </h3>
                            <div id="faqCollapseFour" class="accordion-collapse collapse" aria-labelledby="faqHeadingFour" data-bs-parent="#astroFaqAccordion">
                                <div class="accordion-body">
                                    Sinastri analizi, iki kişinin doğum haritasını üst üste yerleştirerek gezegenlerin birbirleriyle oluşturduğu açıları ve ev yerleşimlerini inceler. Venüs, Mars, Güneş ve Ay etkileşimleri sayesinde partnerlerin aşk, iletişim, problem çözümü ve uzun vadeli uyumu yapay zekâ destekli otomasyonla detaylıca raporlanır.
                                </div>
                            </div>
                        </div>

                        <!-- FAQ 5 -->
                        <div class="accordion-item">
                            <h3 class="accordion-header" id="faqHeadingFive">
                                <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faqCollapseFive" aria-expanded="false" aria-controls="faqCollapseFive">
                                    Solar Return (Güneş Dönüşü) haritası nedir?
                                </button>
                            </h3>
                            <div id="faqCollapseFive" class="accordion-collapse collapse" aria-labelledby="faqHeadingFive" data-bs-parent="#astroFaqAccordion">
                                <div class="accordion-body">
                                    Solar Return, transit Güneş'in doğum anınızdaki tam derece ve dakikasına ulaştığı an için oluşturulan yıllık astrolojik haritadır. Bir doğum gününüzden diğerine kadar olan 1 yıllık dönemin ana temalarını, kariyer fırsatlarını ve dönüm noktalarını öngörmek için kullanılır.
                                </div>
                            </div>
                        </div>

                        <!-- FAQ 6 -->
                        <div class="accordion-item">
                            <h3 class="accordion-header" id="faqHeadingSix">
                                <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faqCollapseSix" aria-expanded="false" aria-controls="faqCollapseSix">
                                    Astro Bilge harita hesaplamalarında hangi hesaplama altyapısını kullanır?
                                </button>
                            </h3>
                            <div id="faqCollapseSix" class="accordion-collapse collapse" aria-labelledby="faqHeadingSix" data-bs-parent="#astroFaqAccordion">
                                <div class="accordion-body">
                                    Astro Bilge, uluslararası astroloji kurallarına göre hassas hesaplama yapan modern algoritmaları ve yapay zekâ motorunu kullanır. Bu sayede gezegen dereceleri, ev sistemleri (Placidus, Whole Sign vb.) ve transit hareketleri en yüksek hassasiyetle hesaplanır.
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <!-- Sayfa Sonu Aksiyon Kartı (Call-To-Action) -->
        <section class="hero-cta-section my-5 text-center" aria-label="Astroloji Analizi Başlat">
            <div class="container" style="max-width: 960px;">
                <div class="card border-0 rounded-4 p-4 p-md-5 text-white" style="background: linear-gradient(135deg, #0F5A4F 0%, #093831 100%); box-shadow: 0 15px 35px rgba(15, 90, 79, 0.25);">
                    <h2 class="fw-bold mb-3 text-white" style="font-size: clamp(1.35rem, 3vw, 1.85rem);">Astrolojik Potansiyelinizi Keşfetmeye Hazır mısınız?</h2>
                    <p class="mb-4 mx-auto text-white-50" style="max-width: 600px; font-size: 0.95rem;">Doğum anınızdaki gezegen konumlarını hemen hesaplayın, yapay zekâ destekli derin analizler ve kişisel öngörülerle tanışın.</p>
                    <div class="d-flex justify-content-center gap-3 flex-wrap">
                        <a href="{{ auth()->check() ? route('panel') : route('login') }}" class="btn btn-light btn-lg rounded-pill px-4 fw-semibold btn-cta-glow" style="color: #0F5A4F !important; font-size: 0.95rem;">
                            <i class="fas fa-sparkles me-1 text-warning" aria-hidden="true"></i> Ücretsiz Haritanı Çıkar
                        </a>
                    </div>
                </div>
            </div>
        </section>

    </main>

    <style>
        /* SSS / FAQ Bölümü Stilleri */
        .faq-section {
            background: linear-gradient(180deg, #fdfbf7 0%, #f4eee1 100%);
            border-top: 1px solid rgba(15, 90, 79, 0.08);
            border-bottom: 1px solid rgba(15, 90, 79, 0.08);
            border-radius: 20px;
        }
        .faq-section .accordion-item {
            border: 1px solid rgba(15, 90, 79, 0.12);
            border-radius: 12px !important;
            margin-bottom: 12px;
            overflow: hidden;
            background: #ffffff;
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.03);
            transition: all 0.25s ease;
        }
        .faq-section .accordion-item:hover {
            border-color: rgba(15, 90, 79, 0.35);
            box-shadow: 0 4px 14px rgba(15, 90, 79, 0.08);
        }
        .faq-section .accordion-button {
            font-weight: 600;
            font-size: 1.02rem;
            color: #1a2a26;
            background-color: #ffffff;
            padding: 1.1rem 1.25rem;
            border-radius: 12px !important;
        }
        .faq-section .accordion-button:not(.collapsed) {
            color: #0F5A4F;
            background-color: rgba(15, 90, 79, 0.05);
            box-shadow: none;
        }
        .faq-section .accordion-button:focus {
            box-shadow: 0 0 0 0.25rem rgba(15, 90, 79, 0.15);
            border-color: rgba(15, 90, 79, 0.3);
        }
        .faq-section .accordion-body {
            color: #1f2937;
            font-size: 0.95rem;
            line-height: 1.7;
            padding: 1.2rem 1.35rem;
            background-color: #ffffff;
        }

        /* Erişilebilirlik ve Klavye Navigasyonu (a11y) */
        a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible {
            outline: 3px solid #0F5A4F !important;
            outline-offset: 2px !important;
        }

        .transition-hover {
            transition: transform 0.25s ease, box-shadow 0.25s ease;
        }
        .transition-hover:hover {
            transform: translateY(-4px);
            box-shadow: 0 12px 28px rgba(15, 90, 79, 0.12) !important;
        }
        
        @media (max-width: 991.98px) {
            body.home-page .navbar {
                padding-top: 0.35rem !important;
                padding-bottom: 0 !important;
                min-height: auto !important;
                margin-bottom: 0 !important;
            }
            body.home-page main {
                padding-top: 0 !important;
                margin-top: 0 !important;
            }
            body.home-page section.container {
                align-items: flex-start !important;
                justify-content: flex-start !important;
                padding-top: 20px !important;
                margin-top: 0 !important;
            }
            body.home-page .hero-row {
                margin-top: 0 !important;
                padding-top: 0 !important;
                row-gap: 0 !important;
            }
            body.home-page .hero-media-col {
                order: 1 !important;
                margin-top: 0 !important;
                padding-top: 0 !important;
                margin-bottom: 0 !important;
                padding-bottom: 0 !important;
            }
            body.home-page .hero-gif-wrap {
                margin-top: 0 !important;
                margin-bottom: 0 !important;
                display: flex !important;
                justify-content: center !important;
                align-items: center !important;
            }
            body.home-page .hero-copy-col {
                order: 2 !important;
                margin-top: 0 !important;
                padding-top: 0 !important;
            }
            body.home-page .hero-title {
                font-size: clamp(1.4rem, 5.5vw, 1.85rem) !important;
                line-height: 1.15 !important;
                margin-top: 5px !important;
                margin-bottom: 0.25rem !important;
            }
            body.home-page .hero-subtitle {
                font-size: clamp(0.85rem, 3.2vw, 0.95rem) !important;
                margin-bottom: 0.5rem !important;
                margin-top: 0 !important;
                line-height: 1.25 !important;
            }
            body.home-page .hero-gif.hero-slide-1 {
                margin-left: 30px !important;
                max-width: 360px !important;
            }
            body.home-page .hero-gif.hero-slide-0,
            body.home-page .hero-gif.hero-slide-2 {
                margin-left: 0 !important;
            }

            /* Mobilde sağ alttaki sabit butonu gizle, butonların yanındaki yuvarlak butonu göster */
            body.home-page #aiAssistantContainer > #aiAssistantBtn {
                display: none !important;
            }
            body.home-page .hero-actions {
                transform: translateX(7px) !important;
                gap: 0.5rem !important;
                flex-wrap: nowrap !important;
                justify-content: center !important;
            }
            body.home-page .hero-ai-mobile-btn {
                width: 72px;
                height: 72px;
                min-width: 72px;
                min-height: 72px;
                border-radius: 50%;
                background: #0F5A4F;
                border: none;
                padding: 0;
                cursor: pointer;
                display: inline-flex !important;
                margin-top: 7px !important;
                margin-left: 7px !important;
                align-items: center;
                justify-content: center;
                box-shadow: 0 6px 18px rgba(127, 85, 57, 0.55);
                position: relative;
                top: 3px;
                margin-left: 5px !important;
                flex-shrink: 0;
                transition: transform 0.2s ease, box-shadow 0.2s ease;
            }
            body.home-page .hero-ai-mobile-btn:active {
                transform: translateY(3px) scale(0.94);
            }
            body.home-page .hero-ai-mobile-btn .ai-tab-icon {
                width: 50px;
                height: 50px;
                object-fit: contain;
            }
        }
        @media (max-width: 575.98px) {
            body.home-page section.container {
                padding-top: 20px !important;
            }
            body.home-page .hero-gif.hero-slide-1 {
                margin-left: 30px !important;
                max-width: 360px !important;
            }
        }
        @media (min-width: 992px) {
            .hero-ai-mobile-btn {
                display: none !important;
            }
            body.home-page section.container {
                align-items: flex-start !important;
                justify-content: flex-start !important;
                padding-top: 50px !important;
            }
            body.home-page .hero-row {
                align-items: flex-start !important;
                margin-top: 0 !important;
                padding-top: 0 !important;
            }
            body.home-page .hero-media-col {
                align-items: flex-start !important;
                align-self: flex-start !important;
                margin-top: 0 !important;
                padding-top: 0 !important;
            }
            body.home-page .hero-gif-wrap {
                margin-top: 0 !important;
            }
            body.home-page .hero-copy-col {
                align-self: flex-start !important;
                margin-top: 75px !important;
            }
            body.home-page .hero-gif.hero-slide-1 {
                margin-left: 180px !important;
            }
            body.home-page .hero-gif.hero-slide-0,
            body.home-page .hero-gif.hero-slide-2 {
                margin-left: 0 !important;
            }
        }
        /* 3 Ayrı Özel Slider Geçiş Efekti */
        body.home-page .hero-gif {
            transition: opacity 0.45s cubic-bezier(0.25, 1, 0.5, 1),
                        transform 0.45s cubic-bezier(0.25, 1, 0.5, 1),
                        filter 0.45s cubic-bezier(0.25, 1, 0.5, 1) !important;
            will-change: opacity, transform, filter;
        }
        body.home-page .hero-gif.hero-slide-0.fade-out {
            opacity: 0 !important;
            transform: scale(0.90) rotate(-4deg) !important;
            filter: blur(4px) brightness(1.2) !important;
        }
        body.home-page .hero-gif.hero-slide-1.fade-out {
            opacity: 0 !important;
            transform: translateX(25px) scale(0.96) !important;
            filter: blur(3px) !important;
        }
        body.home-page .hero-gif.hero-slide-2.fade-out {
            opacity: 0 !important;
            transform: translateY(-18px) scale(1.04) !important;
            filter: blur(4px) brightness(1.3) !important;
        }
    </style>
    <script>
        (function() {
            var images = [
                "{{ asset('assets/firstSlider.gif') }}",
                "{{ asset('assets/astro-bilge-banner-sinastri-640x576.webp') }}",
                "{{ asset('assets/astrobilge-astroloji-banner-pasedon-640x576.webp') }}"
            ];
            var alts = [
                "{{ t('site-title') }} Astroloji Otomasyonu ve Yapay Zekası",
                "Astro Bilge Sinastri İlişki Uyumu ve Analizi",
                "Astro Bilge Astroloji Poseidon"
            ];

            var durations = [
                { display: 2550, fade: 400, pause: 450 },
                { display: 3000, fade: 450, pause: 500 },
                { display: 3000, fade: 450, pause: 500 }
            ];

            images.forEach(function(src) {
                var preImg = new Image();
                preImg.src = src;
            });

            var imgEl = document.getElementById('heroDynamicImage');
            if (!imgEl) return;

            var currentIndex = 0;

            function runSlide() {
                var currentTiming = durations[currentIndex];

                setTimeout(function() {
                    imgEl.classList.add('fade-out');

                    setTimeout(function() {
                        currentIndex = (currentIndex + 1) % images.length;
                        imgEl.src = images[currentIndex];
                        imgEl.alt = alts[currentIndex];

                        imgEl.classList.remove('hero-slide-0', 'hero-slide-1', 'hero-slide-2', 'hero-slide-sm', 'hero-slide-lg');
                        imgEl.classList.add('hero-slide-' + currentIndex);

                        if (currentIndex === 0) {
                            imgEl.classList.add('hero-slide-sm');
                        } else {
                            imgEl.classList.add('hero-slide-lg');
                        }

                        if (currentIndex === 1) {
                            if (window.innerWidth <= 991) {
                                imgEl.style.marginLeft = '30px';
                                imgEl.style.maxWidth = '360px';
                            } else {
                                imgEl.style.marginLeft = '180px';
                                imgEl.style.maxWidth = '';
                            }
                        } else {
                            imgEl.style.marginLeft = '0px';
                            imgEl.style.maxWidth = '';
                        }

                        setTimeout(function() {
                            imgEl.classList.remove('fade-out');
                            runSlide();
                        }, 50);
                    }, currentTiming.fade + currentTiming.pause);
                }, currentTiming.display);
            }

            runSlide();
        })();
    </script>
@endsection