Files
citrus/resources/views/templates/privacy.blade.php
T

696 lines
43 KiB
PHP
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
@extends('layouts.site')
@section('title', t('Gizlilik Politikası - Privacy Policy'))
@section('content')
<div class="grow shrink-0 bg-[#fefefe]">
<!-- Hero Header -->
<section class="wrapper image-wrapper bg-image bg-overlay bg-overlay-400 !text-white bg-no-repeat bg-[center_center] bg-cover relative z-0 before:content-[''] before:block before:absolute before:z-[1] before:w-full before:h-full before:left-0 before:top-0 before:bg-[rgba(30,34,40,.5)]" style="background-image: url('{{ asset('html/assets/img/photos/bg4.jpg') }}'); background-attachment: fixed;">
<div class="container pt-28 pb-32 xl:pt-36 lg:pt-36 md:pt-36 xl:pb-[10rem] lg:pb-[10rem] md:pb-[10rem] !text-center relative z-10">
<div class="flex flex-wrap mx-[-15px]">
<div class="xl:w-10/12 lg:w-10/12 w-full flex-[0_0_auto] !px-[15px] max-w-full !mx-auto">
<span class="badge bg-[rgba(255,255,255,0.15)] text-white !rounded-[50rem] uppercase tracking-wider text-[0.7rem] px-3 py-1 mb-4 inline-block backdrop-blur-sm">
Google Play & App Store Compliance
</span>
<h1 class="!text-[calc(1.365rem_+_1.38vw)] font-bold !leading-[1.2] xl:!text-[2.6rem] !mb-3 !text-white">
{{ t('Gizlilik Politikası') }} <span class="text-slate-300 font-light">/ Privacy Policy</span>
</h1>
<p class="lead !leading-[1.6] text-[1rem] font-medium text-slate-200 !max-w-2xl mx-auto">
{{ t('Mobil uygulamalarımız için genel kullanım ve gizlilik koşulları.') }}
<br><span class="text-xs opacity-75">General terms of use and privacy conditions for our mobile applications.</span>
</p>
</div>
</div>
</div>
</section>
<!-- Main Content Section -->
<section class="wrapper !bg-[#ffffff] relative z-20 mt-[-4rem] rounded-t-[2.5rem] shadow-2xl pb-24">
<div class="container">
<!-- Language Switcher and Last Updated -->
<div class="flex flex-wrap items-center justify-between !mb-8 pt-10 border-b pb-6 border-slate-100">
<div>
<span class="text-slate-400 text-xs font-semibold uppercase tracking-wider">{{ t('Son Güncelleme') }} / Last Updated</span>
<p class="text-slate-800 text-sm font-bold">19 Mayıs 2026 / May 19, 2026</p>
</div>
<div class="flex items-center gap-2 mt-4 sm:mt-0">
<button onclick="switchLang('tr')" id="btn-tr" class="lang-btn px-4 py-2 rounded-full font-bold text-xs uppercase tracking-wider transition-all duration-300 shadow-sm border bg-[#e31e24] text-white">
Türkçe
</button>
<button onclick="switchLang('en')" id="btn-en" class="lang-btn px-4 py-2 rounded-full font-bold text-xs uppercase tracking-wider transition-all duration-300 shadow-sm border bg-slate-100 text-slate-600 hover:bg-slate-200">
English
</button>
</div>
</div>
<div class="flex flex-wrap lg:flex-nowrap gap-8">
<!-- Sidebar Navigation -->
<div class="w-full lg:w-3/12 shrink-0">
<div class="sticky top-28 bg-[#fafafa] border border-slate-100 rounded-2xl p-5 shadow-sm">
<h5 class="text-xs font-extrabold uppercase tracking-wider text-slate-400 mb-4 px-2">
{{ t('Bölümler') }} / Sections
</h5>
<div class="flex flex-col gap-1" id="privacy-tabs">
<a href="#genel" class="tab-link active flex items-center gap-3 px-3 py-2.5 rounded-lg text-sm font-semibold transition-all duration-200 text-[#e31e24] bg-red-50/50">
<i class="uil uil-info-circle text-lg"></i>
<span class="tr-text">Genel Bilgiler</span>
<span class="en-text hidden">General Info</span>
</a>
<a href="#veriler" class="tab-link flex items-center gap-3 px-3 py-2.5 rounded-lg text-sm font-semibold transition-all duration-200 text-slate-600 hover:text-[#e31e24] hover:bg-slate-50">
<i class="uil uil-database text-lg"></i>
<span class="tr-text">Toplanan Veriler</span>
<span class="en-text hidden">Collected Data</span>
</a>
<a href="#izinler" class="tab-link flex items-center gap-3 px-3 py-2.5 rounded-lg text-sm font-semibold transition-all duration-200 text-slate-600 hover:text-[#e31e24] hover:bg-slate-50">
<i class="uil uil-keyhole-circle text-lg"></i>
<span class="tr-text">Cihaz İzinleri</span>
<span class="en-text hidden">Device Permissions</span>
</a>
<a href="#servisler" class="tab-link flex items-center gap-3 px-3 py-2.5 rounded-lg text-sm font-semibold transition-all duration-200 text-slate-600 hover:text-[#e31e24] hover:bg-slate-50">
<i class="uil uil-server text-lg"></i>
<span class="tr-text">Üçüncü Taraflar</span>
<span class="en-text hidden">Third-Party Services</span>
</a>
<a href="#haklar" class="tab-link flex items-center gap-3 px-3 py-2.5 rounded-lg text-sm font-semibold transition-all duration-200 text-slate-600 hover:text-[#e31e24] hover:bg-slate-50">
<i class="uil uil-shield-check text-lg"></i>
<span class="tr-text">KVKK & GDPR</span>
<span class="en-text hidden">KVKK & GDPR</span>
</a>
<a href="#iletisim" class="tab-link flex items-center gap-3 px-3 py-2.5 rounded-lg text-sm font-semibold transition-all duration-200 text-slate-600 hover:text-[#e31e24] hover:bg-slate-50">
<i class="uil uil-envelope text-lg"></i>
<span class="tr-text">İletişim</span>
<span class="en-text hidden">Contact Us</span>
</a>
</div>
</div>
</div>
<!-- Content Area -->
<div class="w-full lg:w-9/12">
<div class="prose max-w-none text-slate-700 leading-relaxed">
<!-- TURKISH CONTENT -->
<div id="content-tr" class="lang-content">
<!-- Section: Genel Bilgiler -->
<div id="genel" class="content-section mb-12 scroll-mt-28">
<div class="bg-gradient-to-r from-red-50 to-transparent p-4 rounded-xl border-l-4 border-[#e31e24] mb-6">
<h3 class="text-xl font-bold text-slate-900 !m-0">1. Genel Bilgiler ve Kapsam</h3>
</div>
<p>
Bu gizlilik politikası, <strong>Trunçgil Teknoloji</strong> (bundan sonra "Şirket" veya "Biz" olarak anılacaktır) tarafından <strong>Google Play Store</strong> ve <strong>Apple App Store</strong> platformları üzerinden yayınlanan tüm mobil uygulamalar (bundan sonra "Uygulama" veya "Uygulamalar" olarak anılacaktır) için geçerlidir.
</p>
<p>
Uygulamalarımızı indirerek, kurarak ve kullanarak bu Gizlilik Politikası'nda belirtilen kuralları, veri toplama ve kullanım yöntemlerini kabul etmiş olursunuz. Eğer bu politikadaki şartları kabul etmiyorsanız, lütfen uygulamalarımızı kullanmayınız ve cihazınızdan kaldırınız.
</p>
<p>
Gizliliğinize büyük önem veriyoruz. Uygulamalarımızın sorunsuz çalışması, size en iyi kullanıcı deneyimini sunması ve yasal gereksinimleri karşılaması adına minimum düzeyde veri topluyoruz.
</p>
</div>
<!-- Section: Toplanan Veriler -->
<div id="veriler" class="content-section mb-12 scroll-mt-28">
<div class="bg-gradient-to-r from-red-50 to-transparent p-4 rounded-xl border-l-4 border-[#e31e24] mb-6">
<h3 class="text-xl font-bold text-slate-900 !m-0">2. Hangi Verileri Topluyoruz ve Nasıl Kullanıyoruz?</h3>
</div>
<p>
Uygulamalarımızın doğasına bağlı olarak toplanan veri kategorileri değişiklik gösterebilir. Genel olarak toplanan veri türleri ve amaçları aşağıda listelenmiştir:
</p>
<div class="flex flex-col gap-4 my-6">
<div class="border border-slate-100 rounded-xl p-4 shadow-sm hover:border-red-100 transition-all">
<h5 class="text-sm font-bold text-slate-900 mb-2 flex items-center gap-2">
<i class="uil uil-user text-[#e31e24] text-lg"></i> Kişisel Veriler
</h5>
<p class="text-xs mb-0 text-slate-600">
Uygulama içi kayıt, giriş veya iletişim formları aracılığıyla sağladığınız Ad-Soyad, E-posta adresi, Telefon numarası veya profil bilgileri gibi verilerdir. Bu veriler sadece hesabınızı yönetmek, size destek sunmak ve kimlik doğrulaması yapmak amacıyla kullanılır.
</p>
</div>
<div class="border border-slate-100 rounded-xl p-4 shadow-sm hover:border-red-100 transition-all">
<h5 class="text-sm font-bold text-slate-900 mb-2 flex items-center gap-2">
<i class="uil uil-monitor text-[#e31e24] text-lg"></i> Cihaz ve Teknik Bilgiler
</h5>
<p class="text-xs mb-0 text-slate-600">
Cihazınızın modeli, işletim sistemi sürümü (Android/iOS), benzersiz cihaz kimlikleri (UUID/UDID), IP adresi, mobil ağ bilgileri ve dil ayarları gibi teknik verilerdir. Bu veriler, uygulama performansını optimize etmek ve hata raporlarını (crash logs) izlemek için toplanır.
</p>
</div>
<div class="border border-slate-100 rounded-xl p-4 shadow-sm hover:border-red-100 transition-all">
<h5 class="text-sm font-bold text-slate-900 mb-2 flex items-center gap-2">
<i class="uil uil-map-pin text-[#e31e24] text-lg"></i> Konum Verileri
</h5>
<p class="text-xs mb-0 text-slate-600">
Bazı uygulamalarımız (örneğin personel takip, bölgesel hava durumu veya konum tabanlı servis sunanlar) işlevlerini yerine getirebilmek için GPS veya şebeke tabanlı hassas/yaklaşık konum bilgisine ihtiyaç duyabilir. Konum verisi ancak siz izin verdiğiniz takdirde toplanır ve uygulamanın temel amacı dışında asla üçüncü şahıslarla paylaşılmaz.
</p>
</div>
</div>
</div>
<!-- Section: Cihaz İzinleri -->
<div id="izinler" class="content-section mb-12 scroll-mt-28">
<div class="bg-gradient-to-r from-red-50 to-transparent p-4 rounded-xl border-l-4 border-[#e31e24] mb-6">
<h3 class="text-xl font-bold text-slate-900 !m-0">3. Mobil Cihaz İzinleri ve Erişimler</h3>
</div>
<p>
Uygulamalarımızın düzgün çalışabilmesi için cihazınızda belirli izinlerin verilmesini talep edebiliriz. Bu izinler şunları kapsayabilir:
</p>
<div class="table-responsive my-6 border border-slate-100 rounded-xl overflow-hidden shadow-sm">
<table class="table mb-0 text-xs text-left text-slate-600">
<thead class="bg-slate-50 text-slate-800 uppercase font-extrabold text-[10px] tracking-wider">
<tr>
<th class="p-3">İzin Tipi</th>
<th class="p-3">Gerekçe ve Kullanım Amacı</th>
<th class="p-3">Zorunluluk Durumu</th>
</tr>
</thead>
<tbody class="divide-y divide-slate-100">
<tr>
<td class="p-3 font-bold text-slate-900">İnternet & Ağ Durumu</td>
<td class="p-3">Sunucu ile veri senkronizasyonu yapmak, API bağlantılarını gerçekleştirmek ve güncellemeleri almak için.</td>
<td class="p-3 text-red-500 font-semibold">Zorunlu</td>
</tr>
<tr>
<td class="p-3 font-bold text-slate-900">Kamera ve Galeri</td>
<td class="p-3">QR kod tarama (örn. QR doğrulama sistemleri), profil resmi yükleme veya uygulama içi fotoğraf çekip gönderme süreçleri için.</td>
<td class="p-3 text-slate-500">İsteğe Bağlı</td>
</tr>
<tr>
<td class="p-3 font-bold text-slate-900">Konum (GPS)</td>
<td class="p-3">Personel takibi, konum tabanlı raporlama veya harita entegrasyonları için arka planda veya ön planda konum bilgisi.</td>
<td class="p-3 text-slate-500">Uygulamaya Göre Değişir</td>
</tr>
<tr>
<td class="p-3 font-bold text-slate-900">Depolama (Dosya Erişimi)</td>
<td class="p-3">Uygulama verilerini önbelleğe almak, kullanıcı dosyalarını kaydetmek veya raporları PDF/Excel olarak indirmek için.</td>
<td class="p-3 text-slate-500">İsteğe Bağlı</td>
</tr>
<tr>
<td class="p-3 font-bold text-slate-900">Bildirimler (Push Notifications)</td>
<td class="p-3">Kritik uyarılar, durum güncellemeleri veya sistem bilgilendirmelerini anlık olarak iletmek için.</td>
<td class="p-3 text-slate-500">İsteğe Bağlı</td>
</tr>
</tbody>
</table>
</div>
<p class="text-xs text-slate-400 italic">
* İsteğe bağlı izinleri dilediğiniz zaman cihazınızın "Ayarlar > Uygulamalar" menüsünden kapatabilir veya sınırlandırabilirsiniz.
</p>
</div>
<!-- Section: Üçüncü Taraflar -->
<div id="servisler" class="content-section mb-12 scroll-mt-28">
<div class="bg-gradient-to-r from-red-50 to-transparent p-4 rounded-xl border-l-4 border-[#e31e24] mb-6">
<h3 class="text-xl font-bold text-slate-900 !m-0">4. Üçüncü Taraf Servisler ve SDK Entegrasyonları</h3>
</div>
<p>
Uygulama performansını ölçümlemek, analitik veriler toplamak veya belirli servisleri çalıştırmak adına güvenilir üçüncü taraf kütüphaneler (SDK'lar) kullanmaktayız. Bu servislerin kendi gizlilik politikaları mevcuttur:
</p>
<div class="grid grid-cols-1 md:grid-cols-2 gap-4 my-6">
<a href="https://policies.google.com/privacy" target="_blank" class="flex items-center gap-4 p-4 border border-slate-100 rounded-xl hover:border-red-100 hover:shadow-sm transition-all group">
<div class="w-12 h-12 shrink-0 bg-blue-50 rounded-full flex items-center justify-center text-blue-600 font-bold">G</div>
<div>
<h6 class="text-xs font-bold text-slate-900 mb-1 group-hover:text-[#e31e24]">Google Play Services</h6>
<p class="text-[10px] text-slate-500 mb-0">Uygulamanın Android cihazlarda temel Google API servisleriyle entegre çalışmasını sağlar.</p>
</div>
</a>
<a href="https://firebase.google.com/support/privacy" target="_blank" class="flex items-center gap-4 p-4 border border-slate-100 rounded-xl hover:border-red-100 hover:shadow-sm transition-all group">
<div class="w-12 h-12 shrink-0 bg-yellow-50 rounded-full flex items-center justify-center text-yellow-600 font-bold">F</div>
<div>
<h6 class="text-xs font-bold text-slate-900 mb-1 group-hover:text-[#e31e24]">Firebase & Crashlytics</h6>
<p class="text-[10px] text-slate-500 mb-0">Uygulama içi çökmeleri, performans problemlerini analiz etmek ve anlık bildirim göndermek için kullanılır.</p>
</div>
</a>
<a href="https://www.apple.com/legal/privacy/" target="_blank" class="flex items-center gap-4 p-4 border border-slate-100 rounded-xl hover:border-red-100 hover:shadow-sm transition-all group">
<div class="w-12 h-12 shrink-0 bg-slate-50 rounded-full flex items-center justify-center text-slate-800 font-bold">A</div>
<div>
<h6 class="text-xs font-bold text-slate-900 mb-1 group-hover:text-[#e31e24]">Apple App Store Services</h6>
<p class="text-[10px] text-slate-500 mb-0">iOS tabanlı uygulamalarda kimlik doğrulama, uygulama içi satın alma ve analitik süreçleri yönetir.</p>
</div>
</a>
<div class="flex items-center gap-4 p-4 border border-slate-100 rounded-xl">
<div class="w-12 h-12 shrink-0 bg-red-50 rounded-full flex items-center justify-center text-[#e31e24]"><i class="uil uil-lock text-xl"></i></div>
<div>
<h6 class="text-xs font-bold text-slate-900 mb-1">Güvenli Sunucu Altyapısı</h6>
<p class="text-[10px] text-slate-500 mb-0">Verileriniz, SSL/TLS şifreleme protokolleri ile korunan kendi güvenli sunucularımızda saklanır.</p>
</div>
</div>
</div>
</div>
<!-- Section: KVKK & GDPR -->
<div id="haklar" class="content-section mb-12 scroll-mt-28">
<div class="bg-gradient-to-r from-red-50 to-transparent p-4 rounded-xl border-l-4 border-[#e31e24] mb-6">
<h3 class="text-xl font-bold text-slate-900 !m-0">5. KVKK ve GDPR Kapsamında Kullanıcı Hakları</h3>
</div>
<p>
6698 sayılı <strong>Kişisel Verilerin Korunması Kanunu (KVKK)</strong> ve Avrupa Birliği <strong>Genel Veri Koruma Yönetmeliği (GDPR)</strong> kapsamında verileriniz üzerinde tam kontrole sahipsiniz. Haklarınız şunlardır:
</p>
<ul class="list-disc pl-5 my-4 text-sm flex flex-col gap-2">
<li>Kişisel verilerinizin işlenip işlenmediğini öğrenme, işlenmişse buna ilişkin bilgi talep etme.</li>
<li>Verilerinizin işlenme amacını ve bunların amacına uygun kullanılıp kullanılmadığını öğrenme.</li>
<li>Eksik veya yanlış işlenmiş olması hâlinde verilerinizin düzeltilmesini isteme.</li>
<li>Kanuni şartlar çerçevesinde verilerinizin silinmesini, yok edilmesini veya anonim hale getirilmesini talep etme.</li>
<li>Veri işleme onayınızı dilediğiniz zaman geri çekme.</li>
</ul>
<p>
Bu haklarınızı kullanmak ve verilerinizin silinmesini talep etmek için aşağıdaki iletişim adreslerimizden bizimle iletişime geçebilirsiniz. Talepleriniz en geç 30 gün içerisinde sonuçlandırılacaktır.
</p>
</div>
<!-- Section: İletişim -->
<div id="iletisim" class="content-section mb-12 scroll-mt-28">
<div class="bg-gradient-to-r from-red-50 to-transparent p-4 rounded-xl border-l-4 border-[#e31e24] mb-6">
<h3 class="text-xl font-bold text-slate-900 !m-0">6. İletişim ve Destek</h3>
</div>
<p>
Bu gizlilik politikası, uygulamalarımız veya verilerinizin işlenmesi ile ilgili her türlü soru, görüş ve talepleriniz için bizimle doğrudan iletişime geçebilirsiniz:
</p>
<div class="bg-slate-50 border border-slate-100 rounded-2xl p-6 my-6 shadow-inner">
<div class="grid grid-cols-1 md:grid-cols-3 gap-6">
<div class="flex items-start gap-3">
<i class="uil uil-building text-[#e31e24] text-2xl mt-1"></i>
<div>
<h6 class="text-xs font-bold text-slate-900 mb-1">Şirket Ünvanı</h6>
<p class="text-xs text-slate-600 mb-0">Trunçgil Teknoloji</p>
</div>
</div>
<div class="flex items-start gap-3">
<i class="uil uil-envelope text-[#e31e24] text-2xl mt-1"></i>
<div>
<h6 class="text-xs font-bold text-slate-900 mb-1">E-posta Adresi</h6>
<p class="text-xs text-slate-600 mb-0">
<a href="mailto:{{ setting('contact_email', 'info@truncgil.com') }}" class="text-[#e31e24] hover:underline font-semibold">
{{ setting('contact_email', 'info@truncgil.com') }}
</a>
</p>
</div>
</div>
<div class="flex items-start gap-3">
<i class="uil uil-location-arrow text-[#e31e24] text-2xl mt-1"></i>
<div>
<h6 class="text-xs font-bold text-slate-900 mb-1">Web Sitesi</h6>
<p class="text-xs text-slate-600 mb-0">
<a href="https://truncgil.com" target="_blank" class="text-slate-900 hover:underline font-semibold">
truncgil.com
</a>
</p>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- ENGLISH CONTENT (Initially Hidden) -->
<div id="content-en" class="lang-content hidden">
<!-- Section: General Info -->
<div id="genel-en" class="content-section mb-12 scroll-mt-28">
<div class="bg-gradient-to-r from-red-50 to-transparent p-4 rounded-xl border-l-4 border-[#e31e24] mb-6">
<h3 class="text-xl font-bold text-slate-900 !m-0">1. General Information and Scope</h3>
</div>
<p>
This privacy policy is valid for all mobile applications (hereinafter referred to as the "Application" or "Applications") published by <strong>Trunçgil Teknoloji</strong> (hereinafter referred to as the "Company" or "We") on the <strong>Google Play Store</strong> and <strong>Apple App Store</strong> platforms.
</p>
<p>
By downloading, installing, and using our Applications, you consent to the rules, data collection, and processing methods specified in this Privacy Policy. If you do not agree to the terms in this policy, please do not use our applications and remove them from your device.
</p>
<p>
We attach great importance to your privacy. We collect a minimum amount of data to ensure that our applications work smoothly, offer you the best user experience, and meet legal requirements.
</p>
</div>
<!-- Section: Collected Data -->
<div id="veriler-en" class="content-section mb-12 scroll-mt-28">
<div class="bg-gradient-to-r from-red-50 to-transparent p-4 rounded-xl border-l-4 border-[#e31e24] mb-6">
<h3 class="text-xl font-bold text-slate-900 !m-0">2. What Data We Collect and How We Use It</h3>
</div>
<p>
Depending on the nature of our applications, the categories of data collected may vary. The types of data generally collected and their purposes are listed below:
</p>
<div class="flex flex-col gap-4 my-6">
<div class="border border-slate-100 rounded-xl p-4 shadow-sm hover:border-red-100 transition-all">
<h5 class="text-sm font-bold text-slate-900 mb-2 flex items-center gap-2">
<i class="uil uil-user text-[#e31e24] text-lg"></i> Personal Data
</h5>
<p class="text-xs mb-0 text-slate-600">
Data such as Name-Surname, Email address, Phone number, or profile details that you provide via in-app registration, login, or contact forms. This data is only used to manage your account, provide support, and perform identity verification.
</p>
</div>
<div class="border border-slate-100 rounded-xl p-4 shadow-sm hover:border-red-100 transition-all">
<h5 class="text-sm font-bold text-slate-900 mb-2 flex items-center gap-2">
<i class="uil uil-monitor text-[#e31e24] text-lg"></i> Device and Technical Information
</h5>
<p class="text-xs mb-0 text-slate-600">
Technical data such as your device model, operating system version (Android/iOS), unique device identifiers (UUID/UDID), IP address, mobile network info, and language settings. This data is collected to optimize app performance and monitor crash logs.
</p>
</div>
<div class="border border-slate-100 rounded-xl p-4 shadow-sm hover:border-red-100 transition-all">
<h5 class="text-sm font-bold text-slate-900 mb-2 flex items-center gap-2">
<i class="uil uil-map-pin text-[#e31e24] text-lg"></i> Location Data
</h5>
<p class="text-xs mb-0 text-slate-600">
Some of our applications (e.g. personnel tracking, regional weather, or location-based service apps) may require GPS or network-based precise or approximate location information to perform their functions. Location data is only collected if you grant permission and is never shared with third parties for purposes other than the core objective of the application.
</p>
</div>
</div>
</div>
<!-- Section: Device Permissions -->
<div id="izinler-en" class="content-section mb-12 scroll-mt-28">
<div class="bg-gradient-to-r from-red-50 to-transparent p-4 rounded-xl border-l-4 border-[#e31e24] mb-6">
<h3 class="text-xl font-bold text-slate-900 !m-0">3. Mobile Device Permissions and Access</h3>
</div>
<p>
For our applications to function properly, we may request certain permissions on your device. These permissions may include:
</p>
<div class="table-responsive my-6 border border-slate-100 rounded-xl overflow-hidden shadow-sm">
<table class="table mb-0 text-xs text-left text-slate-600">
<thead class="bg-slate-50 text-slate-800 uppercase font-extrabold text-[10px] tracking-wider">
<tr>
<th class="p-3">Permission Type</th>
<th class="p-3">Reason and Purpose of Use</th>
<th class="p-3">Requirement</th>
</tr>
</thead>
<tbody class="divide-y divide-slate-100">
<tr>
<td class="p-3 font-bold text-slate-900">Internet & Network State</td>
<td class="p-3">To synchronize data with the server, perform API connections, and fetch updates.</td>
<td class="p-3 text-red-500 font-semibold">Required</td>
</tr>
<tr>
<td class="p-3 font-bold text-slate-900">Camera and Gallery</td>
<td class="p-3">For QR code scanning (e.g., QR validation systems), uploading profile pictures, or taking and sending photos in-app.</td>
<td class="p-3 text-slate-500">Optional</td>
</tr>
<tr>
<td class="p-3 font-bold text-slate-900">Location (GPS)</td>
<td class="p-3">Background or foreground location info for personnel tracking, location-based reporting, or map integrations.</td>
<td class="p-3 text-slate-500">Varies by App</td>
</tr>
<tr>
<td class="p-3 font-bold text-slate-900">Storage (File Access)</td>
<td class="p-3">To cache application data, save user files, or download reports as PDF/Excel.</td>
<td class="p-3 text-slate-500">Optional</td>
</tr>
<tr>
<td class="p-3 font-bold text-slate-900">Notifications (Push)</td>
<td class="p-3">To instantly deliver critical alerts, status updates, or system notifications.</td>
<td class="p-3 text-slate-500">Optional</td>
</tr>
</tbody>
</table>
</div>
<p class="text-xs text-slate-400 italic">
* You can disable or limit optional permissions at any time through your device's "Settings > Apps" menu.
</p>
</div>
<!-- Section: Third-Party Services -->
<div id="servisler-en" class="content-section mb-12 scroll-mt-28">
<div class="bg-gradient-to-r from-red-50 to-transparent p-4 rounded-xl border-l-4 border-[#e31e24] mb-6">
<h3 class="text-xl font-bold text-slate-900 !m-0">4. Third-Party Services and SDK Integrations</h3>
</div>
<p>
We use trusted third-party libraries (SDKs) to measure application performance, gather analytical data, or run specific services. These services have their own privacy policies:
</p>
<div class="grid grid-cols-1 md:grid-cols-2 gap-4 my-6">
<a href="https://policies.google.com/privacy" target="_blank" class="flex items-center gap-4 p-4 border border-slate-100 rounded-xl hover:border-red-100 hover:shadow-sm transition-all group">
<div class="w-12 h-12 shrink-0 bg-blue-50 rounded-full flex items-center justify-center text-blue-600 font-bold">G</div>
<div>
<h6 class="text-xs font-bold text-slate-900 mb-1 group-hover:text-[#e31e24]">Google Play Services</h6>
<p class="text-[10px] text-slate-500 mb-0">Allows integration with core Google API services on Android devices.</p>
</div>
</a>
<a href="https://firebase.google.com/support/privacy" target="_blank" class="flex items-center gap-4 p-4 border border-slate-100 rounded-xl hover:border-red-100 hover:shadow-sm transition-all group">
<div class="w-12 h-12 shrink-0 bg-yellow-50 rounded-full flex items-center justify-center text-yellow-600 font-bold">F</div>
<div>
<h6 class="text-xs font-bold text-slate-900 mb-1 group-hover:text-[#e31e24]">Firebase & Crashlytics</h6>
<p class="text-[10px] text-slate-500 mb-0">Used to analyze in-app crashes, performance issues, and dispatch push notifications.</p>
</div>
</a>
<a href="https://www.apple.com/legal/privacy/" target="_blank" class="flex items-center gap-4 p-4 border border-slate-100 rounded-xl hover:border-red-100 hover:shadow-sm transition-all group">
<div class="w-12 h-12 shrink-0 bg-slate-50 rounded-full flex items-center justify-center text-slate-800 font-bold">A</div>
<div>
<h6 class="text-xs font-bold text-slate-900 mb-1 group-hover:text-[#e31e24]">Apple App Store Services</h6>
<p class="text-[10px] text-slate-500 mb-0">Manages authentication, in-app purchases, and analytics processes on iOS-based devices.</p>
</div>
</a>
<div class="flex items-center gap-4 p-4 border border-slate-100 rounded-xl">
<div class="w-12 h-12 shrink-0 bg-red-50 rounded-full flex items-center justify-center text-[#e31e24]"><i class="uil uil-lock text-xl"></i></div>
<div>
<h6 class="text-xs font-bold text-slate-900 mb-1">Secure Server Infrastructure</h6>
<p class="text-[10px] text-slate-500 mb-0">Your data is stored on our secure servers, protected by SSL/TLS encryption protocols.</p>
</div>
</div>
</div>
</div>
<!-- Section: GDPR & KVKK -->
<div id="haklar-en" class="content-section mb-12 scroll-mt-28">
<div class="bg-gradient-to-r from-red-50 to-transparent p-4 rounded-xl border-l-4 border-[#e31e24] mb-6">
<h3 class="text-xl font-bold text-slate-900 !m-0">5. User Rights Under GDPR & KVKK</h3>
</div>
<p>
Under the Turkish <strong>Law on the Protection of Personal Data (KVKK) No. 6698</strong> and the European Union <strong>General Data Protection Regulation (GDPR)</strong>, you have full control over your data. Your rights include:
</p>
<ul class="list-disc pl-5 my-4 text-sm flex flex-col gap-2">
<li>Learning whether your personal data is processed, and requesting information if it has been.</li>
<li>Learning the purpose of processing your data and whether it is used in accordance with its purpose.</li>
<li>Requesting rectification of your data if it is incomplete or incorrectly processed.</li>
<li>Requesting the deletion, destruction, or anonymization of your data within the framework of legal conditions.</li>
<li>Withdrawing your consent for data processing at any time.</li>
</ul>
<p>
To exercise these rights and request the deletion of your data, you can contact us via our contact channels listed below. Your requests will be finalized within 30 days at the latest.
</p>
</div>
<!-- Section: Contact -->
<div id="iletisim-en" class="content-section mb-12 scroll-mt-28">
<div class="bg-gradient-to-r from-red-50 to-transparent p-4 rounded-xl border-l-4 border-[#e31e24] mb-6">
<h3 class="text-xl font-bold text-slate-900 !m-0">6. Contact and Support</h3>
</div>
<p>
For any questions, opinions, and requests regarding this privacy policy, our applications, or the processing of your data, you can contact us directly:
</p>
<div class="bg-slate-50 border border-slate-100 rounded-2xl p-6 my-6 shadow-inner">
<div class="grid grid-cols-1 md:grid-cols-3 gap-6">
<div class="flex items-start gap-3">
<i class="uil uil-building text-[#e31e24] text-2xl mt-1"></i>
<div>
<h6 class="text-xs font-bold text-slate-900 mb-1">Company Title</h6>
<p class="text-xs text-slate-600 mb-0">Trunçgil Teknoloji</p>
</div>
</div>
<div class="flex items-start gap-3">
<i class="uil uil-envelope text-[#e31e24] text-2xl mt-1"></i>
<div>
<h6 class="text-xs font-bold text-slate-900 mb-1">Email Address</h6>
<p class="text-xs text-slate-600 mb-0">
<a href="mailto:{{ setting('contact_email', 'info@truncgil.com') }}" class="text-[#e31e24] hover:underline font-semibold">
{{ setting('contact_email', 'info@truncgil.com') }}
</a>
</p>
</div>
</div>
<div class="flex items-start gap-3">
<i class="uil uil-location-arrow text-[#e31e24] text-2xl mt-1"></i>
<div>
<h6 class="text-xs font-bold text-slate-900 mb-1">Web Site</h6>
<p class="text-xs text-slate-600 mb-0">
<a href="https://truncgil.com" target="_blank" class="text-slate-900 hover:underline font-semibold">
truncgil.com
</a>
</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
</div>
@push('styles')
<style>
.prose p {
margin-bottom: 1.25rem !important;
font-size: 0.9rem !important;
line-height: 1.75 !important;
}
.tab-link.active {
box-shadow: 0 4px 12px rgba(227, 30, 36, 0.08);
}
/* Custom scroll offset for active navigation elements */
html {
scroll-behavior: smooth;
}
/* Additional Tailwind Utilities Fallback */
.gap-1 { gap: 0.25rem; }
.gap-2 { gap: 0.5rem; }
.gap-3 { gap: 0.75rem; }
.gap-4 { gap: 1rem; }
.gap-6 { gap: 1.5rem; }
.gap-8 { gap: 2rem; }
.shrink-0 { shrink: 0; flex-shrink: 0; }
.sticky { position: sticky; }
.top-28 { top: 7rem; }
.bg-gradient-to-r {
background-image: linear-gradient(to right, var(--tw-gradient-stops));
}
.from-red-50 {
--tw-gradient-from: rgba(254, 242, 242, 0.7);
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 242, 242, 0));
}
.border-l-4 {
border-left-width: 4px;
}
.border-red-100:hover {
border-color: rgba(254, 226, 226, 1) !important;
}
.bg-red-50\/50 {
background-color: rgba(254, 242, 242, 0.5) !important;
}
.shadow-2xl {
box-shadow: 0 -20px 50px -12px rgba(0, 0, 0, 0.08);
}
</style>
@endpush
@push('scripts')
<script>
function switchLang(lang) {
const trContent = document.getElementById('content-tr');
const enContent = document.getElementById('content-en');
const btnTr = document.getElementById('btn-tr');
const btnEn = document.getElementById('btn-en');
const trTexts = document.querySelectorAll('.tr-text');
const enTexts = document.querySelectorAll('.en-text');
if (lang === 'tr') {
trContent.classList.remove('hidden');
enContent.classList.add('hidden');
btnTr.className = "lang-btn px-4 py-2 rounded-full font-bold text-xs uppercase tracking-wider transition-all duration-300 shadow-sm border bg-[#e31e24] text-white";
btnEn.className = "lang-btn px-4 py-2 rounded-full font-bold text-xs uppercase tracking-wider transition-all duration-300 shadow-sm border bg-slate-100 text-slate-600 hover:bg-slate-200";
// Update sidebar links targeting
document.querySelectorAll('#privacy-tabs a').forEach(a => {
const href = a.getAttribute('href');
if (href.endsWith('-en')) {
a.setAttribute('href', href.replace('-en', ''));
}
});
trTexts.forEach(el => el.classList.remove('hidden'));
enTexts.forEach(el => el.classList.add('hidden'));
} else {
trContent.classList.add('hidden');
enContent.classList.remove('hidden');
btnTr.className = "lang-btn px-4 py-2 rounded-full font-bold text-xs uppercase tracking-wider transition-all duration-300 shadow-sm border bg-slate-100 text-slate-600 hover:bg-slate-200";
btnEn.className = "lang-btn px-4 py-2 rounded-full font-bold text-xs uppercase tracking-wider transition-all duration-300 shadow-sm border bg-[#e31e24] text-white";
// Update sidebar links targeting
document.querySelectorAll('#privacy-tabs a').forEach(a => {
const href = a.getAttribute('href');
if (!href.endsWith('-en') && href !== '#iletisim' && href !== '#servisler' && href !== '#izinler' && href !== '#veriler' && href !== '#genel' && href !== '#haklar') {
// do nothing
} else {
a.setAttribute('href', href.endsWith('-en') ? href : href + '-en');
}
});
trTexts.forEach(el => el.classList.add('hidden'));
enTexts.forEach(el => el.classList.remove('hidden'));
}
}
// Active Tab Highlight on Scroll or Click
document.addEventListener('DOMContentLoaded', () => {
const tabs = document.querySelectorAll('#privacy-tabs a');
tabs.forEach(tab => {
tab.addEventListener('click', (e) => {
tabs.forEach(t => {
t.classList.remove('text-[#e31e24]', 'bg-red-50/50', 'active');
t.classList.add('text-slate-600');
});
tab.classList.add('text-[#e31e24]', 'bg-red-50/50', 'active');
tab.classList.remove('text-slate-600');
});
});
// Handle scroll highlighting
const sections = document.querySelectorAll('.content-section');
window.addEventListener('scroll', () => {
let current = '';
const scrollPos = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop;
sections.forEach(section => {
const sectionTop = section.offsetTop - 150;
if (scrollPos >= sectionTop) {
current = section.getAttribute('id');
}
});
if (current) {
tabs.forEach(tab => {
tab.classList.remove('text-[#e31e24]', 'bg-red-50/50', 'active');
tab.classList.add('text-slate-600');
const href = tab.getAttribute('href').replace('#', '');
if (href === current || href === current + '-en' || href + '-en' === current) {
tab.classList.add('text-[#e31e24]', 'bg-red-50/50', 'active');
tab.classList.remove('text-slate-600');
}
});
}
});
});
</script>
@endpush
@endsection