{{define "content"}}
<div class="container">
  <nav class="crumbs reveal">
    <a href="/">Anasayfa</a>
    <svg class="ico ico-xs"><use href="/static/icons.svg#i-arrow"/></svg>
    <span>Hakkımızda</span>
  </nav>

  <div class="page-title reveal">
    <h1>Hakkımızda</h1>
    <p>{{.S.SiteName}} — {{.S.Tagline}}</p>
  </div>

  <div class="about-grid">
    <div class="about-text panel-w reveal">
      <p>{{nl2br .S.About}}</p>
    </div>
    <aside class="about-side reveal">
      <div class="why-card panel-w"><span class="why-ico"><svg class="ico ico-lg"><use href="/static/icons.svg#i-shield"/></svg></span><h3>2 Yıl Garanti</h3><p>Faturalı ve resmi garanti belgeli satış.</p></div>
      <div class="why-card panel-w"><span class="why-ico"><svg class="ico ico-lg"><use href="/static/icons.svg#i-truck"/></svg></span><h3>Ücretsiz Kargo</h3><p>Türkiye geneli sigortalı gönderim.</p></div>
      <div class="why-card panel-w"><span class="why-ico"><svg class="ico ico-lg"><use href="/static/icons.svg#i-star"/></svg></span><h3>5.000+ Mutlu Müşteri</h3><p>10 yılı aşkın sektör tecrübesi.</p></div>
    </aside>
  </div>
</div>

{{with .S.MainPhone}}
<section class="cta-band">
  <div class="container cta-in reveal">
    <div>
      <h2>Sorularınız mı var?</h2>
      <p>Uzman ekibimiz tüm sorularınızı yanıtlamak için hazır.</p>
    </div>
    <a class="btn btn-primary btn-lg" href="{{tel .}}">
      <svg class="ico ico-sm"><use href="/static/icons.svg#i-phone"/></svg>{{.}}
    </a>
  </div>
</section>
{{end}}
{{end}}
