<?php
$pageTitle = $pageTitle ?? 'HABERSYS - Modern Haber Yazılımı';
$pageDescription = $pageDescription ?? 'Modern, mobil uyumlu, numaralı slider içeren haber portalı arayüz tasarımı.';
$bodyClass = $bodyClass ?? 'homepage-noads';
?>
<!DOCTYPE html>
<html lang="tr">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title><?php echo htmlspecialchars($pageTitle, ENT_QUOTES, 'UTF-8'); ?></title>
  <meta name="description" content="<?php echo htmlspecialchars($pageDescription, ENT_QUOTES, 'UTF-8'); ?>" />
  <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=Poppins:wght@400;500;600;700;800;900&display=swap" rel="stylesheet">
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css">
  <link rel="stylesheet" href="assets/css/haber-nova-15-home.css">
</head>
<body class="<?php echo htmlspecialchars($bodyClass, ENT_QUOTES, 'UTF-8'); ?>">

<div class="hn-topbar">
    <div class="container hn-topbar-inner">
      <div class="hn-topbar-left">
        <span>11 Mayıs 2026 Pazartesi</span>
        <strong>09:45</strong>
        <span><i class="bi bi-sun"></i> İstanbul 18°C</span>
      </div>

      <div class="hn-market-line">
        <a href="05-finans_kategori_sayfasi/finans.html">Dolar <strong>32,26</strong> <em class="up">▲ %0,15</em></a>
        <a href="05-finans_kategori_sayfasi/finans.html">Euro <strong>34,73</strong> <em class="up">▲ %0,22</em></a>
        <a href="05-finans_kategori_sayfasi/finans.html">Altın <strong>2.436,90</strong> <em class="up">▲ %0,35</em></a>
        <a href="05-finans_kategori_sayfasi/finans.html">BIST <strong>9.876,45</strong> <em class="down">▼ %-0,28</em></a>
        <a href="05-finans_kategori_sayfasi/finans.html">Bitcoin <strong>63.482</strong> <em class="up">▲ %0,75</em></a>
      </div>
    </div>
  </div>

<header class="main-header">
    <div class="container header-inner">
      <button class="mobile-menu-btn" id="openMenu"><i class="bi bi-list"></i></button>
      <a class="logo" href="anasayfa.php" aria-label="HABERSYS Ana Sayfa"><span class="logo-haber" style="color:#e60012 !important;">HABER</span><strong class="logo-sys" style="color:#1f2937 !important;">SYS</strong></a>
      <div class="header-actions">
        <a class="live-btn" href="35-video_galeri_detay_sayfasi/video-detay.html"><i class="bi bi-tv"></i> CANLI TV</a>
        <button class="icon-btn" id="openSearch"><i class="bi bi-search"></i></button>
        <a class="icon-btn notify" href="#"><i class="bi bi-bell-fill"></i><span>3</span></a>
        <a class="icon-btn" href="34-uyelik_hesap_modulu/uye-girisi.html"><i class="bi bi-person"></i></a>
      </div>
    </div>
  </header>

<nav class="desktop-nav">
    <div class="container nav-inner">
      <a class="active" href="12-gelismis_son_dakika_akis/son-dakika.html"><i class="bi bi-lightning-charge-fill"></i><span>SON DAKİKA</span></a>
      <a href="20-kategori_sayfasi/kategori.html"><i class="bi bi-newspaper"></i><span>GÜNDEM</span></a>
      <a href="05-finans_kategori_sayfasi/finans.html"><i class="bi bi-graph-up-arrow"></i><span>EKONOMİ</span></a>
      <a href="39-yerel_haberler/yerel-haberler.html"><i class="bi bi-geo-alt-fill"></i><span>YEREL</span></a>
      <a href="32-spor_kategori_sayfasi/spor.html"><i class="bi bi-trophy-fill"></i><span>SPOR</span></a>
      <a href="28-sinemalar_sinema_havasi_listeleme/sinemalar.html"><i class="bi bi-film"></i><span>SİNEMA</span></a>
      <a href="33-teknoloji_kategori_detay/teknoloji.html"><i class="bi bi-cpu-fill"></i><span>TEKNOLOJİ</span></a>
      <a href="20-kategori_sayfasi/kategori.html"><i class="bi bi-stars"></i><span>MAGAZİN</span></a>
      <a href="38-yazarlar_yatay_sade/yazarlar.html"><i class="bi bi-pencil-square"></i><span>YAZARLAR</span></a>
      
        <button class="header-icon-toggle" id="headerIconToggle" type="button" aria-label="Header menü ikonlarını göster/gizle">
          <i class="bi bi-eye-slash"></i>
          <span>İkonsuz</span>
        </button>

        <a href="anasayfa-reklamli.php" class="header-view-link" aria-label="Reklamlı anasayfaya geç">
          <i class="bi bi-badge-ad"></i>
          <span>Reklamlı</span>
        </a>

        <button id="openMenuDesktop"><i class="bi bi-list"></i></button>
    </div>
  </nav>

<div class="mobile-chips">
    <a class="active" href="anasayfa.php">Ana Sayfa</a>
    <a href="12-gelismis_son_dakika_akis/son-dakika.html"><i class="bi bi-lightning-charge-fill"></i><span>Son Dakika</span></a>
    <a href="05-finans_kategori_sayfasi/finans.html">Finans</a>
    <a href="32-spor_kategori_sayfasi/spor.html"><i class="bi bi-trophy-fill"></i><span>Spor</span></a>
    <a href="39-yerel_haberler/yerel-haberler.html"><i class="bi bi-geo-alt-fill"></i><span>Yerel</span></a>
    <a href="36-video_galeri_sayfasi/video-galeri.html"><i class="bi bi-play-btn-fill"></i><span>Video</span></a>
  </div>

<?php include __DIR__ . '/son-dakika.php'; ?>

<div class="search-panel" id="searchPanel">
    <div class="container search-inner">
      <i class="bi bi-search"></i>
      <input type="text" placeholder="Haber, yazar, video, ilan veya firma ara...">
      <a href="30-site_ici_arama_sonuclari/arama-sonuclari.html">Ara</a>
      <button id="closeSearch"><i class="bi bi-x-lg"></i></button>
    </div>
  </div>
