<!doctype html>
<html lang="tr" data-beasties-container="">
<head>
  <meta charset="utf-8">
  <title>Online Film ve Dizi Platformu - HD Kalite Türkçe | dizibaL</title>

  <!-- Primary Meta Tags -->
  <meta name="title" content="Online Film ve Dizi Platformu - HD Kalite Türkçe | dizibaL">
  <meta name="description" content="Türkçe dublaj ve altyazılı film, dizi ve anime arşivi. HD görüntü kalitesiyle binlerce yapıma anında erişin — dizibaL ile izlemeye başlayın!">
  <meta name="keywords" content="film arşivi, dizi arşivi, türkçe dublajlı film, altyazılı dizi, anime koleksiyonu, hd izle, online izle, dizi takip, film önerisi, yeni yapımlar, güncel diziler, anime önerisi">
  <meta name="author" content="dizibaL">
  <meta name="publisher" content="dizibaL">
  <meta name="copyright" content="dizibaL">
  <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
  <meta name="googlebot" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
  <meta name="bingbot" content="index, follow">
  <meta name="language" content="Turkish, English">
  <meta name="revisit-after" content="1 days">
  <meta name="rating" content="general">
  <meta name="distribution" content="global">
  <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">

  <!-- Domain Failover — engellenmiş domain kontrolü -->
  <script>
    (function(){
      try {
        var KEY = 'diziyol_backup_domains';
        var stored = localStorage.getItem(KEY);
        if (!stored) return;
        var domains = JSON.parse(stored);
        if (!domains || !domains.length) return;
        // Zaten yedek domain'deyiz mi?
        var origin = location.origin;
        for (var i = 0; i < domains.length; i++) {
          if (origin === domains[i]) return;
        }
        // Ana domain'e erişilebilir mi kontrol et
        var xhr = new XMLHttpRequest();
        xhr.open('HEAD', origin + '/favicon.ico?_t=' + Date.now(), true);
        xhr.timeout = 4000;
        xhr.onload = function() { /* erişilebilir, devam */ };
        xhr.onerror = xhr.ontimeout = function() {
          // Erişilemez — yedek domain'e yönlendir
          var path = location.pathname + location.search + location.hash;
          location.href = domains[0] + path;
        };
        xhr.send();
      } catch(e) {}
    })();
  </script>

  <!-- Geo Targeting -->
  <meta name="geo.region" content="TR">
  <meta name="geo.placename" content="Turkey">
  <meta name="geo.position" content="39.925533;32.866287">
  <meta name="ICBM" content="39.925533, 32.866287">

  <!-- Canonical URL -->
  <link rel="canonical" href="https://dizibal.com/">

  <!-- Open Graph / Facebook -->
  <meta property="og:type" content="website">
  <meta property="og:url" content="https://dizibal.com/">
  <meta property="og:title" content="Online Film ve Dizi Platformu - HD Türkçe İçerik | dizibaL">
  <meta property="og:description" content="Binlerce film, dizi ve anime Türkçe dublaj ile altyazı seçenekleriyle HD kalitede — dizibaL'da keşfedin!">
  <meta property="og:image" content="https://dizibal.com/assets/og-image.png">
  <meta property="og:image:secure_url" content="https://dizibal.com/assets/og-image.png">
  <meta property="og:image:type" content="image/png">
  <meta property="og:image:width" content="1200">
  <meta property="og:image:height" content="630">
  <meta property="og:image:alt" content="dizibaL - Online Film, Dizi ve Anime Arşivi">
  <meta property="og:locale" content="tr_TR">
  <meta property="og:locale:alternate" content="en_US">
  <meta property="og:locale:alternate" content="en_GB">
  <meta property="og:site_name" content="dizibaL">
  <!-- Twitter Cards -->
  <!-- Favicon -->
  <link rel="icon" type="image/svg+xml" href="favicon.svg">
  <link rel="icon" type="image/png" sizes="32x32" href="favicon-32x32.png">
  <link rel="icon" type="image/png" sizes="16x16" href="favicon-16x16.png">
  <link rel="apple-touch-icon" sizes="180x180" href="apple-touch-icon.png">
  <link rel="manifest" href="manifest.webmanifest">
  <link rel="mask-icon" href="safari-pinned-tab.svg" color="#e50914">

  <!-- Theme Color -->
  <meta name="theme-color" content="#05050a">
  <meta name="msapplication-TileColor" content="#05050a">
  <meta name="msapplication-navbutton-color" content="#e50914">
  <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
  <meta name="apple-mobile-web-app-capable" content="yes">
  <meta name="apple-mobile-web-app-title" content="dizibaL">
  <meta name="mobile-web-app-capable" content="yes">
  <meta name="application-name" content="dizibaL">

  <!-- Performance Hints - Sadece kritik domain'ler -->
  <link rel="preconnect" href="https://image.tmdb.org" crossorigin="">
  <link rel="dns-prefetch" href="https://image.tmdb.org">
  <link rel="preconnect" href="https://fonts.googleapis.com">
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="">
  <style>@font-face{font-family:'Bebas Neue';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/bebasneue/v16/JTUSjIg69CK48gW7PXoo9Wdhyzbi.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}@font-face{font-family:'Bebas Neue';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/bebasneue/v16/JTUSjIg69CK48gW7PXoo9Wlhyw.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}@font-face{font-family:'Righteous';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/righteous/v18/1cXxaUPXBpj2rGoU7C9WhnGFucE.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}@font-face{font-family:'Righteous';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/righteous/v18/1cXxaUPXBpj2rGoU7C9WiHGF.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}</style>
  <link rel="dns-prefetch" href="https://fonts.cdnfonts.com">

  <!-- Proxima Nova Font for Subtitles - Non-blocking -->
  <link rel="preload" href="https://fonts.cdnfonts.com/css/proxima-nova-2" as="style" onload="this.onload=null;this.rel='stylesheet'">
  <noscript><link href="https://fonts.cdnfonts.com/css/proxima-nova-2" rel="stylesheet"></noscript>

  <!-- Structured Data artık dinamik olarak sadece ilgili sayfalarda ekleniyor (seo.service.ts) -->

  <base href="/">

  <!-- Critical CSS - Above the fold styles -->
  <style>
    /* Critical inline styles for faster FCP */
    *,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
    html{font-size:16px;-webkit-text-size-adjust:100%}
    body{font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;background:#05050a;color:#fff;min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased}
    app-root{display:block;min-height:100vh;contain:layout style paint}
    /* Loading placeholder */
    .app-loading{display:flex;align-items:center;justify-content:center;height:100vh;background:#05050a;position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999}
    .app-loading-spinner{width:40px;height:40px;border:3px solid rgba(229,9,20,0.2);border-top-color:#e50914;border-radius:50%;animation:spin .8s linear infinite}
    @keyframes spin{to{transform:rotate(360deg)}}
    /* Reserve space for header to prevent CLS */
    .movies-page{min-height:100vh}
    /* Optimize animations for performance */
    @media (prefers-reduced-motion: reduce){*{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important}}
  </style>
<style>:root{--bg-primary:black;--bg-secondary:#0a0a12;--bg-tertiary:#10101a;--accent-primary:#e50914;--accent-secondary:#b20710;--accent-glow:rgba(229, 9, 20, .4);--neon-blue:#00d4ff;--neon-purple:#8b5cf6;--neon-pink:#ec4899;--neon-green:#22c55e;--glass-bg:rgba(255, 255, 255, .03);--glass-border:rgba(255, 255, 255, .08);--glass-hover:rgba(255, 255, 255, .06);--text-primary:#ffffff;--text-secondary:rgba(255, 255, 255, .7);--text-muted:rgba(255, 255, 255, .4);--shadow-glow:0 0 40px rgba(229, 9, 20, .15);--shadow-card:0 25px 50px -12px rgba(0, 0, 0, .5);--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-medium:.3s cubic-bezier(.4, 0, .2, 1);--transition-slow:.5s cubic-bezier(.4, 0, .2, 1);--transition-bounce:.6s cubic-bezier(.68, -.55, .265, 1.55)}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow-x:hidden;background:var(--bg-primary);font-family:Inter,SF Pro Display,Segoe UI,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;touch-action:manipulation;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;color:var(--text-primary);-ms-touch-action:manipulation;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}body:before{content:"";position:fixed;inset:0;background:radial-gradient(ellipse 80% 50% at 20% 40%,rgba(229,9,20,.06) 0%,transparent 50%),radial-gradient(ellipse 60% 40% at 80% 60%,rgba(139,92,246,.04) 0%,transparent 50%);pointer-events:none;z-index:0;will-change:opacity}html{scroll-behavior:smooth}@media(max-width:768px){body:before{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}</style><link rel="stylesheet" href="styles-7GT7CJTX.css" media="print" onload="this.media='all'"><noscript><link rel="stylesheet" href="styles-7GT7CJTX.css"></noscript></head>
<body ngcm="">
  <!-- Loading Indicator -->
  <div class="app-loading" id="app-loading">
    <div class="app-loading-spinner"></div>
  </div>

  <app-root></app-root>

  <!-- Remove loading indicator when app is ready -->
  <script>
    document.addEventListener('DOMContentLoaded', function() {
      // Hide loading after short delay to ensure smooth transition
      setTimeout(function() {
        var loader = document.getElementById('app-loading');
        if (loader) loader.style.display = 'none';
      }, 100);
    });
  </script>

  <!-- Particles Script - Deferred for performance -->
  <script defer="">
    requestIdleCallback(function() {
      var container = document.getElementById('particles');
      if (!container) return;
      var isMobile = window.matchMedia('(max-width: 768px)').matches;
      var count = isMobile ? 10 : 20;
      var fragment = document.createDocumentFragment();
      for (var i = 0; i < count; i++) {
        var p = document.createElement('div');
        p.className = 'particle';
        p.style.cssText = 'left:' + (Math.random()*100) + '%;animation-duration:' + (15+Math.random()*20) + 's;animation-delay:' + (Math.random()*20) + 's;opacity:' + (0.2+Math.random()*0.3);
        fragment.appendChild(p);
      }
      container.appendChild(fragment);
    }, {timeout: 2000});
  </script>
<link rel="modulepreload" href="chunk-ODWFB2JK.js"><link rel="modulepreload" href="chunk-TFBTGPEY.js"><link rel="modulepreload" href="chunk-IVOERTA6.js"><link rel="modulepreload" href="chunk-EQDQRRRY.js"><script src="polyfills-6ISPNSXF.js" type="module"></script><script src="main-HTKOI4H4.js" type="module"></script></body>
</html>
