<?php
define('VS_INCLUDED',true);
require_once 'includes/config.php';
$page_title='Hakkımızda';
include 'includes/header.php';
?>

<div class="phero">
  <div class="phero-inner">
    <span class="eyebrow">Kurumsal</span>
    <h1 class="phero-h">VOLKER<br>SAVUNMA</h1>
    <p class="phero-p">Türkiye'nin savunma ve endüstriyel ekipman tedarikinde güvenilir çözüm ortağı.</p>
  </div>
  <div class="phero-num">VS</div>
</div>

<section style="padding:0;">
  <div class="about-split" data-sr-l>
    <div class="about-img" style="background:var(--ink3);min-height:500px;display:flex;align-items:center;justify-content:center;">
      <div style="text-align:center;padding:48px;">
        <div style="font-family:var(--display);font-size:clamp(80px,12vw,150px);color:var(--red);line-height:1;text-shadow:0 0 80px rgba(232,0,29,.4);">V</div>
        <div style="font-family:var(--mono);font-size:10px;letter-spacing:.28em;color:var(--white4);text-transform:uppercase;margin-top:12px;">Est. 2014</div>
      </div>
    </div>
    <div class="about-content">
      <span class="eyebrow">Hikayemiz</span>
      <h2 style="font-size:clamp(36px,4vw,56px);">Neden Volker?</h2>
      <p class="about-p"><?=clean(setting('about_text','VOLKER SAVUNMA, 2014 yılından bu yana Türkiye\'nin önde gelen savunma ve endüstriyel ekipman tedarikçilerinden biri olarak hizmet vermektedir.'))?></p>
      <p class="about-p">Müşterilerimize en yüksek kalite standartlarında ürün ve hizmet sunmayı ilke edinen şirketimiz, geniş ürün yelpazesi ve uzman ekibiyle her ihtiyaca çözüm üretmektedir.</p>
      <div style="display:flex;gap:12px;margin-top:32px;flex-wrap:wrap;">
        <a href="/volker/iletisim.php" class="btn btn-primary btn-lg">İletişime Geç</a>
        <a href="/volker/urunler.php" class="btn btn-outline">Ürünleri İncele</a>
      </div>
    </div>
  </div>
</section>

<div class="numbers-band" data-sr>
  <div class="numbers-inner">
    <div class="nb-item"><div class="nb-val"><?=setting('stats_products','50')?>+</div><div class="nb-label">Ürün Çeşidi</div></div>
    <div class="nb-item"><div class="nb-val"><?=setting('stats_clients','120')?></div><div class="nb-label">Kurumsal Müşteri</div></div>
    <div class="nb-item"><div class="nb-val"><?=setting('stats_years','10')?>+</div><div class="nb-label">Yıllık Deneyim</div></div>
    <div class="nb-item"><div class="nb-val"><?=setting('stats_projects','500')?>+</div><div class="nb-label">Tamamlanan Proje</div></div>
  </div>
</div>

<section class="section" style="background:var(--ink2);">
  <div class="wrap">
    <div style="text-align:center;margin-bottom:64px;" data-sr>
      <span class="eyebrow" style="justify-content:center;">Değerlerimiz</span>
      <h2 style="font-size:clamp(36px,5vw,64px);">Bizi Farklı Kılan</h2>
    </div>
    <div style="display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--rule);" data-sr>
      <?php $vals=[
        ['icon'=>'<path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"/>','title'=>'Güvenilirlik','text'=>'10 yılı aşkın deneyim ve yüzlerce memnun müşteri ile sektörün en güvenilir markasıyız.'],
        ['icon'=>'<circle cx="12" cy="12" r="10"/><path d="M9 12l2 2 4-4"/>','title'=>'Kalite Güvencesi','text'=>'Tüm ürünlerimiz uluslararası kalite standartlarına uygun olarak test edilmekte ve sertifikalandırılmaktadır.'],
        ['icon'=>'<path d="M17 21v-2a4 4 0 00-4-4H5a4 4 0 00-4 4v2"/><circle cx="9" cy="7" r="4"/><path d="M23 21v-2a4 4 0 00-3-3.87M16 3.13a4 4 0 010 7.75"/>','title'=>'Uzman Kadro','text'=>'Alanında uzman teknik ekibimiz, satın alma öncesinden sonrasına tam destek sağlamaktadır.'],
      ]; foreach($vals as $v): ?>
      <div class="why-feat" style="padding:44px 36px;flex-direction:column;gap:16px;">
        <div class="why-icon"><svg fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24"><?=$v['icon']?></svg></div>
        <div>
          <h4 style="font-size:18px;margin-bottom:10px;"><?=$v['title']?></h4>
          <p style="font-size:13px;color:var(--white3);line-height:1.7;"><?=$v['text']?></p>
        </div>
      </div>
      <?php endforeach; ?>
    </div>
  </div>
</section>

<section class="cta-band" style="padding:80px 0;">
  <div class="cta-band-bg"></div><div class="cta-band-grid"></div>
  <div class="cta-inner" data-sr>
    <div>
      <h2 class="cta-h" style="font-size:clamp(36px,5vw,68px);">Birlikte Çalışalım<em>Teklif İsteyin.</em></h2>
      <p class="cta-p">Ekibimiz ihtiyaçlarınıza özel çözümler sunmak için hazır.</p>
    </div>
    <div class="cta-btns">
      <a href="/volker/iletisim.php" class="btn btn-primary btn-lg">Bize Ulaşın</a>
      <a href="/volker/urunler.php" class="btn btn-outline">Ürünleri İncele</a>
    </div>
  </div>
</section>

<?php include 'includes/footer.php'; ?>
