{% 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.
----------------------------------------------------
#}
<div class="rts-banner-area rts-banner-one">
<div class="swiper mySwiper banner-one">
<div class="swiper-wrapper">
{% for slider in sliders %}
<div class="swiper-slide" style="background-image:url(/storage/{{ slider.resim }});">
<!-- banner single content -->
<div class="banner-one-inner text-start">
<p class="pre-title">
<span> {{ 'siteAdi'|ayarlar }}</span>
</p>
<h1 class="title">
<span>{{ slider.baslik|html_entity_decode|raw }}</span>
</h1>
<p class="disc banner-para">
{{ slider.aciklama|raw }}
</p>
<a href="{{iletisimLink}}" class="rts-btn btn-primary color-h-black">Bize Ulaşın</a>
</div>
<!-- banner single content end -->
</div>
{% endfor %}
</div>
<div class="swiper-pagination"></div>
</div>
<div class="animation-img">
<img class="shape-img two" src="/dist/assets/images/banner/shape/02.png" alt="banner_business">
<img class="shape-img three" src="/dist/assets/images/banner/shape/03.png" alt="banner_business">
</div>
</div>
{#
-- Site Sayfa Verileri : "veriler[3]" 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ı : baslik, metin, resim
** 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')"
----------------------------------------------------
#}
<!-- rts about us section start -->
<div class="rts-about-area rts-section-gap bg-about-sm-shape">
<div class="container">
<div class="row g-5 align-items-center">
<!-- about left -->
<div class="col-lg-6 col-md-12 col-sm-12 col-12 order-lg-1 order-md-2 order-sm-2 order-2 mt_md--50 mt_sm--50">
<div class="rts-title-area">
<p class="pre-title">
{{ 'siteAdi'|ayarlar }}
</p>
<h2 class="title">{{ veriler[3][1][0].baslik|html_entity_decode|raw }}</h2>
</div>
<div class="about-inner">
<p class="disc">
{{ veriler[3][1][0].metin|html_entity_decode|raw }}
</p>
<!-- about founder & get in touch start -->
<div class="row about-founder-wrapper align-items-center mt--40">
<!-- right founder area -->
<div class="col-lg-6 col-md-6 col-sm-6 col-12 mt_sm--20">
<div class="author-call-option">
<img class="authore-call" src="{{ asset('dist/assets/images/about/call.svg') }}" alt="call_founder">
<div class="call-details">
<span>{{ 'Hemen arayın'|ceviri }}</span>
<a href="tel:{{ 'telefon'|site_iletisimBilgileri|raw }}">
<h6 class="title">{{ 'telefon'|site_iletisimBilgileri|raw }}</h6>
</a>
</div>
</div>
</div>
<!-- left founder area -->
</div>
<!-- about founder & get in touch end -->
</div>
</div>
<!-- about right -->
<!-- about-right Start-->
<div class="col-lg-6 col-md-12 col-sm-12 col-12 order-lg-2 order-md-1 order-sm-1 order-1">
<div class="about-one-thumbnail">
<div style="background-image: url({{ path('panel_storage',{'file':veriler[3][1][0].resim|default('resimyok.webp')}) }});background-size: cover; overflow: hidden; width: 100%; height: 480px; background-position: center; border-radius: 5px;"></div>
</div>
</div>
<!-- about-right end -->
</div>
</div>
</div>
<!-- rts about us section end -->
{#
-- 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, fiyat, 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')"
----------------------------------------------------
#}
<!-- start team section -->
<div class="rts-team-area rts-section-gap bg-team">
<div class="container">
<div class="row">
<div class="col-12">
<div class="rts-title-area team text-center">
<p class="pre-title">
{{ 'siteAdi'|ayarlar }}
</p>
<h2 class="title">{{ veriler[4][0].adi }}</h2>
</div>
</div>
</div>
<div class="row g-5 mt--0">
<div class="swiper mySwiperh1_team">
<div class="swiper-wrapper">
{% for urun in veriler[4][1] %}
{% set link = urun.link %}
<div class="swiper-slide">
<div class="team-single-one-start">
<div class="team-image-area">
<a href="{{ link }}">
<div style="background-image: url({{ path('panel_storage',{'file':urun.resim|default('resimyok.webp')}) }});background-size: cover; overflow: hidden; width: 100%; height:250px; background-position: center; border-radius: 5px;"></div>
</a>
</div>
<div class="single-details">
<a href="{{ link }}">
<h5 class="title">{{ urun.adi|html_entity_decode|raw }}</h5>
</a>
<p>{{ veriler[4][0].adi }}</p>
</div>
</div>
</div>
{% endfor %}
</div>
</div>
</div>
</div>
</div>
<!-- end team section -->
{% endblock %}
{% block javascripts %}{% endblock %}