@extends('frontend.main_master')

@section('title', 'Solar Return Haritası Nedir? Güneş Dönüşü Hesaplama | ' . t('site-title'))
@section('meta_description', 'Solar Return haritası nedir ve nasıl hesaplanır? Güneş dönüşü haritası ile yıllık astroloji tahminleri. Doğum gününüzdeki gezegen konumlarına göre yıllık analiz.')
@section('meta_keywords', 'solar return, solar return haritası, güneş dönüşü, solar return hesaplama, yıllık astroloji, güneş dönüşü haritası')
@push('schema')
<x-seo.schema-article 
    headline="Solar Return Haritası Nedir? Güneş Dönüşü Hesaplama" 
    description="Solar Return haritası nedir ve nasıl hesaplanır? Güneş dönüşü haritası ile yıllık astroloji tahminleri."
    image="{{ asset('frontend/images/og-image.jpg') }}" />
<x-seo.schema-breadcrumb :items="[['name' => 'Anasayfa', 'url' => route('index')], ['name' => 'Doğum Haritası', 'url' => route('birth-chart.index')], ['name' => 'Solar Return', 'url' => url()->current()]]" />
@endpush

@push('styles')
    <link rel="stylesheet" href="{{ asset('frontend/css/page-home.css') }}">
    <link rel="stylesheet" href="{{ asset('frontend/css/birth-chart.css') }}">
@endpush

@section('content')
    <div class="solar-return-page">
    <section class="hero py-5">
        <div class="container">
            <div class="row align-items-center">
                <div class="col-12 col-lg-8 mx-auto">
                    <div class="hero-content-wrapper">
                        <h1 class="text-balance display-4 display-md-3 display-lg-2 mb-4">Solar Return Haritayı Keşfet</h1>
                        <p class="lead text-pretty fs-5 fs-md-4 mb-4">
                            Güneş dönüşü (solar return) dönemindeki temaları ve potansiyelleri tek bir master harita üzerinden önizleyin.
                        </p>

                        <div class="hero-buttons d-flex flex-column flex-md-row gap-3">
                            <a href="{{ auth()->check() ? route('panel') : route('login') }}"
                                class="hero-btn-primary hero-btn-primary--solar text-center">Haritamı Keşfet</a>
                            <a href="#burclar" class="hero-btn-secondary text-center">Burçları Keşfet</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <section id="yorumlama" class="py-5 bg-white-section">
        <div class="container">
            <h2 class="section-title mb-4">Solar Return Nedir?</h2>
            <p class="text-muted mb-0">
                Solar return, doğum anına göre belirlenen bir yıl döngüsündeki etkileri gösteren bir haritadır.
                Preview modunda sadece solar return master haritası hesaplanır.
            </p>
        </div>
    </section>
    </div>
@endsection