{% extends 'siteBase.html.twig' %}
{# Sayfa İstekleri #}
{% set sBoyutlar = 'slider'|ayarlar|split('X') %}
{% set sliders = ''|site_sliders %}
{% block dil %}{{ app.session.get('dil')['kisa'] }}{% endblock %} {# tr or en #}
{% block title %}{{ 'title'|ayarlar(app.session.get('dil')['id']) }}{% endblock %}
{% block keywords %}{{ 'keywords'|ayarlar(app.session.get('dil')['id']) }}{% endblock %}
{% block description %}{{ 'description'|ayarlar(app.session.get('dil')['id']) }}{% endblock %}
{% block title2 %}{{ 'title'|ayarlar(app.session.get('dil')['id']) }}{% endblock %}
{% block description2 %}{{ 'description'|ayarlar(app.session.get('dil')['id']) }}{% endblock %}
{% block image_alt %}{{ 'title'|ayarlar(app.session.get('dil')['id']) }}{% endblock %}
{% block title3 %}{{ 'title'|ayarlar(app.session.get('dil')['id']) }}{% endblock %}
{% block description3 %}{{ 'description'|ayarlar(app.session.get('dil')['id']) }}{% endblock %}
{% block image %}{{ 'siteYolu'|ayarlar~'storage/logo.webp' }}{% endblock %}
{% block image2 %}{{ 'siteYolu'|ayarlar~'storage/logo.webp' }}{% endblock %}
{% block body %}
{#
-- Slider : "sliders" adında bir dizide döndürülmektedir. Dizinin "baslik, aciklama, resim" değişkenleri bulunuyor. Bu bilgiler ile kodlamayınız.
----------------------------------------------------
#}
<section class="ep-banner-section gray-bg position-relative overflow-hidden">
<div class="container">
<div class="row">
<div class="col-lg-5">
<div class="banner-content position-relative text-center text-lg-start z-3">
<h5 class="sub-title pb-15 heading-five text-uppercase">{{ 'siteAdi'|ayarlar }}</h5>
<div class="banner-title position-relative">
<h1 class="heading-one split-text right">{{ sliders[0].baslik|default('') }}</h1>
</div>
<p class="py-30">{{ sliders[0].aciklama|default('') }}</p>
<a href="{{ iletisimLink }}" class="theme-btn primary primary-bg">
Bize Ulaşın
<span class="btn-icon">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd" d="M17.2901 10.625H2.70703V9.375H17.2901V10.625Z"
fill="currentColor" />
<path fill-rule="evenodd" clip-rule="evenodd"
d="M16.6659 9.37109C13.7263 9.37109 11.3242 11.9562 11.3242 14.7128V15.3378H12.5742V14.7128C12.5742 12.6198 14.4431 10.6211 16.6659 10.6211H17.2906V9.37109H16.6659Z"
fill="currentColor" />
<path fill-rule="evenodd" clip-rule="evenodd"
d="M16.6659 10.623C13.7263 10.623 11.3242 8.03784 11.3242 5.28125V4.65625H12.5742V5.28125C12.5742 7.37423 14.4431 9.37296 16.6659 9.37296H17.2906V10.623H16.6659Z"
fill="currentColor" />
</svg>
</span>
</a>
<div class="banner-shadow">
<div class="shadow shadow1 position-absolute z-n1"></div>
<div class="shadow shadow2 position-absolute z-n1"></div>
</div>
</div>
</div>
<div class="col-lg-7">
<div class="banner-image position-relative">
<div class="img position-relative reveal down">
{{ sliders[0].resim|imgOlustur(650,0,'cover')|raw }}
</div>
<div class="img-shapes">
<img class="position-absolute shape-1" src="/dist/assets/img/shape/banner-shape-1.svg" alt="banner-shape-1">
<img class="position-absolute shape-2" src="/dist/assets/img/shape/banner-shape-2.svg" alt="banner-shape-2">
<img class="position-absolute shape-3" src="/dist/assets/img/shape/banner-shape-3.svg" alt="banner-shape-3">
</div>
</div>
</div>
</div>
</div>
</section>{#
-- Site Sayfa Verileri : "veriler[4]" adında bir dizi döndürülüyor. 0. elemanı sayfa bilgilerini içerir. 1 elemanı dizidir. Ve sayfa içeriğini döndürür. Bu bilgilere göre kodlama yapınız.
-- Modül alanları : seourl, sayfabaşlığı, anahtarkelimeler, sayfaaçıklaması, adı, metin, resimler
** Resimleri çekerken sadece "ornek.jpg|imgOlustur(100,10,'cover')" filtresini kullanmalısın. Bu filtre şu özelliğe sahitir; "ornek.jpg|imgOlustur(yükseklik,radius,'cover/contain')"
----------------------------------------------------
#}
<section class="ep-about-us-section gray-bg pt-100">
<div class="container">
<div class="row g-4">
<div class="col-lg-6 align-self-center">
<div class="about-text">
<div class="section-title pb-20">
<h5 class="heading-five subtitle text-uppercase pb-15">{{ 'siteAdi'|ayarlar }}</h5>
<h2 class="heading-two title split-text right">{{ veriler[3][1][0].adi|html_entity_decode|raw }}</h2>
</div>
{% set metin = veriler[3][1][0].metin|split('</p>') %}
{{ metin[0]|html_entity_decode|raw }}</p>
<br>
{{ metin[1]|html_entity_decode|raw }}</p>
<br>
<a href="/{{veriler[3][0].seo}}" class="theme-btn primary primary-bg">
Daha Fazla
<span class="btn-icon">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd" d="M17.2901 10.625H2.70703V9.375H17.2901V10.625Z"
fill="currentColor" />
<path fill-rule="evenodd" clip-rule="evenodd"
d="M16.6659 9.37109C13.7263 9.37109 11.3242 11.9562 11.3242 14.7128V15.3378H12.5742V14.7128C12.5742 12.6198 14.4431 10.6211 16.6659 10.6211H17.2906V9.37109H16.6659Z"
fill="currentColor" />
<path fill-rule="evenodd" clip-rule="evenodd"
d="M16.6659 10.623C13.7263 10.623 11.3242 8.03784 11.3242 5.28125V4.65625H12.5742V5.28125C12.5742 7.37423 14.4431 9.37296 16.6659 9.37296H17.2906V10.623H16.6659Z"
fill="currentColor" />
</svg>
</span>
</a>
</div>
</div>
<div class="col-lg-6">
<div class="about-image reveal right ps-xl-4">
<img src="/storage/{{ veriler[3][1][0].resimler|split(',')[0] }}" alt="about-img" class="img-fluid w-100">
</div>
</div>
</div>
</div>
</section>
<section class="ep-services-section pt-120 content">
<div class="container">
<div class="row">
<div class="col-lg-8 mx-auto">
<div class="section-title text-center pb-60">
<h5 class="heading-five subtitle text-uppercase pb-15">{{ 'siteAdi'|ayarlar }}</h5>
<h2 class="heading-two title split-text right">{{ veriler[4][0].adi|html_entity_decode|raw }}</h2>
</div>
</div>
</div>
<div class="row g-4">
{% for veri in veriler[4][1] %}
<div class="col-xl-4 col-md-6 mx-auto mx-xl-0 fade-up">
<div class="service-item position-relative rounded-20 overflow-hidden bg-control"
data-background="assets/img/services/service-img-1.jpg">
<div class="overlay w-100 h-100">
{{ veri.resimler|split(',')[0]|imgOlustur(300,10,'cover')|raw }}
<div class="service-title pb-20 mb-20 d-flex align-items-center mt-20">
<h4 class="heading-four">{{ veri.adi|html_entity_decode|raw }}</h4>
</div>
<p>{{ veri.metin|html_entity_decode|striptags|slice(0,75) }}...</p>
<div class="pt-30">
<a href="{{ veri.link }}" class="theme-btn transparent-btn">
Daha Fazla
<span class="btn-icon">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd" d="M17.2901 10.625H2.70703V9.375H17.2901V10.625Z"
fill="currentColor" />
<path fill-rule="evenodd" clip-rule="evenodd"
d="M16.6659 9.37109C13.7263 9.37109 11.3242 11.9562 11.3242 14.7128V15.3378H12.5742V14.7128C12.5742 12.6198 14.4431 10.6211 16.6659 10.6211H17.2906V9.37109H16.6659Z"
fill="currentColor" />
<path fill-rule="evenodd" clip-rule="evenodd"
d="M16.6659 10.623C13.7263 10.623 11.3242 8.03784 11.3242 5.28125V4.65625H12.5742V5.28125C12.5742 7.37423 14.4431 9.37296 16.6659 9.37296H17.2906V10.623H16.6659Z"
fill="currentColor" />
</svg>
</span>
</a>
</div>
</div>
</div>
</div>
{%endfor%}
</div>
</div>
</section>
{% endblock %}
{% block javascripts %}{% endblock %}