<?php
require_once 'config.php';
require_once 'article.php';
require_once 'image-helper.php';
require_once 'schema.php';
require_once 'turkey.php';

$protocol = (isset($_SERVER['HTTPS']) && $_SERVER['HTTPS'] === 'on') ? 'https' : 'http';
if (isset($_SERVER['HTTP_HOST']) && $_SERVER['HTTP_HOST'] !== '') {
    $site_url = $protocol . '://' . $_SERVER['HTTP_HOST'] . '/';
    $base_url = $site_url;
}

$current_url = (isset($_SERVER['HTTPS']) && $_SERVER['HTTPS'] === 'on' ? 'https' : 'http') . '://' . $_SERVER['HTTP_HOST'] . $_SERVER['REQUEST_URI'];

$request_uri = parse_url($_SERVER['REQUEST_URI'], PHP_URL_PATH);
$request_uri = trim($request_uri, '/');
$url_parts = !empty($request_uri) ? explode('/', $request_uri) : [];

$hizmet_slug = null;
$il_slug = null;
$ilce_slug = null;
$mahalle_slug = null;
$page_type = 'homepage';

if (count($url_parts) >= 1 && isset($tum_hizmetler[$url_parts[0]])) {
    $hizmet_slug = $url_parts[0];
    $page_type = 'hizmet';
    if (count($url_parts) >= 2 && isset($turkey_data[$url_parts[1]]) && in_array($url_parts[1], $izinli_iller)) {
        $il_slug = $url_parts[1];
        $page_type = 'hizmet-il';
        if (count($url_parts) >= 3 && isset($turkey_data[$il_slug]['ilceler'][$url_parts[2]])) {
            $ilce_slug = $url_parts[2];
            $page_type = 'hizmet-il-ilce';
            if (count($url_parts) >= 4 && isset($turkey_data[$il_slug]['ilceler'][$ilce_slug]['mahalleler'][$url_parts[3]])) {
                $mahalle_slug = $url_parts[3];
                $page_type = 'hizmet-il-ilce-mahalle';
            }
        }
    }
}

$is_invalid_page = (count($url_parts) >= 1 && !$hizmet_slug);

$dynamic_content = null;
$aktif_hizmet = null;
if ($hizmet_slug) {
    $aktif_hizmet = $tum_hizmetler[$hizmet_slug];
    $dynamic_content = generateDynamicContent(
        $aktif_hizmet,
        $hizmet_slug,
        $il_slug,
        $ilce_slug,
        $mahalle_slug,
        $turkey_data,
        $telefon_display,
        $firma_adi,
        $base_url,
        $telefon_raw,
        $whatsapp,
        $tum_hizmetler
    );
}

$use_dynamic_images = sablonImageReady();

if ($use_dynamic_images) {
    $og_image = resolveOgImageUrl($base_url, $dynamic_content, $firma_adi, $slogan, $aktif_hizmet);
    $service_card_image = $aktif_hizmet
        ? resolveServiceCardImageUrl($base_url, $dynamic_content, $aktif_hizmet)
        : null;
} else {
    $og_image = $aktif_hizmet
        ? $aktif_hizmet['img']
        : 'https://' . $domain . '/images/anasayfa.jpg';
    $service_card_image = $aktif_hizmet ? $aktif_hizmet['img'] : null;
}

$config = [
    'firma_adi' => $firma_adi,
    'telefon_display' => $telefon_display,
    'telefon_raw' => $telefon_raw,
    'email' => $email,
    'domain' => $domain,
    'slogan' => $slogan,
    'hizmetler' => $hizmetler,
    'gizli_hizmetler' => $gizli_hizmetler,
    'tum_hizmetler' => $tum_hizmetler,
    'og_image' => $og_image,
    'service_image' => $service_card_image ?? $og_image,
    'use_dynamic_images' => $use_dynamic_images,
];

$robots_content = 'index, follow';
if ($is_invalid_page) {
    $robots_content = 'noindex, follow';
}

$whatsapp_url = buildWhatsappUrl($whatsapp, $hizmet_slug, $tum_hizmetler, $il_slug, $ilce_slug, $mahalle_slug, $turkey_data, $firma_adi);

$search_hizmetler = [];
foreach ($hizmetler as $slug => $h) {
    $search_hizmetler[] = ['name' => $h['name'], 'slug' => $slug, 'url' => $base_url . $slug . '/', 'type' => 'hizmet'];
}
$search_iller = [];
foreach ($izinli_iller as $il_slug_item) {
    if (isset($turkey_data[$il_slug_item])) {
        $search_iller[] = ['name' => $turkey_data[$il_slug_item]['name'], 'slug' => $il_slug_item, 'url' => $base_url . 'kartvizit/' . $il_slug_item . '/', 'type' => 'il'];
    }
}
$search_data_json = json_encode(array_merge($search_hizmetler, $search_iller), JSON_UNESCAPED_UNICODE);
?>
<!DOCTYPE html>
<html lang="tr">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <?php echo renderMetaTags($config, $dynamic_content, $current_url, $og_image, $robots_content, $il_slug, $ilce_slug, $mahalle_slug, $turkey_data); ?>
    <?php echo generateStructuredData($config, $aktif_hizmet, $hizmet_slug, $il_slug, $ilce_slug, $mahalle_slug, $turkey_data, $dynamic_content, $base_url, $current_url, $page_type === 'homepage' ? 'homepage' : 'service'); ?>
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,500;0,600;0,700;1,500&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">
    <link rel="stylesheet" href="<?php echo $base_url; ?>assets/css/style.css">
</head>
<body>

<div class="topbar">
    <div class="container topbar-inner">
        <div class="topbar-left">
            <span class="topbar-badge">Hızlı Teslimat</span>
            <a href="tel:<?php echo $telefon_raw; ?>" class="topbar-item"><i class="fa-solid fa-phone"></i><?php echo $telefon_display; ?></a>
            <span class="topbar-item hide-mobile"><i class="fa-solid fa-truck-fast"></i>81 İle Kargo</span>
        </div>
        <div class="topbar-right hide-mobile">
            <span class="topbar-item"><i class="fa-regular fa-clock"></i><?php echo htmlspecialchars($calisma_saatleri); ?></span>
        </div>
    </div>
</div>

<header class="navbar" id="navbar">
    <div class="container navbar-inner">
        <a href="<?php echo $base_url; ?>" class="brand">
            <div class="brand-mark"><i class="fa-solid fa-layer-group"></i></div>
            <div class="brand-text">
                <strong><?php echo htmlspecialchars($firma_kisa); ?></strong>
                <span>Matbaa &amp; Tasarım</span>
            </div>
        </a>
        <nav class="nav-desktop" aria-label="Ana menü">
            <a href="<?php echo $base_url; ?>" class="nav-link">Ana Sayfa</a>
            <a href="<?php echo $base_url; ?>#hakkimizda" class="nav-link">Hakkımızda</a>
            <a href="<?php echo $base_url; ?>#hizmetler" class="nav-link">Hizmetler</a>
            <a href="<?php echo $base_url; ?>#nasil-calisir" class="nav-link">Süreç</a>
            <a href="<?php echo htmlspecialchars($kartvizit_fiyatlari_url); ?>" class="nav-link"<?php echo (strpos($kartvizit_fiyatlari_url, 'http') === 0 && strpos($kartvizit_fiyatlari_url, $domain) === false) ? ' target="_blank" rel="noopener"' : ''; ?>><?php echo htmlspecialchars($kartvizit_fiyatlari_etiket); ?></a>
        </nav>
        <div class="nav-actions">
            <button type="button" class="btn btn-ghost btn-sm" id="searchOpenBtn" aria-label="Ara"><i class="fa-solid fa-magnifying-glass"></i> Ara</button>
            <a href="tel:<?php echo $telefon_raw; ?>" class="btn btn-ghost btn-sm hide-mobile"><i class="fa-solid fa-phone"></i> Ara</a>
            <a href="<?php echo $whatsapp_url; ?>" class="btn btn-danger btn-sm"><i class="fa-brands fa-whatsapp"></i> Teklif Al</a>
        </div>
        <div class="nav-mobile-toggle">
            <button type="button" class="icon-btn" id="searchOpenBtnMobile" aria-label="Ara"><i class="fa-solid fa-magnifying-glass"></i></button>
            <button type="button" class="icon-btn" id="mobileMenuBtn" aria-label="Menü"><i class="fa-solid fa-bars"></i></button>
        </div>
    </div>
</header>

<div class="mobile-drawer" id="mobileDrawer">
    <div class="mobile-drawer-backdrop" id="mobileDrawerBackdrop"></div>
    <div class="mobile-drawer-panel">
        <div class="mobile-drawer-header">
            <div class="brand-text"><strong><?php echo htmlspecialchars($firma_kisa); ?></strong></div>
            <button type="button" class="icon-btn" id="closeMobileMenu" aria-label="Kapat"><i class="fa-solid fa-xmark"></i></button>
        </div>
        <div class="mobile-drawer-body">
            <a href="<?php echo $base_url; ?>" class="mobile-nav-link">Ana Sayfa</a>
            <a href="<?php echo $base_url; ?>#hakkimizda" class="mobile-nav-link">Hakkımızda</a>
            <a href="<?php echo $base_url; ?>#hizmetler" class="mobile-nav-link">Hizmetler</a>
            <a href="<?php echo $base_url; ?>#nasil-calisir" class="mobile-nav-link">Süreç</a>
            <a href="<?php echo htmlspecialchars($kartvizit_fiyatlari_url); ?>" class="mobile-nav-link"<?php echo (strpos($kartvizit_fiyatlari_url, 'http') === 0 && strpos($kartvizit_fiyatlari_url, $domain) === false) ? ' target="_blank" rel="noopener"' : ''; ?>><?php echo htmlspecialchars($kartvizit_fiyatlari_etiket); ?></a>
            <button type="button" class="mobile-nav-link" id="searchOpenBtnMobileMenu" style="background:none;border:none;width:100%;text-align:left;cursor:pointer;">Hizmet veya İl Ara</button>
            <div style="margin-top:32px;display:flex;flex-direction:column;gap:12px;">
                <a href="tel:<?php echo $telefon_raw; ?>" class="btn btn-primary btn-md"><i class="fa-solid fa-phone"></i><?php echo $telefon_display; ?></a>
                <a href="<?php echo $whatsapp_url; ?>" class="btn btn-danger btn-md"><i class="fa-brands fa-whatsapp"></i>WhatsApp Teklif</a>
            </div>
        </div>
    </div>
</div>

<div class="search-overlay" id="searchModal" role="dialog" aria-modal="true" aria-label="Site arama">
    <div class="search-box">
        <div class="search-box-header">
            <i class="fa-solid fa-magnifying-glass"></i>
            <input type="text" id="searchInput" placeholder="Hizmet veya il adı yazın..." autocomplete="off">
            <kbd>ESC</kbd>
            <button type="button" class="icon-btn" id="searchCloseBtn" aria-label="Kapat" style="width:36px;height:36px;border:none;"><i class="fa-solid fa-xmark"></i></button>
        </div>
        <div class="search-results custom-scrollbar" id="searchResults"></div>
    </div>
</div>

    <?php if ($page_type === 'homepage' && !$is_invalid_page): ?>

    <main class="page-offset home-main">

        <section class="hero full-bleed">
            <div class="hero-grid-bg"></div>
            <div class="hero-glow"></div>
            <div class="container hero-layout">
                <div class="reveal visible">
                    <div class="hero-eyebrow"><span class="hero-eyebrow-dot"></span><?php echo htmlspecialchars($hero_eyebrow); ?></div>
                    <h1 class="hero-text"><?php echo htmlspecialchars($hero_baslik_on); ?> <em><?php echo htmlspecialchars($hero_baslik_vurgu); ?></em> <?php echo htmlspecialchars($hero_baslik_son); ?></h1>
                    <p class="hero-lead"><?php echo htmlspecialchars($hero_aciklama); ?></p>
                    <div class="hero-cta-row">
                        <a href="tel:<?php echo $telefon_raw; ?>" class="btn btn-danger btn-lg"><i class="fa-solid fa-phone"></i><?php echo $telefon_display; ?></a>
                        <a href="<?php echo buildWhatsappUrl($whatsapp, null, $hizmetler, null, null, null, $turkey_data, $firma_adi); ?>" class="btn btn-primary btn-lg"><i class="fa-brands fa-whatsapp"></i>WhatsApp Teklif</a>
                    </div>
                    <div class="hero-stats">
                        <div class="hero-stat"><strong>12+</strong><span>Kartvizit Türü</span></div>
                        <div class="hero-stat"><strong>81</strong><span>İl Kartvizit Kargo</span></div>
                        <div class="hero-stat"><strong>1000+</strong><span>Mutlu Müşteri</span></div>
                    </div>
                </div>
                <div class="hero-visual reveal visible">
                    <div class="card-stack">
                        <div class="card-mock card-mock-1">
                            <div class="card-mock-logo"></div>
                            <div class="card-mock-line"></div>
                            <div class="card-mock-line short"></div>
                            <div class="card-mock-line shorter"></div>
                        </div>
                        <div class="card-mock card-mock-2">
                            <div class="card-mock-line dark"></div>
                            <div class="card-mock-line dark short"></div>
                            <div class="card-mock-line dark shorter"></div>
                        </div>
                        <div class="card-mock card-mock-3">
                            <div class="card-mock-line dark"></div>
                            <div class="card-mock-line dark short"></div>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <div class="trust-strip full-bleed">
            <div class="container trust-strip-inner">
                <div class="trust-item"><i class="fa-solid fa-shield-halved"></i>Kalite Garantisi</div>
                <div class="trust-item"><i class="fa-solid fa-print"></i>Ofset &amp; Dijital Baskı</div>
                <div class="trust-item"><i class="fa-solid fa-tags"></i>Şeffaf Fiyatlandırma</div>
                <div class="trust-item"><i class="fa-solid fa-headset"></i>WhatsApp Destek</div>
            </div>
        </div>

        <section id="hakkimizda" class="section">
            <div class="container about-grid">
                <div class="about-visual reveal">
                    <div class="about-frame">
                        <img src="https://kartvizitmarket.com.tr/images/anasayfa.jpg" alt="<?php echo htmlspecialchars($firma_adi); ?>">
                    </div>
                    <div class="about-accent-card"><p>"Kaliteli kartvizit, profesyonel imajın ilk adımıdır."</p></div>
                </div>
                <div class="about-content reveal">
                    <div class="section-header">
                        <div class="section-label">Hakkımızda</div>
                        <h2 class="section-title"><?php echo htmlspecialchars($firma_adi); ?></h2>
                    </div>
                    <p><strong><?php echo htmlspecialchars($firma_adi); ?></strong>, matbaa sektöründe yılların deneyimi ve modern baskı teknolojileri ile Türkiye genelinde profesyonel kartvizit baskı hizmeti sunmaktadır. Standart kartvizitten altın varak, metal ve PVC kartvizite kadar geniş ürün yelpazemizle işletmelerin ve bireylerin ihtiyaçlarına özel çözümler üretiyoruz.</p>
                    <p>Müşteri memnuniyetini ön planda tutan anlayışımızla; kaliteli kağıt ve malzeme seçimi, hassas baskı kalitesi, uygun fiyat politikası ve hızlı kargo hizmeti sunuyoruz.</p>
                    <p><strong>Girişimcilerden kurumsal firmalara</strong> binlerce müşterimize hizmet vermenin gururunu yaşıyoruz. Tasarımınız yoksa uzman ekibimiz sizin için ücretsiz kartvizit tasarımı hazırlar.</p>
                    <div class="info-cards">
                        <div class="info-card"><small>Çalışma Saatleri</small><strong><?php echo htmlspecialchars($calisma_saatleri); ?></strong></div>
                        <div class="info-card"><small>Hizmet Bölgesi</small><strong>Türkiye Geneli — 81 İl</strong></div>
                    </div>
                    <div style="margin-top:28px;display:flex;flex-wrap:wrap;gap:12px;">
                        <a href="<?php echo $whatsapp_url; ?>" class="btn btn-danger btn-md"><i class="fa-brands fa-whatsapp"></i>Teklif Alın</a>
                        <a href="<?php echo $base_url; ?>#hizmetler" class="btn btn-ghost btn-md">Hizmetleri Keşfedin</a>
                    </div>
                </div>
            </div>
        </section>

        <section id="hizmetler" class="section section-alt">
            <div class="container">
                <div class="section-header center reveal">
                    <div class="section-label">Hizmetlerimiz</div>
                    <h2 class="section-title">Kartvizit Baskı Koleksiyonumuz</h2>
                    <p class="section-desc">Matbaa ve tasarım sektörüne özel 12 farklı kartvizit türü. Her bütçeye ve marka kimliğine uygun premium seçenekler.</p>
                </div>
                <div class="services-bento">
                    <?php $i = 0; foreach ($hizmetler as $slug => $hizmet): $i++;
                    $service_list_img = $use_dynamic_images
                        ? resolveHomeServiceCardImageUrl($base_url, $hizmet['name'])
                        : $hizmet['img'];
                    ?>
                    <a href="<?php echo $base_url . $slug; ?>/" class="service-card reveal <?php echo ($slug === 'kartvizit') ? 'featured' : ''; ?>">
                        <div class="service-card-media">
                            <img src="<?php echo htmlspecialchars($service_list_img); ?>" alt="<?php echo htmlspecialchars($hizmet['name']); ?>" loading="lazy">
                            <div class="service-card-overlay"></div>
                            <div class="service-card-icon"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"><?php echo $hizmet['icon']; ?></svg></div>
                        </div>
                        <div class="service-card-body">
                            <h3><?php echo htmlspecialchars($hizmet['name']); ?></h3>
                            <p><?php echo htmlspecialchars($hizmet['short_desc']); ?></p>
                            <span class="service-card-link">Detayları İncele <i class="fa-solid fa-arrow-right-long"></i></span>
                        </div>
                    </a>
                    <?php endforeach; ?>
                </div>
                <div class="text-center mt-section-cta reveal">
                    <a href="<?php echo buildWhatsappUrl($whatsapp, null, $hizmetler, null, null, null, $turkey_data, $firma_adi); ?>" class="btn btn-danger btn-lg"><i class="fa-brands fa-whatsapp"></i>Tüm Hizmetler İçin Teklif Alın</a>
                </div>
            </div>
        </section>

        <section id="kartvizit-onemi" class="section">
            <div class="container" style="max-width:800px;">
                <div class="section-header center reveal">
                    <div class="section-label">Rehber</div>
                    <h2 class="section-title">Kartvizit Neden Hâlâ Önemli?</h2>
                    <p class="section-desc">Dijital çağda bile fiziksel kartvizit, iş dünyasında vazgeçilmez bir iletişim aracı olmaya devam ediyor.</p>
                </div>
                <div class="content-panel content-panel-pad reveal">
                    <article class="article-prose">
                        <p><strong>İş dünyasında ilk izlenim saniyeler içinde oluşur.</strong> Bir toplantıda, fuarda veya günlük iş ilişkilerinizde elinizi uzattığınızda karşı tarafa bıraktığınız kartvizit, markanızın en somut temsilcisidir.</p>
                        <h4>Kartvizit İş İlişkilerinizi Nasıl Güçlendirir?</h4>
                        <p>Kartvizit, sadece iletişim bilgilerinizi taşıyan bir kağıt parçası değildir. Markanızın görsel kimliğini yansıtan, profesyonelliğinizi kanıtlayan ve akılda kalıcılığınızı artıran stratejik bir araçtır.</p>
                        <p>Özellikle B2B ilişkilerde, satış görüşmelerinde ve networking etkinliklerinde kartvizit değişimi hâlâ standart bir uygulamadır.</p>
                        <h4>Doğru Kartvizit Türünü Seçmek</h4>
                        <p>Mat selefonlu kartvizitler sofistike bir görünüm sunarken, altın varak uygulamaları prestijli markalar için mükemmel bir tercihtir. Kraft kağıt organik markalar için rustik bir alternatif sunarken, PVC ve şeffaf kartvizitler dayanıklılık ve yaratıcılık arayanlar için idealdir.</p>
                        <h4>Tasarımın Rolü</h4>
                        <p>Baskı kalitesi kadar tasarım da kartvizitinizin başarısını belirler. Okunabilir tipografi, dengeli yerleşim ve yüksek çözünürlüklü logo kullanımı profesyonel bir görünüm için olmazsa olmazdır.</p>
                        <h4>Sonuç</h4>
                        <p><strong><?php echo htmlspecialchars($firma_adi); ?></strong> olarak size en uygun kartvizit türünü birlikte belirleyebilir, markanızı en iyi şekilde temsil edecek kartvizitleri kısa sürede kapınıza kadar ulaştırabiliriz.</p>
                        <div class="cta-inline-box">
                            <p>"Profesyonel kartvizit, markanızın sessiz elçisidir."</p>
                            <div class="cta-inline-actions">
                                <a href="tel:<?php echo $telefon_raw; ?>" class="btn btn-danger btn-md"><i class="fa-solid fa-phone"></i><?php echo $telefon_display; ?></a>
                                <a href="<?php echo buildWhatsappUrl($whatsapp, null, $hizmetler, null, null, null, $turkey_data, $firma_adi); ?>" class="btn btn-primary btn-md"><i class="fa-brands fa-whatsapp"></i>WhatsApp Teklif</a>
                            </div>
                        </div>
                    </article>
                </div>
            </div>
        </section>

        <section id="nasil-calisir" class="section section-alt">
            <div class="container">
                <div class="section-header center reveal">
                    <div class="section-label">Süreç</div>
                    <h2 class="section-title">Nasıl Çalışır?</h2>
                    <p class="section-desc">Kartvizit siparişiniz 5 kolay adımda tamamlanır — tasarımdan teslimata kadar yanınızdayız.</p>
                </div>
                <div class="process-track">
                    <?php
                    $adimlar = [
                        ['num' => '1', 'baslik' => 'İletişime Geçin', 'aciklama' => 'Telefon veya WhatsApp ile bize ulaşın, ihtiyacınızı belirtin.'],
                        ['num' => '2', 'baslik' => 'Tasarım ve Fiyat', 'aciklama' => 'Tasarımınızı paylaşın veya ücretsiz tasarım desteği alın.'],
                        ['num' => '3', 'baslik' => 'Onay ve Ödeme', 'aciklama' => 'Tasarımı onaylayın, havale veya kapıda ödeme ile tamamlayın.'],
                        ['num' => '4', 'baslik' => 'Üretim', 'aciklama' => 'Modern baskı makinelerinde üretim ve kalite kontrol.'],
                        ['num' => '5', 'baslik' => 'Teslimat', 'aciklama' => 'Özenle paketlenir ve kargo ile adresinize teslim edilir.'],
                    ];
                    foreach ($adimlar as $adim):
                    ?>
                    <div class="process-step reveal">
                        <div class="process-num"><?php echo $adim['num']; ?></div>
                        <h4><?php echo $adim['baslik']; ?></h4>
                        <p><?php echo $adim['aciklama']; ?></p>
                    </div>
                    <?php endforeach; ?>
                </div>
                <div class="text-center mt-section-cta reveal">
                    <a href="<?php echo buildWhatsappUrl($whatsapp, null, $hizmetler, null, null, null, $turkey_data, $firma_adi); ?>" class="btn btn-danger btn-lg"><i class="fa-brands fa-whatsapp"></i>Hemen Sipariş Verin</a>
                </div>
            </div>
        </section>

        <section id="neden-biz" class="section">
            <div class="container">
                <div class="section-header center reveal">
                    <div class="section-label">Avantajlarımız</div>
                    <h2 class="section-title">Neden <?php echo htmlspecialchars($firma_kisa); ?>?</h2>
                </div>
                <div class="features-grid">
                    <?php
                    $avantajlar = [
                        ['icon' => 'fa-print', 'baslik' => 'Kaliteli Baskı', 'aciklama' => 'Son teknoloji ofset ve dijital baskı makineleri ile net, canlı ve dayanıklı baskılar.'],
                        ['icon' => 'fa-palette', 'baslik' => 'Ücretsiz Tasarım', 'aciklama' => 'Tasarımınız yoksa uzman ekibimiz profesyonel kartvizit tasarımı hazırlar.'],
                        ['icon' => 'fa-tags', 'baslik' => 'Uygun Fiyat', 'aciklama' => 'Şeffaf fiyatlandırma, gizli masraf yok. Adet arttıkça birim fiyat düşer.'],
                        ['icon' => 'fa-truck-fast', 'baslik' => 'Hızlı Kargo', 'aciklama' => 'Türkiye\'nin 81 iline güvenli kargo ile hızlı teslimat garantisi.'],
                        ['icon' => 'fa-layer-group', 'baslik' => 'Geniş Yelpaze', 'aciklama' => '12 farklı kartvizit türü: selefonlu, laklı, varak, PVC, metal ve daha fazlası.'],
                        ['icon' => 'fa-headset', 'baslik' => '7/24 Destek', 'aciklama' => 'WhatsApp ve telefon ile hızlı yanıt, sipariş takibi ve müşteri desteği.'],
                    ];
                    foreach ($avantajlar as $av):
                    ?>
                    <div class="feature-card reveal">
                        <div class="feature-icon"><i class="fa-solid <?php echo $av['icon']; ?>"></i></div>
                        <h4><?php echo $av['baslik']; ?></h4>
                        <p><?php echo $av['aciklama']; ?></p>
                    </div>
                    <?php endforeach; ?>
                </div>
            </div>
        </section>

        <section class="cta-banner full-bleed">
            <div class="cta-banner-pattern"></div>
            <div class="container">
                <h2 class="reveal">Kartvizit siparişinize hemen başlayın</h2>
                <p class="reveal">Profesyonel kartvizit baskısı için bugün bize ulaşın. Anında fiyat teklifi alın, markanızı en iyi şekilde temsil edin.</p>
                <div class="cta-banner-actions reveal">
                    <a href="tel:<?php echo $telefon_raw; ?>" class="btn btn-danger btn-lg"><i class="fa-solid fa-phone"></i><?php echo $telefon_display; ?></a>
                    <a href="<?php echo buildWhatsappUrl($whatsapp, null, $hizmetler, null, null, null, $turkey_data, $firma_adi); ?>" class="btn btn-outline-white btn-lg"><i class="fa-brands fa-whatsapp"></i>WhatsApp Teklif</a>
                </div>
            </div>
        </section>
    </main>

    <?php elseif ($hizmet_slug): ?>

    <main class="page-offset" style="background:var(--paper-warm);padding-bottom:80px;">
        <div class="container">
            <nav aria-label="breadcrumb" class="breadcrumb">
                <a href="<?php echo $base_url; ?>">Ana Sayfa</a>
                <span class="breadcrumb-sep">/</span>
                <a href="<?php echo $base_url . $hizmet_slug; ?>/"><?php echo htmlspecialchars($aktif_hizmet['name']); ?></a>
                <?php if ($il_slug): ?><span class="breadcrumb-sep">/</span><a href="<?php echo $base_url . $hizmet_slug . '/' . $il_slug; ?>/"><?php echo htmlspecialchars($turkey_data[$il_slug]['name']); ?></a><?php endif; ?>
                <?php if ($ilce_slug): ?><span class="breadcrumb-sep">/</span><a href="<?php echo $base_url . $hizmet_slug . '/' . $il_slug . '/' . $ilce_slug; ?>/"><?php echo htmlspecialchars($turkey_data[$il_slug]['ilceler'][$ilce_slug]['name']); ?></a><?php endif; ?>
                <?php if ($mahalle_slug): ?><span class="breadcrumb-sep">/</span><span class="breadcrumb-current"><?php echo htmlspecialchars($turkey_data[$il_slug]['ilceler'][$ilce_slug]['mahalleler'][$mahalle_slug]); ?></span><?php endif; ?>
            </nav>

            <div class="detail-layout">
                <div class="detail-main gap-stack-lg">
                    <div class="content-panel reveal">
                        <div class="detail-hero">
                            <img src="<?php echo htmlspecialchars($service_card_image ?? $aktif_hizmet['img']); ?>" alt="<?php echo htmlspecialchars($dynamic_content['h1']); ?>">
                            <div class="detail-hero-overlay">
                                <span class="detail-hero-badge"><i class="fa-solid fa-certificate"></i> Profesyonel Matbaa</span>
                                <h2><?php echo htmlspecialchars($dynamic_content['hero_title'] ?? $aktif_hizmet['name']); ?></h2>
                            </div>
                        </div>
                    </div>

                    <div class="content-panel content-panel-pad reveal">
                        <h1 class="detail-title"><?php echo htmlspecialchars($dynamic_content['h1']); ?></h1>
                        <div class="tag-list">
                            <?php foreach ($aktif_hizmet['benefits'] as $ben): ?>
                            <span class="tag"><i class="fa-solid fa-check"></i><?php echo htmlspecialchars($ben); ?></span>
                            <?php endforeach; ?>
                        </div>
                        <div style="margin-top:24px;display:flex;flex-wrap:wrap;gap:12px;">
                            <a href="<?php echo $whatsapp_url; ?>" class="btn btn-danger btn-md"><i class="fa-brands fa-whatsapp"></i>WhatsApp Teklif</a>
                            <a href="tel:<?php echo $telefon_raw; ?>" class="btn btn-primary btn-md"><i class="fa-solid fa-phone"></i><?php echo $telefon_display; ?></a>
                        </div>
                    </div>

                    <div class="content-panel content-panel-pad article-panel">
                        <?php if (!empty($dynamic_content['article'])): ?>
                        <?php echo $dynamic_content['article']; ?>
                        <?php else: ?>
                        <div class="article-prose"><p>Makale içeriği yüklenemedi. Lütfen daha sonra tekrar deneyin veya bizimle iletişime geçin.</p></div>
                        <?php endif; ?>
                        <div class="cta-inline-actions" style="margin-top:32px;">
                            <a href="<?php echo $whatsapp_url; ?>" class="btn btn-primary btn-md"><i class="fa-brands fa-whatsapp"></i>WhatsApp ile Teklif Al</a>
                            <a href="tel:<?php echo $telefon_raw; ?>" class="btn btn-danger btn-md"><i class="fa-solid fa-phone"></i>Hemen Ara</a>
                        </div>
                    </div>

                    <div class="content-panel content-panel-pad reveal">
                        <div class="section-header" style="margin-bottom:28px;">
                            <div class="section-label">SSS</div>
                            <h2 class="section-title" style="font-size:1.75rem;">Sıkça Sorulan Sorular</h2>
                        </div>
                        <?php foreach ($dynamic_content['faq'] as $faq): ?>
                        <details class="faq-item">
                            <summary><?php echo htmlspecialchars($faq['q']); ?><i class="fa-solid fa-chevron-down"></i></summary>
                            <div class="faq-answer"><?php echo htmlspecialchars($faq['a']); ?></div>
                        </details>
                        <?php endforeach; ?>
                    </div>

                    <div class="content-panel content-panel-pad reveal">
                        <div class="section-header" style="margin-bottom:28px;">
                            <div class="section-label">Yorumlar</div>
                            <h2 class="section-title" style="font-size:1.75rem;">Müşteri Yorumları</h2>
                        </div>
                        <div class="gap-stack">
                            <?php foreach ($dynamic_content['reviews'] as $rev): ?>
                            <div class="review-card">
                                <div class="review-header">
                                    <div style="display:flex;gap:12px;align-items:center;">
                                        <div class="review-avatar"><?php echo mb_substr($rev['isim'], 0, 1, 'UTF-8'); ?></div>
                                        <div class="review-meta"><strong><?php echo htmlspecialchars($rev['isim']); ?></strong><span><?php echo htmlspecialchars($rev['tarih']); ?></span></div>
                                    </div>
                                </div>
                                <div class="review-stars"><?php for ($i = 0; $i < $rev['puan']; $i++) echo '<i class="fa-solid fa-star"></i>'; ?><?php for ($i = $rev['puan']; $i < 5; $i++) echo '<i class="fa-regular fa-star"></i>'; ?></div>
                                <p class="review-text">"<?php echo htmlspecialchars($rev['metin']); ?>"</p>
                            </div>
                            <?php endforeach; ?>
                        </div>
                    </div>
                </div>

                <aside class="detail-sidebar">
                    <div class="sidebar-panel reveal">
                        <div class="sidebar-panel-head">Diğer Hizmetlerimiz</div>
                        <ul class="sidebar-list custom-scrollbar" style="max-height:420px;">
                            <?php foreach ($gizli_hizmetler as $rk => $rh): ?>
                            <li class="sidebar-list-item"><a href="<?php echo $base_url . $rk; ?>/" class="<?php echo ($rk === $hizmet_slug) ? 'active' : ''; ?>"><?php echo htmlspecialchars($rh['name']); ?><i class="fa-solid fa-angle-right" style="opacity:.4;font-size:11px;"></i></a></li>
                            <?php endforeach; ?>
                        </ul>
                    </div>

                    <div class="sidebar-panel reveal">
                        <div class="sidebar-panel-head"><i class="fa-solid fa-location-dot" style="color:var(--blue);margin-right:8px;"></i>Bölgenizi Seçin</div>
                        <div style="padding:12px;">
                        <?php if (!$il_slug): ?>
                        <p style="font-size:12px;color:var(--text-soft);margin-bottom:12px;">Kartvizit baskısı için ilinizi seçin:</p>
                        <ul class="sidebar-list custom-scrollbar" style="max-height:320px;">
                            <?php foreach ($izinli_iller as $il_slug_loop): if (isset($turkey_data[$il_slug_loop])): ?>
                            <li class="sidebar-list-item"><a href="<?php echo $base_url . $hizmet_slug . '/' . $il_slug_loop; ?>/"><?php echo htmlspecialchars($turkey_data[$il_slug_loop]['name']); ?></a></li>
                            <?php endif; endforeach; ?>
                        </ul>
                        <?php elseif (!$ilce_slug): ?>
                        <a href="<?php echo $base_url . $hizmet_slug; ?>/" style="font-size:12px;color:var(--blue);font-weight:700;display:inline-flex;align-items:center;gap:6px;margin-bottom:12px;"><i class="fa-solid fa-arrow-left"></i>İl Seçimine Dön</a>
                        <div class="info-card" style="margin-bottom:12px;"><small>Seçili İl</small><strong><?php echo htmlspecialchars($turkey_data[$il_slug]['name']); ?></strong></div>
                        <ul class="sidebar-list custom-scrollbar" style="max-height:320px;">
                            <?php foreach ($turkey_data[$il_slug]['ilceler'] as $ilce_slug_loop => $ilce_data): ?>
                            <li class="sidebar-list-item"><a href="<?php echo $base_url . $hizmet_slug . '/' . $il_slug . '/' . $ilce_slug_loop; ?>/"><?php echo htmlspecialchars($ilce_data['name']); ?></a></li>
                            <?php endforeach; ?>
                        </ul>
                        <?php else: ?>
                        <a href="<?php echo $base_url . $hizmet_slug . '/' . $il_slug; ?>/" style="font-size:12px;color:var(--blue);font-weight:700;display:inline-flex;align-items:center;gap:6px;margin-bottom:12px;"><i class="fa-solid fa-arrow-left"></i><?php echo htmlspecialchars($turkey_data[$il_slug]['name']); ?> İlçeleri</a>
                        <div class="info-card" style="margin-bottom:12px;"><small>Seçili İlçe</small><strong><?php echo htmlspecialchars($turkey_data[$il_slug]['ilceler'][$ilce_slug]['name']); ?></strong></div>
                        <ul class="sidebar-list custom-scrollbar" style="max-height:320px;">
                            <?php if (isset($turkey_data[$il_slug]['ilceler'][$ilce_slug]['mahalleler'])): foreach ($turkey_data[$il_slug]['ilceler'][$ilce_slug]['mahalleler'] as $m_slug => $m_name): ?>
                            <li class="sidebar-list-item"><a href="<?php echo $base_url . $hizmet_slug . '/' . $il_slug . '/' . $ilce_slug . '/' . $m_slug; ?>/" class="<?php echo ($mahalle_slug === $m_slug) ? 'active' : ''; ?>"><?php echo htmlspecialchars($m_name); ?></a></li>
                            <?php endforeach; endif; ?>
                        </ul>
                        <?php endif; ?>
                        </div>
                    </div>

                    <div class="contact-panel reveal">
                        <h4>Hemen Sipariş Verin</h4>
                        <p>Kartvizit baskısı için anında fiyat teklifi alın.</p>
                        <a href="tel:<?php echo $telefon_raw; ?>" class="contact-action">
                            <div class="contact-action-icon phone"><i class="fa-solid fa-phone"></i></div>
                            <div><small>Telefon</small><strong><?php echo $telefon_display; ?></strong></div>
                        </a>
                        <a href="<?php echo $whatsapp_url; ?>" class="contact-action">
                            <div class="contact-action-icon wa"><i class="fa-brands fa-whatsapp"></i></div>
                            <div><small>WhatsApp</small><strong>Hızlı Teklif Alın</strong></div>
                        </a>
                    </div>
                </aside>
            </div>
        </div>
        <div class="detail-sticky-bar">
            <a href="tel:<?php echo $telefon_raw; ?>" class="btn btn-primary btn-md"><i class="fa-solid fa-phone"></i>Ara</a>
            <a href="<?php echo $whatsapp_url; ?>" class="btn btn-danger btn-md"><i class="fa-brands fa-whatsapp"></i>Teklif</a>
        </div>
    </main>

    <?php else: ?>

    <main class="page-offset">
        <div class="container">
            <nav aria-label="breadcrumb" class="breadcrumb">
                <a href="<?php echo $base_url; ?>">Ana Sayfa</a>
                <span class="breadcrumb-sep">/</span>
                <span class="breadcrumb-current">Sayfa Bulunamadı</span>
            </nav>
        </div>
        <div class="not-found">
            <h1>Sayfa Bulunamadı</h1>
            <p>Aradığınız sayfa mevcut değil. Ana sayfaya dönebilir veya hizmetlerimizi inceleyebilirsiniz.</p>
            <a href="<?php echo $base_url; ?>" class="btn btn-primary btn-md">Ana Sayfaya Dön</a>
        </div>
    </main>

    <?php endif; ?>

    <footer class="site-footer full-bleed">
        <div class="container footer-grid">
            <div class="footer-brand">
                <a href="<?php echo $base_url; ?>" class="brand">
                    <div class="brand-mark"><i class="fa-solid fa-layer-group"></i></div>
                    <div class="brand-text"><strong><?php echo htmlspecialchars($firma_kisa); ?></strong><span>Matbaa &amp; Tasarım</span></div>
                </a>
                <p><?php echo htmlspecialchars($slogan); ?>. Türkiye genelinde profesyonel kartvizit baskı ve tasarım hizmeti.</p>
                <a href="<?php echo buildWhatsappUrl($whatsapp, null, $hizmetler, null, null, null, $turkey_data, $firma_adi); ?>" class="btn btn-whatsapp btn-sm"><i class="fa-brands fa-whatsapp"></i>WhatsApp</a>
            </div>
            <div>
                <div class="footer-title">Kartvizit Hizmetleri</div>
                <ul class="footer-links">
                    <?php foreach ($hizmetler as $slug => $hizmet): ?>
                    <li><a href="<?php echo $base_url . $slug; ?>/"><?php echo htmlspecialchars($hizmet['name']); ?></a></li>
                    <?php endforeach; ?>
                </ul>
            </div>
            <div>
                <div class="footer-title">Hızlı Bağlantılar</div>
                <ul class="footer-links">
                    <li><a href="<?php echo $base_url; ?>">Ana Sayfa</a></li>
                    <li><a href="<?php echo $base_url; ?>#hakkimizda">Hakkımızda</a></li>
                    <li><a href="<?php echo $base_url; ?>#hizmetler">Hizmetler</a></li>
                    <li><a href="<?php echo $base_url; ?>#nasil-calisir">Nasıl Çalışır</a></li>
                    <li><a href="<?php echo htmlspecialchars($kartvizit_fiyatlari_url); ?>"<?php echo (strpos($kartvizit_fiyatlari_url, 'http') === 0 && strpos($kartvizit_fiyatlari_url, $domain) === false) ? ' target="_blank" rel="noopener"' : ''; ?>><?php echo htmlspecialchars($kartvizit_fiyatlari_etiket); ?></a></li>
                    <li><a href="<?php echo $base_url; ?>#neden-biz">Neden Biz</a></li>
                </ul>
            </div>
            <div>
                <div class="footer-title">İletişim</div>
                <ul class="footer-links">
                    <li><a href="tel:<?php echo $telefon_raw; ?>"><i class="fa-solid fa-phone" style="margin-right:8px;color:var(--blue-bright);"></i><?php echo $telefon_display; ?></a></li>
                    <li><a href="mailto:<?php echo $email; ?>"><i class="fa-solid fa-envelope" style="margin-right:8px;color:var(--blue-bright);"></i><?php echo htmlspecialchars($email); ?></a></li>
                    <li><span><i class="fa-regular fa-clock" style="margin-right:8px;color:var(--blue-bright);"></i><?php echo htmlspecialchars($calisma_saatleri); ?></span></li>
                </ul>
            </div>
        </div>
        <div class="container footer-bottom">
            <p>&copy; <?php echo date('Y'); ?> <?php echo htmlspecialchars($firma_adi); ?>. Tüm Hakları Saklıdır.</p>
        </div>
    </footer>

    <div class="float-actions">
        <a href="tel:<?php echo $telefon_raw; ?>" class="float-btn float-btn-phone" aria-label="Hemen Ara"><i class="fa-solid fa-phone"></i><span class="float-tooltip">Ara: <?php echo $telefon_display; ?></span></a>
        <a href="<?php echo $whatsapp_url; ?>" class="float-btn float-btn-wa" aria-label="WhatsApp"><i class="fa-brands fa-whatsapp"></i><span class="float-tooltip">WhatsApp Teklif</span></a>
    </div>

    <script>
        const searchData = <?php echo $search_data_json; ?>;
        const searchModal = document.getElementById('searchModal');
        const searchInput = document.getElementById('searchInput');
        const searchResults = document.getElementById('searchResults');
        const searchOpenBtns = ['searchOpenBtn', 'searchOpenBtnMobile', 'searchOpenBtnMobileMenu'].map(id => document.getElementById(id)).filter(Boolean);
        const mobileDrawer = document.getElementById('mobileDrawer');

        function openSearch() {
            searchModal.classList.add('open');
            document.body.classList.add('search-open');
            searchInput.value = '';
            renderSearchResults('');
            setTimeout(() => searchInput.focus(), 100);
            closeMobileMenu();
        }

        function closeSearch() {
            searchModal.classList.remove('open');
            document.body.classList.remove('search-open');
        }

        function renderSearchResults(query) {
            const q = query.toLowerCase().trim();
            let filtered = q ? searchData.filter(item => item.name.toLowerCase().includes(q)) : searchData;
            filtered = filtered.slice(0, 20);
            if (!filtered.length) {
                searchResults.innerHTML = '<p style="text-align:center;padding:32px;color:var(--text-soft);font-size:14px;">Sonuç bulunamadı</p>';
                return;
            }
            searchResults.innerHTML = filtered.map(item =>
                '<a href="' + item.url + '" class="search-result-item"><span>' + item.name + '</span><span class="search-tag search-tag-' + item.type + '">' + (item.type === 'hizmet' ? 'Hizmet' : 'İl') + '</span></a>'
            ).join('');
        }

        function openMobileMenu() {
            mobileDrawer.classList.add('open');
            document.body.classList.add('menu-open');
        }

        function closeMobileMenu() {
            mobileDrawer.classList.remove('open');
            document.body.classList.remove('menu-open');
        }

        searchOpenBtns.forEach(btn => btn.addEventListener('click', openSearch));
        document.getElementById('searchCloseBtn').addEventListener('click', closeSearch);
        searchModal.addEventListener('click', e => { if (e.target === searchModal) closeSearch(); });
        searchInput.addEventListener('input', e => renderSearchResults(e.target.value));
        document.addEventListener('keydown', e => {
            if (e.key === 'Escape') { closeSearch(); closeMobileMenu(); }
            if ((e.ctrlKey || e.metaKey) && e.key === 'k') { e.preventDefault(); openSearch(); }
        });

        document.getElementById('mobileMenuBtn').addEventListener('click', openMobileMenu);
        document.getElementById('closeMobileMenu').addEventListener('click', closeMobileMenu);
        document.getElementById('mobileDrawerBackdrop').addEventListener('click', closeMobileMenu);
        mobileDrawer.querySelectorAll('a').forEach(link => link.addEventListener('click', closeMobileMenu));

        window.addEventListener('scroll', () => {
            document.getElementById('navbar').classList.toggle('scrolled', window.scrollY > 20);
        });

        const revealObserver = new IntersectionObserver(entries => {
            entries.forEach(entry => {
                if (entry.isIntersecting) {
                    entry.target.classList.add('visible');
                    revealObserver.unobserve(entry.target);
                }
            });
        }, { threshold: 0, rootMargin: '0px 0px -40px 0px' });

        function initReveal() {
            document.querySelectorAll('.reveal:not(.visible)').forEach(el => {
                const rect = el.getBoundingClientRect();
                if (rect.top < window.innerHeight && rect.bottom > 0) {
                    el.classList.add('visible');
                } else {
                    revealObserver.observe(el);
                }
            });
        }
        initReveal();
        window.addEventListener('load', initReveal);
    </script>
</body>
</html>
