<%- include('_bas') %>
<script type="application/ld+json"><%- JSON.stringify({
  '@context': 'https://schema.org', '@type': 'AutoPartsStore', name: s.siteAdi, url: base + '/',
  telephone: telHref.replace('tel:', ''), description: seoAciklama, address: s.adres || undefined
}).replace(/</g, '\\u003c') %></script>
<%- include('_ust') %>

<section class="hero">
  <div class="wrap hero-in">
    <% if (ustBaslik) { %><div class="kirinti"><a href="/">Ana sayfa</a> › <span><%= ustBaslik %></span></div><% } %>
    <h1><%= ustBaslik ? String(s.konuBaslik || '{konu}').replace(/\{konu\}/g, ustBaslik.charAt(0).toLocaleUpperCase('tr') + ustBaslik.slice(1)) : s.baslik %></h1>
    <p class="hero-alt"><%= s.altBaslik %></p>

    <div class="cta-grup<%= s.telGoster ? ' ikili' : '' %>">
      <% if (s.telGoster) { %>
      <a class="btn-tel buyuk nabiz" id="telHero" data-tel="hero" href="<%= telHref %>">
        <svg><use href="#i-phone"/></svg><span><%= s.telMetin %><small><%= telGoster %><%= s.telAlt ? ' · ' + s.telAlt : '' %></small></span>
      </a>
      <a class="btn-wa ikincil" id="waHero" data-wa="hero" data-k="<%= konuK %>" data-text="<%= msj %>" href="<%= waHref(msj) %>" rel="noopener">
        <svg><use href="#i-wa"/></svg><span><%= s.ctaMetin %></span>
      </a>
      <% } else { %>
      <a class="btn-wa buyuk nabiz" id="waHero" data-wa="hero" data-k="<%= konuK %>" data-text="<%= msj %>" href="<%= waHref(msj) %>" rel="noopener">
        <svg><use href="#i-wa"/></svg><span><%= s.ctaMetin %><small>mesaj hazır gelir</small></span>
      </a>
      <% } %>
    </div>
    <% if (s.ctaAlt) { %><div class="cta-alt"><svg><use href="#i-check"/></svg><%= s.ctaAlt %></div><% } %>

    <% if (s.rozetler && s.rozetler.length) { %>
    <ul class="rozetler">
      <% s.rozetler.forEach(function (r) { %><li><svg><use href="#i-check"/></svg><%= r %></li><% }) %>
    </ul>
    <% } %>
  </div>
</section>

<main class="wrap">
  <% if (s.adimlar && s.adimlar.length) { %>
  <section class="bolum">
    <h2 class="bolum-bas"><%= s.adimBaslik %></h2>
    <ol class="adimlar">
      <% s.adimlar.forEach(function (a, i) { %><li><span class="no"><%= i + 1 %></span><div><b><%= a.t %></b><% if (a.d) { %><p><%= a.d %></p><% } %></div></li><% }) %>
    </ol>
  </section>
  <% } %>

  <% if (kategoriler.length) { %>
  <section class="bolum">
    <h2 class="bolum-bas"><%= s.kategoriBaslik %><% if (s.cipNot) { %><small><%= s.cipNot %></small><% } %></h2>
    <div class="cipler">
      <% kategoriler.forEach(function (k) { var km = msjKonu(kucult(k.ad) + ' yedek parçası'); %><a class="cip<%= kategori === k.ad ? ' on' : '' %>" data-wa="cip" data-k="<%= k.ad %>" data-text="<%= km %>" href="<%= waHref(km) %>" rel="noopener"><svg><use href="#i-wa"/></svg><%= k.ad %></a><% }) %>
    </div>
  </section>
  <% } %>

  <section class="sor-kutu">
    <div>
      <h3><%= s.sonCtaBaslik %></h3>
      <p><%= s.sonCtaMetin %></p>
    </div>
    <div class="sor-kutu-btn">
      <% if (s.telGoster) { %><a class="btn-tel" data-tel="alt-cta" href="<%= telHref %>"><svg><use href="#i-phone"/></svg><%= s.telMetin %> · <%= telGoster %></a><% } %>
      <a class="btn-wa<%= s.telGoster ? ' ikincil' : '' %>" data-wa="alt-cta" data-k="<%= konuK %>" data-text="<%= msj %>" href="<%= waHref(msj) %>" rel="noopener"><svg><use href="#i-wa"/></svg><%= s.ctaMetin %></a>
    </div>
  </section>
</main>

<%- include('_alt') %>
