{% extends 'tr/base.html' %}
{% block lang %}tr{% endblock %}

{% block title %}İks Enerji{% endblock %}

{% block description %}
İks Enerji, atıkların çevre dostu yöntemlerle enerjiye dönüştürülmesini sağlayarak, sürdürülebilir bir gelecek için
yenilikçi çözümler sunar. Çöpten enerji üretimindeki uzmanlığımızla, atık yönetimini optimize eder ve çevresel etkileri
minimize ederken, ekonomik ve ekolojik değerler yaratırız.
{% endblock %}
{% block keywords %}Atıktan Enerji Üretimi, Atık Enerji, Atık Yönetimi, Enerji Geri Dönüşümü, Çöpten Enerji,
Yenilenebilir Enerji, Sıfır Atık Çözümleri, Çöp Enerji Santrali, Atık Enerji Dönüşüm Teknolojileri, Enerji Verimliliği,
Atık Yakma, Karbon Ayak İzi Azaltma, Çevre Dostu Enerji, Atık Yönetim Sistemleri, Atık Enerji Projeleri{% endblock %}

{% block content %}
<div class="max-w-6xl mx-auto px-4 font-proxima mt-8">
    <section class="py-12">

        <div class="mb-12">
            <img src="{{ url_for('static', filename='images/anasayfa.png') }}" alt="Enerjinizi Geleceğe Dönüştürüyoruz!"
                class="rounded-xl w-full h-auto object-contain">
        </div>

        <div class="p-8 rounded-xl">
            <div class="grid grid-cols-1 md:grid-cols-3 gap-y-12 gap-x-10 mt-8">
                <div class="flex items-start space-x-4">
                    <img src="{{ url_for('static', filename='icons/1.png') }}" alt="icon" class="w-auto h-[58px] pt-1">
                    <div>
                        <h3 class="text-[20px] text-gray-700 font-semibold leading-tight">
                            <span class="count" data-target="500000">0</span> Ton/Yıl
                        </h3>
                        <p class="text-[13px] text-iks-gray mt-1">Yıllık Bertaraf Edilen Atık</p>
                    </div>
                </div>

                <div class="flex items-start space-x-4">
                    <img src="{{ url_for('static', filename='icons/3.png') }}" alt="icon" class="w-auto h-[58px] pt-1">
                    <div>
                        <h3 class="text-[20px] text-gray-700 font-semibold leading-tight">
                            <span class="count" data-target="61320000">0</span> kWh
                        </h3>
                        <p class="text-[13px] text-iks-gray mt-1">Yıllık Üretilen Elektrik</p>
                    </div>
                </div>

                <div class="flex items-start space-x-4">
                    <img src="{{ url_for('static', filename='icons/4.png') }}" alt="icon" class="w-auto h-[58px] pt-1">
                    <div>
                        <h3 class="text-[20px] text-gray-700 font-semibold leading-tight">
                            <span class="count" data-target="400000">0</span> Ton
                        </h3>
                        <p class="text-[13px] text-iks-gray mt-1">Karbon Emisyon Miktarı</p>
                    </div>
                </div>

                <div class="flex items-start space-x-4">
                    <img src="{{ url_for('static', filename='icons/2.png') }}" alt="icon" class="w-auto h-[58px] pt-1">
                    <div>
                        <h3 class="text-[20px] text-gray-700 font-semibold leading-tight">
                            <span class="count" data-target="14.14">0</span> mWh
                        </h3>
                        <p class="text-[13px] text-iks-gray mt-1">Lisans Kapasitesi</p>
                    </div>
                </div>

                <div class="flex items-start space-x-4">
                    <img src="{{ url_for('static', filename='icons/5.png') }}" alt="icon" class="w-auto h-[58px] pt-1">
                    <div>
                        <h3 class="text-[20px] text-gray-700 font-semibold leading-tight">
                            <span class="count" data-target="800000">0</span> m<sup>2</sup>
                        </h3>
                        <p class="text-[13px] text-iks-gray mt-1">Faaliyet Alanı</p>
                    </div>
                </div>

                <div class="flex items-start space-x-4">
                    <img src="{{ url_for('static', filename='icons/6.png') }}" alt="icon" class="w-auto h-[58px] pt-1">
                    <div>
                        <h3 class="text-[20px] text-gray-700 font-semibold leading-tight">
                            <span class="count" data-target="150">0</span> Kişi
                        </h3>
                        <p class="text-[13px] text-iks-gray mt-1">İstihdam Sayısı</p>
                    </div>
                </div>
            </div>

            <div class="mt-8">
                <p class="text-base text-iks-dark mb-3 leading-relaxed">
                    <img src="{{ url_for('static', filename='images/logo.png') }}" alt="İKS Enerji Logo"
                        class="h-8 inline-block mr-2">olarak, çevreye duyarlı
                    enerji çözümleri
                    sunma misyonuyla hareket ediyoruz. Evsel atıkları entegre bir şekilde işleyerek, günlük 50.000
                    hanenin enerji ihtiyacını karşılıyoruz ve bu sayede çevremizi koruma amacımıza katkı sağlıyoruz.
                </p>
                <p class="text-base text-iks-dark mb-8 leading-relaxed">
                    Güneş enerjisi ve atıktan enerji üretimi gibi yenilenebilir ve çevre dostu enerji kaynaklarına
                    odaklanarak, enerji üretiminde sürdürülebilir ve çevre dostu çözümler sunuyoruz.
                </p>
            </div>
        </div>
    </section>

    <section class="py-12">
        <div class="w-full h-1 bg-iks-blue mb-12"></div>

        <div class="mb-12">
            <img src="{{ url_for('static', filename='images/anasayfa2.png') }}" alt="Geri Dönüşümle Geleceğe Güç Ver!"
                class="rounded-xl w-full h-auto object-contain">
        </div>
        <div class="mt-8">
            <p class="text-base text-iks-dark mb-3 leading-relaxed font-bold">
                IKS Enerji olarak, sürdürülebilir üretim yapma misyonuyla hareket ediyor ve yeşil enerji üretimi
                alanında yatırımlar yaparak yenilikçi bir yaklaşım benimsedik. 2018 yılında kurulan firmamız,
                güvenilir ve yenilikçi çözümler sunarak, ülkemizin kalkınmasına katkı sağlama sorumluluğuyla hareket
                etmekte, milli değerlerimize sahip çıkmakta ve insana ve doğaya saygıyı her zaman ön planda
                tutmaktadır.
            </p>
            <p class="text-base text-iks-dark mb-8 leading-relaxed font-bold">
                2018 yılında, ülkemizdeki atıkların bir değer haline gelmesi hedefiyle faaliyetlerimize başladık ve
                şu anda düzenli depolama, elektrik üretimi, atık ayrıştırma, atıktan türetilmiş yakıt, karbon
                emisyonu azaltımı, güneş enerjisi santralleri ve kompost üretimi gibi birçok alanda faaliyet
                gösteriyoruz.
            </p>
            <p class="text-base text-iks-dark mb-8 leading-relaxed font-bold">
                Evsel atıkların depolandığı vahşi depolama sahalarının rehabilitasyonu ile başlayan süreç, Ar-Ge
                çalışmaları ve yılların getirdiği tecrübelerle her geçen gün büyüdü. Bugün, geliştirdiğimiz
                inovasyonlar sayesinde, tüm atık tiplerini kapsayan bir sistem geliştirdik. Her atık türü, gerek
                enerji üretimi gerekse geri dönüşüm açısından ülkemiz için değer yaratmaktadır.
            </p>
        </div>
    </section>
</div>
<script>
    document.addEventListener("DOMContentLoaded", () => {
        const counters = document.querySelectorAll('.count');

        const animateCount = (el) => {
            const target = parseFloat(el.getAttribute('data-target'));
            const isFloat = !Number.isInteger(target);
            let current = 0;
            const increment = target / 100;

            const update = () => {
                current += increment;
                if (current >= target) {
                    el.textContent = isFloat
                        ? target.toLocaleString('de-DE', { minimumFractionDigits: 2, maximumFractionDigits: 2 })
                        : target.toLocaleString('de-DE');
                } else {
                    el.textContent = isFloat
                        ? current.toLocaleString('de-DE', { minimumFractionDigits: 2, maximumFractionDigits: 2 })
                        : Math.round(current).toLocaleString('de-DE');
                    requestAnimationFrame(update);
                }
            };
            update();
        };

        const observer = new IntersectionObserver((entries, obs) => {
            entries.forEach(entry => {
                if (entry.isIntersecting) {
                    animateCount(entry.target);
                    obs.unobserve(entry.target);
                }
            });
        }, { threshold: 0.6 });

        counters.forEach(el => observer.observe(el));
    });

</script>
{% endblock %}
<!-- .htaccess dosyası -->
RewriteEngine On

# Ana index.php'ye yönlendir
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule ^(.*)$ index.php [QSA,L]

# PDF cache
<FilesMatch "\.(pdf)$">
    Header set Cache-Control "public, max-age=3600"
</FilesMatch>

# Static dosya cache
<FilesMatch "\.(css|js|png|jpg|jpeg|gif|ico|svg|woff|woff2|ttf)$">
    Header set Cache-Control "public, max-age=86400"
</FilesMatch>

# Güvenlik
Header always set X-Content-Type-Options nosniff
Header always set X-Frame-Options DENY
Header always set X-XSS-Protection "1; mode=block"

# PHP ayarları
php_flag display_errors Off
php_flag log_errors On