{{ header }}
<div id="common-home" class="container petluna-home">
  <section class="petluna-home-showcase">
    <div class="petluna-home-showcase__main">
      <div class="petluna-home-showcase__hero">
        {% if content_top %}
          <div class="petluna-live-hero">
            {{ content_top }}
          </div>
        {% else %}
          <div class="petluna-hero-fallback">
            <div class="petluna-hero-fallback__media">
              <div class="petluna-hero-fallback__photo"></div>
            </div>
            <div class="petluna-hero-fallback__promo">
              <div class="petluna-promo-badge">Petshop Teması</div>
              <h2>Evcil Dostlarınız İçin İhtiyacınız Olan Her Şey</h2>
              <a href="index.php?route=product/category&path=20" class="btn btn-primary">Alışverişe Başla</a>
              <div class="petluna-hero-fallback__pack"></div>
            </div>
          </div>
        {% endif %}
      </div>

      <section class="petluna-section petluna-section--compact petluna-section--inside">
        <div class="petluna-category-grid petluna-category-grid--home">
          <a class="petluna-category petluna-category--1" href="index.php?route=product/search&search=kedi maması"><i class="fa fa-paw"></i><h3>Kedi Mamaları</h3><p>Kısır, yavru ve yetişkin seriler</p></a>
          <a class="petluna-category petluna-category--2" href="index.php?route=product/search&search=köpek maması"><i class="fa fa-paw"></i><h3>Köpek Mamaları</h3><p>Irka ve yaşa özel seçenekler</p></a>
          <a class="petluna-category petluna-category--3" href="index.php?route=product/search&search=ödül"><i class="fa fa-gift"></i><h3>Ödüller</h3><p>Eğitim ve motivasyon ürünleri</p></a>
          <a class="petluna-category petluna-category--4" href="index.php?route=product/search&search=kum"><i class="fa fa-tint"></i><h3>Kum &amp; Tuvalet</h3><p>Hijyen ve koku kontrolü</p></a>
          <a class="petluna-category petluna-category--5" href="index.php?route=product/search&search=oyuncak"><i class="fa fa-smile-o"></i><h3>Oyuncak</h3><p>Eğlenceli ve güvenli ürünler</p></a>
        </div>
      </section>

      <section class="petluna-section petluna-product-showcase petluna-section--inside">
        <div class="petluna-heading text-center">
          <h2>Yeni Ürünler</h2>
          <p>Bu alan featured / latest / special modülleri ile canlı çalışır.</p>
        </div>
        <div class="petluna-product-area">
          {% if content_bottom %}
            {{ content_bottom }}
          {% else %}
          <div class="row petluna-demo-products">
            <div class="col-sm-6 col-md-3"><div class="petluna-demo-product"><div class="petluna-demo-product__img"></div><h4>Advance Sensitive Somonlu Mama</h4><span>189,00 TL</span><a href="#">Sepete Ekle</a></div></div>
            <div class="col-sm-6 col-md-3"><div class="petluna-demo-product"><div class="petluna-demo-product__img"></div><h4>Pro Plan Tavuklu Kedi Maması</h4><span>215,00 TL</span><a href="#">Sepete Ekle</a></div></div>
            <div class="col-sm-6 col-md-3"><div class="petluna-demo-product"><div class="petluna-demo-product__img"></div><h4>Royal Canin Mini Adult</h4><span>290,00 TL</span><a href="#">Sepete Ekle</a></div></div>
            <div class="col-sm-6 col-md-3"><div class="petluna-demo-product"><div class="petluna-demo-product__img"></div><h4>Kedi Kumu Ultra Hijyen</h4><span>149,00 TL</span><a href="#">Sepete Ekle</a></div></div>
          </div>
          {% endif %}
        </div>
      </section>
    </div>

    <aside class="petluna-home-showcase__aside">
      <span class="petluna-eyebrow">Petshop Teması</span>
      <h1>Evcil dostlarınız için sade, şık ve güven veren alışveriş deneyimi</h1>
      <p>Mama, ödül, bakım ve oyuncak kategorilerini sıcak bir görsel dil ve ferah ürün vitriniyle sunan premium OpenCart 3 ana sayfası.</p>
      <div class="petluna-hero-slider__actions">
        <a href="index.php?route=product/category&path=20" class="btn btn-primary btn-lg">Alışverişe Başla</a>
        <a href="index.php?route=information/contact" class="btn btn-default btn-lg">Bize Ulaşın</a>
      </div>
      <ul class="petluna-stats list-unstyled">
        <li><strong>Aynı Gün</strong><span>Şehir içi teslimat</span></li>
        <li><strong>%100</strong><span>Orijinal ürün</span></li>
        <li><strong>7/24</strong><span>Destek hattı</span></li>
      </ul>
    </aside>
  </section>

  <section class="petluna-section petluna-section--soft">
    <div class="petluna-heading text-center">
      <h2>Neden Bu Tema?</h2>
      <p>Petshop müşterisinin beklediği güven, hız ve düzen hissi tek ekranda</p>
    </div>
    <div class="row petluna-benefits">
      <div class="col-sm-6 col-md-3"><div class="petluna-benefit"><i class="fa fa-search"></i><h3>Geniş Arama</h3><p>Büyük arama kutusu ile doğru ürüne hızlı erişim.</p></div></div>
      <div class="col-sm-6 col-md-3"><div class="petluna-benefit"><i class="fa fa-mobile"></i><h3>Mobil Odaklı</h3><p>Telefon kullanımında rahat gezinme ve güçlü CTA alanları.</p></div></div>
      <div class="col-sm-6 col-md-3"><div class="petluna-benefit"><i class="fa fa-tags"></i><h3>Kampanya Vurgusu</h3><p>İndirim ve fırsat mesajları düzenli şekilde öne çıkar.</p></div></div>
      <div class="col-sm-6 col-md-3"><div class="petluna-benefit"><i class="fa fa-heart"></i><h3>Sıcak Görsel Dil</h3><p>Petshop sektörüne uygun yumuşak ve premium görünüm.</p></div></div>
    </div>
  </section>

  <section class="petluna-section">
    <div class="petluna-heading text-center">
      <h2>Öne Çıkan Markalar</h2>
      <p>Royal Canin, Pro Plan, Acana, Reflex, Mera ve daha fazlası</p>
    </div>
    <div class="petluna-brands">
      <span>ROYAL CANIN</span>
      <span>PRO PLAN</span>
      <span>REFLEX</span>
      <span>MERA</span>
      <span>ACANA</span>
      <span>N&amp;D</span>
    </div>
  </section>
</div>
{{ footer }}
