{% 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.
----------------------------------------------------
#}
<!-- Hero Section Start -->
<div class="hero parallaxie" style="background-image: url(/storage/{{ sliders[0].resim }});">
<div class="container">
<div class="row">
<div class="col-lg-7">
<!-- Hero Content Start -->
<div class="hero-content">
<!-- Section Title Start -->
<div class="section-title dark-section">
<h3 class="wow fadeInUp">{{ 'siteAdi'|ayarlar }}</h3>
<h1 class="text-anime-style-2" data-cursor="-opaque">{{ sliders[0].baslik|html_entity_decode|raw }}</span></h1>
<p class="wow fadeInUp" data-wow-delay="0.25s">{{ sliders[0].aciklama|html_entity_decode|raw }}</p>
</div>
<!-- Section Title End -->
<!-- Hero Button Start -->
<div class="hero-btn wow fadeInUp" data-wow-delay="0.4s">
<a href="{{ iletisimLink }}" class="btn-default"><span>Bize Ulaşın</span></a>
</div>
<!-- Hero Button End -->
</div>
<!-- Hero Content End -->
</div>
<div class="col-lg-12">
<!-- Excellence Innovating List Start -->
<div class="excellence-innovating-list wow fadeInUp" data-wow-delay="0.6s">
<ul>
<li>Gelişmiş Üretim Çözümleri</li>
<li>Kalite Güvence Sistemleri</li>
<li>En Son Teknoloji</li>
</ul>
</div>
<!-- Excellence Innovating List End -->
</div>
</div>
</div>
</div>
<!-- Hero Section End -->
<!-- About Us Start -->
<div class="about-us">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-6">
<!-- About Us Image Start -->
<div class="about-image">
<!-- About Image Start -->
<div class="about-img-1">
<figure class="image-anime reveal" >
{{ veriler[3][1][0].resim|imgOlustur(300,10,'cover')|raw }}
</figure>
</div>
<!-- About Image End -->
<!-- About Image Start -->
<div class="about-img-2" style="width: 80%;border: 10px solid #fff;overflow: hidden;position: relative;border-radius: 30px;">
<figure class="image-anime reveal">
{{ veriler[3][1][0].resim|imgOlustur(300,10,'cover')|raw }}
</figure>
</div>
<!-- About Image End -->
<!-- Company Experience Start -->
<div class="company-experience">
<div class="company-experience-counter">
<h2><span class="counter">25</span>+</h2>
</div>
<div class="company-experience-content">
<p>yıldan beri</p>
</div>
</div>
<!-- Company Experience End -->
</div>
<!-- About Us Image End -->
</div>
<div class="col-lg-6">
<!-- About Content Start -->
<div class="about-content">
<!-- Section Title Start -->
<div class="section-title">
<h3 class="wow fadeInUp">{{ 'siteAdi'|ayarlar }}</h3>
<h2 class="text-anime-style-2" data-cursor="-opaque">{{ veriler[3][1][0].baslik }}</h2>
<p class="wow fadeInUp" data-wow-delay="0.25s">{{ veriler[3][1][0].metin|html_entity_decode|split('</p>')[0]|raw }}</p></p>
</div>
<!-- Section Title End -->
<div class="about-content-body">
<div class="row align-items-center">
<div class="col-md-6">
<!-- About List Btn Box Start -->
<div class="about-list-btn">
<!-- About Content List Start -->
<div class="about-content-list wow fadeInUp" data-wow-delay="0.5s">
<ul>
<li>Tekstil Makinelerinizin Gücü Bizden!</li>
<li>Yedek Parçada Kalitenin Adresi.</li>
<li>Her Parçada Uzmanlık, Her Çözümde Güven.</li>
<li>Tekstil Üretiminize Dayanıklı Destek!</li>
</ul>
</div>
<!-- About Content List End -->
<!-- About Content Btn Start -->
<div class="about-content-btn wow fadeInUp" data-wow-delay="0.75s">
<a href="{{ ''|site_anaLink~veriler[3][0].seo }}" class="btn-default"><span>Daha Fazla</span></a>
</div>
<!-- About Content Btn End -->
</div>
<!-- About List Btn Box End -->
</div>
<div class="col-md-6">
<!-- About Content Counter Start -->
<div class="genuine-rating-counter">
<!-- About Counter Item Start -->
<div class="about-counter-item">
<div class="about-counter">
<h2><span class="counter">4.9</span></h2>
</div>
<div class="genuine-rating">
<ul>
<li>
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i>
</li>
</ul>
</div>
<div class="genuine-rating-counter-content">
<p>15,5K gerçek derecelendirme</p>
</div>
</div>
<!-- About Counter Item End -->
</div>
<!-- About Content Counter End -->
</div>
</div>
</div>
</div>
<!-- About Content End -->
</div>
</div>
</div>
</div>
<!-- About Us End -->
<!-- Our Work Section Start -->
<div class="our-work">
<div class="container">
<div class="row section-row align-items-center">
<div class="col-lg-6">
<!-- Section Title Start -->
<div class="section-title">
<h3 class="wow fadeInUp">{{ 'siteAdi'|ayarlar }}</h3>
<h2 class="text-anime-style-2" data-cursor="-opaque">{{ veriler[4][0].adi }}</h2>
</div>
<!-- Section Title End -->
</div>
<div class="col-lg-6">
<!-- Section Title Content Start -->
<div class="section-title-content wow fadeInUp" data-wow-delay="0.25s">
<p>Tekstil makinelerinizin performansını artırmak ve üretiminize kesintisiz destek sağlamak için buradayız.</p>
</div>
<!-- Section Title Content End -->
</div>
</div>
<div class="row">
<div class="col-lg-12">
<!-- Project Item Boxes start -->
<div class="row project-item-boxes align-items-center">
{% for project in veriler[4][1] %}
<div class="col-12 col-md-6 project-item-box">
<!-- Project Item Start -->
<div class="project-item wow fadeInUp" data-wow-delay="{{ loop.index0 * 0.2 }}s">
<div class="project-image">
<figure class="image-anime">
{{ project.resim|imgOlustur(434,10,'cover')|raw }}
</figure>
</div>
<div class="project-content">
<h3><a href="{{ project.link }}">{{ project.adi }}</a></h3>
</div>
</div>
<!-- Project Item End -->
</div>
{% endfor %}
</div>
<!-- Project Item Boxes End -->
</div>
</div>
</div>
</div>
<!-- Our Work Section End -->
{% endblock %}
{% block javascripts %}{% endblock %}