import re

html_content = """<!DOCTYPE html>
<html lang="tr">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Blog | Tostum</title>
  <meta name="description" content="Tost hakkında her şey, Üsküdar mekanları ve lezzet rehberi.">
  <link rel="stylesheet" href="../css/style.css">
  <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap" rel="stylesheet">
</head>
<body>
  <header>
    <div class="container nav-wrapper">
      <nav>
        <a href="../index.html" class="logo">
          <img src="../images/logo.png" alt="Tostum Logo">
        </a>
        <ul class="nav-links">
          <li><a href="../index.html">Anasayfa</a></li>
          <li><a href="../menu.html">Menü</a></li>
          <li><a href="../blog/index.html" class="active">Blog</a></li>
        </ul>
      </nav>
    </div>
  </header>

  <div class="breadcrumb container" style="margin-top:20px;">
    <a href="../index.html">Anasayfa</a> &gt; Blog
  </div>

  <section class="container fade-in" style="margin-top: 2rem;">
    <h1 style="margin-bottom:20px;">Blog</h1>
    <div class="card-grid" style="display:grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap:20px;">
      
      <div class="card" style="overflow:hidden; border-radius:8px; border:1px solid #eee;">
        <a href="uskudar-tost-kulturu.html">
          <img src="https://cdn.tgoapps.com/tgo2/spm/prod/meal/media/images/product/206336/20857973_1796120805175.jpg" style="width:100%; height:200px; object-fit:cover;" alt="Üsküdar Tost Kültürü">
          <div class="card-content" style="padding:15px;">
            <h3 style="margin-top:0;">Üsküdar Tost Kültürü</h3>
            <p>Üsküdar'da tost yemenin keyfi başkadır.</p>
          </div>
        </a>
      </div>

      <div class="card" style="overflow:hidden; border-radius:8px; border:1px solid #eee;">
        <a href="her-ogun-tost-yenir-mi.html">
          <img src="https://cdn.tgoapps.com/tgo2/spm/prod/meal/media/images/product/206336/20857983_1796120805721.jpg" style="width:100%; height:200px; object-fit:cover;" alt="Her Öğün Tost Yenir mi?">
          <div class="card-content" style="padding:15px;">
            <h3 style="margin-top:0;">Her Öğün Tost Yenir mi?</h3>
            <p>Sabah, öğle, akşam tost yemenin sırları.</p>
          </div>
        </a>
      </div>

      <div class="card" style="overflow:hidden; border-radius:8px; border:1px solid #eee;">
        <a href="en-iyi-tost-cesitleri.html">
          <img src="https://cdn.tgoapps.com/tgo2/spm/prod/meal/media/images/product/206336/20857999_1796120805952.jpg" style="width:100%; height:200px; object-fit:cover;" alt="En İyi Tost Çeşitleri">
          <div class="card-content" style="padding:15px;">
            <h3 style="margin-top:0;">En İyi Tost Çeşitleri</h3>
            <p>141 çeşit arasından en iyileri.</p>
          </div>
        </a>
      </div>

      <div class="card" style="overflow:hidden; border-radius:8px; border:1px solid #eee;">
        <a href="uskudar-kahvalti-mekanlari.html">
          <img src="https://cdn.tgoapps.com/tgo2/spm/prod/meal/media/images/product/206336/20858000_1796120805986.jpg" style="width:100%; height:200px; object-fit:cover;" alt="Üsküdar Kahvaltı Mekanları">
          <div class="card-content" style="padding:15px;">
            <h3 style="margin-top:0;">Üsküdar Kahvaltı Mekanları</h3>
            <p>Kahvaltıda Tostum ayrıcalığı.</p>
          </div>
        </a>
      </div>

      <div class="card" style="overflow:hidden; border-radius:8px; border:1px solid #eee;">
        <a href="tost-tarihi-turkiyede.html">
          <img src="https://cdn.tgoapps.com/tgo2/spm/prod/meal/media/images/product/206336/16812852_1773909772186.jpg" style="width:100%; height:200px; object-fit:cover;" alt="Tost Tarihi Türkiye'de">
          <div class="card-content" style="padding:15px;">
            <h3 style="margin-top:0;">Tost Tarihi Türkiye'de</h3>
            <p>Tostun topraklarımızdaki yolculuğu.</p>
          </div>
        </a>
      </div>

      <div class="card" style="overflow:hidden; border-radius:8px; border:1px solid #eee;">
        <a href="uskudar-paket-servis.html">
          <img src="https://cdn.tgoapps.com/tgo2/spm/prod/meal/media/images/product/206336/20626010_1791275996078.jpg" style="width:100%; height:200px; object-fit:cover;" alt="Üsküdar Paket Servis">
          <div class="card-content" style="padding:15px;">
            <h3 style="margin-top:0;">Üsküdar Paket Servis</h3>
            <p>Hızlı ve sıcak teslimatın adresi.</p>
          </div>
        </a>
      </div>

    </div>
  </section>

  <footer style="margin-top:40px; padding:20px 0; background:#f5f5f5;">
    <div class="container footer-cols">
      <div class="footer-col">
        <h4>Tostum</h4><p>Üsküdar'da lezzetin adresi.</p>
      </div>
    </div>
  </footer>
  <button class="scroll-top">↑</button>
  <script src="../js/main.js"></script>
</body>
</html>"""

with open('tostum/blog/index.html', 'w', encoding='utf-8') as f:
    f.write(html_content)

print("Tostum blog index fixed.")
