<?php
require_once __DIR__ . '/includes/functions.php';
$branches = getBranches();
$services = getServices();
$posts = array_slice(getBlogPosts(), 0, 4);
$meta = pageMeta(['canonical' => url(), 'image' => url('assets/img/hero-luxury-pool.jpg')]);
require __DIR__ . '/includes/header.php';
?>
<section class="hero water-hero cinematic-hero">
    <div class="hero-slider" aria-hidden="true">
        <div class="hero-slide is-one" style="background-image:url('<?= e(url('assets/img/hero-luxury-pool.jpg')) ?>')"></div>
        <div class="hero-slide is-two" style="background-image:url('<?= e(url('assets/img/children-swimming-class.jpg')) ?>')"></div>
        <div class="hero-slide is-three" style="background-image:url('<?= e(url('assets/img/private-swimming-lesson.jpg')) ?>')"></div>
        <div class="hero-slide is-four" style="background-image:url('<?= e(url('assets/img/spa-pool-background.jpg')) ?>')"></div>
    </div>
    <div class="hero-shine water-wave"></div>
    <div class="bubble-field" aria-hidden="true"><span></span><span></span><span></span><span></span><span></span><span></span></div>
    <div class="floating-icon icon-3d icon-goggles float-slow" aria-hidden="true"><span></span></div>
    <div class="floating-icon icon-3d icon-swimmer float-medium" aria-hidden="true"><span></span></div>
    <div class="floating-icon icon-3d icon-medal float-slow" aria-hidden="true"><span></span></div>
    <div class="hero-content reveal fade-left">
        <span class="eyebrow">Premium otel havuzu ve akademi deneyimi</span>
        <h1>İstanbul’un Seçkin Lokasyonlarında Premium Yüzme Eğitimi</h1>
        <p>Çocuklar, yetişkinler ve lisanslı sporcu adayları için güvenli, profesyonel ve keyifli yüzme dersleri.</p>
        <div class="hero-actions">
            <a class="btn btn-primary glow-pulse" href="<?= e(CONTACT_WHATSAPP) ?>">WhatsApp’tan Bilgi Al</a>
            <a class="btn btn-light" href="tel:<?= e(CONTACT_TEL) ?>">Hemen Ara</a>
            <a class="btn btn-ghost" href="#subeler">Şubeleri İncele</a>
        </div>
        <div class="hero-badges">
            <span><i class="icon-3d mini icon-coach"></i>Profesyonel Eğitmenler</span>
            <span><i class="icon-3d mini icon-location"></i>5 Premium Şube</span>
            <span><i class="icon-3d mini icon-drop"></i>Özel & Grup Ders</span>
            <span><i class="icon-3d mini icon-family"></i>Aile Paketleri</span>
        </div>
    </div>
    <div class="hero-panel hero-glass-panel reveal fade-right">
        <span class="eyebrow">ASSK Akademi</span>
        <figure class="hero-panel-photo">
            <img src="<?= e(url('assets/img/coach-training.jpg')) ?>" alt="ASSK profesyonel yüzme eğitmeni ve havuz dersi" loading="eager">
        </figure>
        <strong>5 Premium Şube</strong>
        <div class="hero-stat-grid">
            <span><i class="icon-3d mini icon-goggles"></i>Özel & Grup Ders</span>
            <span><i class="icon-3d mini icon-family"></i>Aile Paketleri</span>
            <span><i class="icon-3d mini icon-medal"></i>Lisanslı Sporcu</span>
            <span><i class="icon-3d mini icon-phone"></i>0552 695 48 90</span>
        </div>
        <div class="hero-branch-list">
            <?php foreach ($branches as $branch): ?>
                <a href="<?= e(branchUrl($branch['slug'])) ?>"><span><?= e($branch['name']) ?></span><small><?= e($branch['district']) ?></small></a>
            <?php endforeach; ?>
        </div>
        <a class="btn btn-primary" href="<?= e(CONTACT_WHATSAPP) ?>">WhatsApp’tan Bilgi Al</a>
    </div>
    <div class="wave-separator" aria-hidden="true"></div>
</section>

<section class="section trust-section section-glow">
    <div class="section-head reveal fade-up">
        <span class="eyebrow">Güven rozetleri</span>
        <h2>Yüzme eğitimini profesyonel bir deneyime dönüştüren sistem</h2>
    </div>
    <div class="trust-layout">
        <div class="feature-grid">
            <?php
            $trustItems = [
                ['Profesyonel eğitmenler', 'coach'],
                ['Otel & spa kalitesinde havuzlar', 'pool'],
                ['Çocuklara özel güvenli eğitim', 'shield'],
                ['Özel, grup ve aile paketleri', 'family'],
                ['Lisanslı sporcu hazırlığı', 'medal'],
                ['Kolay ulaşım', 'route'],
            ];
            foreach ($trustItems as $item): ?>
                <article class="mini-card premium-icon-card reveal scale-in"><span class="icon-3d icon-<?= e($item[1]) ?>"></span><h3><?= e($item[0]) ?></h3><p>Planlı takip, seviye analizi ve aile bilgilendirmesiyle ilerleyen premium eğitim deneyimi.</p></article>
            <?php endforeach; ?>
        </div>
        <figure class="visual-frame coach-frame reveal fade-right">
            <img src="<?= e(url('assets/img/coach-training.jpg')) ?>" alt="ASSK profesyonel yüzme eğitmeni ve güvenli ders takibi" loading="lazy">
            <figcaption><i class="icon-3d mini icon-shield"></i>Seviye analizi, güvenli başlangıç ve düzenli gelişim takibi</figcaption>
        </figure>
    </div>
</section>

<section class="section service-showcase">
    <div class="section-head reveal fade-up">
        <span class="eyebrow">Programlar</span>
        <h2>Fotoğraflı, hedef odaklı ve seviyeye göre planlanan ders modelleri</h2>
    </div>
    <div class="service-grid visual-service-grid">
        <?php foreach ($services as $service): ?>
            <article class="service-card visual-service-card tilt-card reveal scale-in">
                <div class="service-media">
                    <img src="<?= e(url(serviceVisual($service))) ?>" alt="<?= e($service['title'] . ' ASSK premium yüzme dersi') ?>" loading="lazy">
                    <span class="service-icon-3d icon-3d icon-<?= e(serviceIconType($service)) ?>"></span>
                </div>
                <div class="service-body">
                    <h3><?= e($service['title']) ?></h3>
                    <p><?= e($service['description']) ?></p>
                    <ul>
                        <li>Seviye analizi</li>
                        <li>Düzenli gelişim takibi</li>
                        <li>Güvenli eğitim planı</li>
                    </ul>
                    <a class="btn btn-small btn-primary" href="<?= e(CONTACT_WHATSAPP) ?>">Ders Programı Hakkında Bilgi Alın</a>
                </div>
            </article>
        <?php endforeach; ?>
    </div>
</section>

<section id="subeler" class="section blue-band branch-catalog section-glow">
    <div class="section-head reveal fade-up">
        <span class="eyebrow">Premium lokasyon katalogu</span>
        <h2>5 şubede otel, spa ve wellness atmosferinde yüzme eğitimi</h2>
    </div>
    <div class="branch-grid">
        <?php foreach ($branches as $branch): ?>
            <article class="branch-card tilt-card reveal scale-in">
                <div class="branch-media">
                    <img src="<?= e(url(branchImage($branch))) ?>" alt="<?= e($branch['name'] . ' premium havuz ve spa yüzme kursu') ?>" loading="lazy">
                    <span><i class="icon-3d mini icon-location"></i><?= e($branch['district']) ?></span>
                </div>
                <div class="branch-glass-footer">
                    <h3><?= e($branch['name']) ?></h3>
                    <strong><?= e($branch['venue_name']) ?></strong>
                    <p><?= e($branch['short_description']) ?></p>
                    <div class="card-actions">
                        <a class="btn btn-small btn-primary" href="<?= e(branchUrl($branch['slug'])) ?>">Şubeyi İncele</a>
                        <a class="btn btn-small btn-ghost" href="<?= e(CONTACT_WHATSAPP) ?>">WhatsApp</a>
                    </div>
                </div>
            </article>
        <?php endforeach; ?>
    </div>
</section>

<section class="section split-section premium-story visual-story">
    <div class="copy-block reveal fade-left">
        <span class="eyebrow">Neden ASSK?</span>
        <h2>Kişiye özel eğitim yaklaşımı, güvenli ortam ve modern lokasyonlar</h2>
        <p>ASSK programları seviye analiziyle başlar. Çocuklarda özgüven, koordinasyon ve disiplin gelişimini destekleyen bir dil kullanılır; yetişkinlerde su korkusunu yenme, doğru teknik öğrenme ve kondisyon kazanma hedeflenir.</p>
        <p>Lisanslı sporcu adayları için teknik, dayanıklılık, performans ve kulüp altyapısına hazırlık odaklı planlama yapılır.</p>
    </div>
    <div class="visual-stack reveal fade-right">
        <img src="<?= e(url('assets/img/spa-pool-background.jpg')) ?>" alt="ASSK spa havuzu atmosferi ve premium yüzme eğitimi" loading="lazy">
        <div class="lux-list">
            <?php foreach ([['Çocuk gelişimine katkı','child'],['Aile bilgilendirmesi','family'],['Sporcu disiplini','medal'],['Güvenli eğitim ortamı','shield']] as $item): ?>
                <span><i class="icon-3d mini icon-<?= e($item[1]) ?>"></i><?= e($item[0]) ?></span>
            <?php endforeach; ?>
        </div>
    </div>
</section>

<section class="section academy-visual-section">
    <div class="section-head reveal fade-up"><span class="eyebrow">Akademi deneyimi</span><h2>Çocuk, yetişkin, aile ve sporcu hedefleri için görsel program akışı</h2></div>
    <div class="academy-visual-grid">
        <article class="editorial-card image-editorial reveal fade-up"><img src="<?= e(url('assets/img/children-swimming-class.jpg')) ?>" alt="Çocuklar için güvenli yüzme eğitimi" loading="lazy"><div><span>Çocuk Akademisi</span><h2>Çocuklar İçin Yüzme Eğitimi</h2><p>Özgüven, koordinasyon ve disiplin gelişimini destekleyen güvenli başlangıç.</p></div></article>
        <article class="editorial-card image-editorial reveal fade-up"><img src="<?= e(url('assets/img/private-swimming-lesson.jpg')) ?>" alt="Yetişkinler için özel yüzme dersi" loading="lazy"><div><span>Yetişkin Programı</span><h2>Yetişkinler İçin Yüzme Eğitimi</h2><p>Su korkusunu yenme, teknik öğrenme ve kondisyon kazanma odaklı program.</p></div></article>
        <article class="editorial-card image-editorial reveal fade-up"><img src="<?= e(url('assets/img/licensed-athlete-training.jpg')) ?>" alt="Lisanslı sporcu adayları için performans yüzme eğitimi" loading="lazy"><div><span>Sporcu Hazırlık</span><h2>Lisanslı Sporcu Hazırlığı</h2><p>Teknik analiz, dayanıklılık ve hedef odaklı antrenman yaklaşımı.</p></div></article>
    </div>
</section>

<section class="section branch-experience">
    <div class="section-head reveal fade-up"><span class="eyebrow">Görsel deneyim</span><h2>Premium havuz, eğitmen takibi ve aile dostu başlangıç</h2></div>
    <div class="experience-grid">
        <article class="experience-card reveal fade-up"><img src="<?= e(url('assets/img/pool-water-texture.jpg')) ?>" alt="ASSK premium havuz su dokusu ve eğitim atmosferi" loading="lazy"><div><i class="icon-3d icon-pool"></i><h3>Havuz kalitesi</h3><p>Spa ve fitness lokasyonu hissi veren temiz, kontrollü ve ferah eğitim alanı.</p></div></article>
        <article class="experience-card reveal fade-up"><img src="<?= e(url('assets/img/coach-training.jpg')) ?>" alt="ASSK profesyonel yüzme eğitmeni ile ders takibi" loading="lazy"><div><i class="icon-3d icon-coach"></i><h3>Eğitmen takibi</h3><p>Seviye analizi, teknik düzeltme ve aile bilgilendirmesi tek sistemde ilerler.</p></div></article>
        <article class="experience-card reveal fade-up"><img src="<?= e(url('assets/img/family-swimming-package.jpg')) ?>" alt="ASSK aile yüzme paketi ve çocuk eğitimi" loading="lazy"><div><i class="icon-3d icon-family"></i><h3>Aile dostu plan</h3><p>Çocuklar ve ebeveynler için rahat, güvenli ve ulaşılabilir ders planları.</p></div></article>
    </div>
</section>

<section class="section blog-preview">
    <div class="section-head reveal fade-up"><span class="eyebrow">Blog</span><h2>Yüzme, çocuk gelişimi ve sağlıklı yaşam</h2></div>
    <div class="blog-grid">
        <?php foreach ($posts as $post): ?>
            <article class="blog-card reveal scale-in"><img src="<?= e(url(blogVisual($post))) ?>" alt="<?= e($post['title'] . ' ASSK blog görseli') ?>" loading="lazy"><div><span class="post-meta">ASSK Rehber | 4 dk okuma</span><h3><?= e($post['title']) ?></h3><p><?= e($post['excerpt']) ?></p><a href="<?= e(blogUrl($post['slug'])) ?>">Devamını Oku</a></div></article>
        <?php endforeach; ?>
    </div>
</section>

<section class="section faq-section section-glow">
    <div class="section-head reveal fade-up"><span class="eyebrow">SSS</span><h2>Merak edilenler</h2></div>
    <div class="faq-list">
        <?php foreach (seedFaqs() as $faq): ?>
            <details class="reveal fade-up"><summary><i class="icon-3d mini icon-star"></i><?= e($faq['q']) ?></summary><p><?= e($faq['a']) ?></p></details>
        <?php endforeach; ?>
    </div>
</section>

<section class="section contact-band" id="iletisim">
    <div class="section-head reveal fade-up"><span class="eyebrow">Bilgi alın</span><h2>Özel Ders Programınızı Planlayalım</h2></div>
    <div class="contact-layout">
        <?= leadForm() ?>
        <aside class="contact-panel glass-card reveal fade-right">
            <span class="eyebrow">Hızlı iletişim</span>
            <h3>Çocuğunuz için güvenli başlangıç yapın</h3>
            <p>ASSK ekibi şube, yaş grubu ve hedefe göre en doğru ders modelini sizinle birlikte netleştirir.</p>
            <div class="contact-icon-row"><i class="icon-3d icon-whatsapp"></i><i class="icon-3d icon-phone"></i><i class="icon-3d icon-calendar"></i></div>
            <a class="btn btn-primary" href="<?= e(CONTACT_WHATSAPP) ?>">WhatsApp’tan Bilgi Al</a>
            <a class="btn btn-light" href="tel:<?= e(CONTACT_TEL) ?>">0552 695 48 90</a>
        </aside>
    </div>
</section>

<section class="section final-cta visual-final-cta">
    <div class="reveal fade-left">
        <span class="eyebrow">ASSK Akademi</span>
        <h2>Yüzme eğitimine premium bir ortamda başlayın</h2>
        <p>Eyüp, Başakşehir, Topkapı, Merter ve Beylikdüzü şubelerinde çocuklar, yetişkinler ve sporcu adayları için profesyonel programlar.</p>
        <div class="hero-actions"><a class="btn btn-primary glow-pulse" href="<?= e(CONTACT_WHATSAPP) ?>">Ders Programı Hakkında Bilgi Alın</a><a class="btn btn-light" href="tel:<?= e(CONTACT_TEL) ?>">Hemen Ara</a></div>
    </div>
</section>
<?php require __DIR__ . '/includes/footer.php'; ?>
