truncgit/citrus
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: add AppDevelopmentPageSeeder for populating app development page content and enhance app development template with new features, styling, and localization support for improved user experience

Browse Source
This commit is contained in:
Ümit Tunç
2026-05-21 09:06:01 +03:00
parent b487613b71
commit 6a4a0101a5
4 changed files with 592 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
database/seeders/AppDevelopmentPageSeeder.php
+142
View File
@@ -0,0 +1,142 @@
<?php
namespace Database\Seeders;
use App\Models\Page;
use App\Models\SiteTranslation;
use App\Models\User;
use Illuminate\Database\Seeder;
class AppDevelopmentPageSeeder extends Seeder
{
/**
* @var array<string, string>
*/
protected array $englishTranslations = [
'Google Play ve App Store\'da' => 'On Google Play and the App Store, we build',
'başarılı uygulamalar' => 'successful apps',
'geliştiriyoruz.' => 'for you.',
'Trunçgil Teknoloji olarak Android ve iOS uygulamalarını fikirden mağaza yayınına kadar titizlikle hayata geçiriyoruz.' => 'At Trunçgil Teknoloji, we meticulously bring Android and iOS apps to life—from idea to store launch.',
'Projenizi Konuşalım' => 'Let\'s Talk About Your Project',
'Trunçgil Teknoloji mobil uygulama geliştirme' => 'Trunçgil Teknoloji mobile app development',
'Geliştirme Yetkinliklerimiz' => 'Our Development Capabilities',
'Trunçgil Teknoloji, uygulamanızı mağazaya hazır hale getirmek için' => 'Trunçgil Teknoloji considers',
'her detayı' => 'every detail',
'düşünür.' => 'to get your app store-ready.',
'Keşif ve Strateji' => 'Discovery & Strategy',
'UI/UX Tasarım' => 'UI/UX Design',
'Native Android Geliştirme' => 'Native Android Development',
'iOS Geliştirme' => 'iOS Development',
'Güvenlik ve Test' => 'Security & Testing',
'Google Play Uyumluluğu' => 'Google Play Compliance',
'App Store İnceleme Hazırlığı' => 'App Store Review Readiness',
'Yayın Sonrası Destek' => 'Post-Launch Support',
'Geliştirme Sürecimiz' => 'Our Development Process',
'Trunçgil Teknoloji ile fikirden mağazaya' => 'With Trunçgil Teknoloji, from idea to store in',
'dört adımda' => 'four steps',
'ilerleyin.' => '— here\'s how.',
'Trunçgil Teknoloji uygulama geliştirme süreci' => 'Trunçgil Teknoloji app development process',
'Keşif ve Analiz' => 'Discovery & Analysis',
'Trunçgil Teknoloji ekibi, hedef kitlenizi, iş hedeflerinizi ve teknik gereksinimlerinizi derinlemesine analiz ederek projenin yol haritasını birlikte oluşturur.' => 'The Trunçgil Teknoloji team deeply analyzes your audience, business goals, and technical requirements to co-create the project roadmap.',
'Tasarım ve Prototip' => 'Design & Prototype',
'Kullanıcı deneyimi öncelikli arayüz tasarımları ve tıklanabilir prototiplerle Google Play ve App Store standartlarına uygun bir deneyim planlanır.' => 'UX-first interface designs and clickable prototypes are planned to meet Google Play and App Store standards.',
'Geliştirme ve Test' => 'Development & Testing',
'Android ve iOS platformlarında titiz kodlama, otomatik testler ve cihaz uyumluluğu kontrolleriyle uygulamanız hatasız şekilde inşa edilir.' => 'Your app is built flawlessly with meticulous coding, automated tests, and device compatibility checks on Android and iOS.',
'Mağaza Yayını ve Destek' => 'Store Launch & Support',
'Google Play Console ve App Store Connect süreçlerini Trunçgil Teknoloji yönetir; yayın sonrası izleme, güncelleme ve bakım desteği sunar.' => 'Trunçgil Teknoloji manages Google Play Console and App Store Connect processes, plus post-launch monitoring, updates, and maintenance.',
'Sık Sorulan Sorular' => 'Frequently Asked Questions',
'Uygulama geliştirme hakkında' => 'About app development —',
'merak ettikleriniz' => 'your questions answered',
'Trunçgil Teknoloji hangi platformlarda uygulama geliştiriyor?' => 'Which platforms does Trunçgil Teknoloji develop apps for?',
'Trunçgil Teknoloji olarak native Android (Kotlin), native iOS (Swift) ve cross-platform (Flutter) çözümler sunuyoruz. Uygulamalarınız Google Play Store ve Apple App Store\'da yayınlanmaya hazır şekilde teslim edilir.' => 'At Trunçgil Teknoloji, we offer native Android (Kotlin), native iOS (Swift), and cross-platform (Flutter) solutions. Your apps are delivered ready for Google Play Store and Apple App Store.',
'Google Play\'e yükleme sürecini siz mi yönetiyorsunuz?' => 'Do you manage the Google Play upload process?',
'Evet. Trunçgil Teknoloji, Google Play Console hesap kurulumu, uygulama imzalama, store listing hazırlığı, ekran görüntüleri ve politika uyumluluk kontrollerini sizin adınıza titizlikle yürütür.' => 'Yes. Trunçgil Teknoloji meticulously handles Google Play Console setup, app signing, store listing, screenshots, and policy compliance on your behalf.',
'App Store inceleme sürecinde red almamak için ne yapıyorsunuz?' => 'How do you avoid App Store rejections?',
'Apple\'ın Human Interface Guidelines, gizlilik politikası ve uygulama içi satın alma kurallarına uygunluk denetimi yapıyoruz. Metadata, açıklamalar ve gizlilik etiketleri yayın öncesinde Trunçgil Teknoloji tarafından kontrol edilir.' => 'We audit compliance with Apple\'s Human Interface Guidelines, privacy policy, and in-app purchase rules. Metadata, descriptions, and privacy labels are checked by Trunçgil Teknoloji before submission.',
'Bir uygulama projesi ne kadar sürer?' => 'How long does an app project take?',
'Proje kapsamına göre değişmekle birlikte, orta ölçekli bir uygulama Trunçgil Teknoloji sürecinde genellikle 8–16 hafta arasında tamamlanır. Keşif aşamasında size net bir zaman çizelgesi sunulur.' => 'Depending on scope, a mid-size app typically takes 8–16 weeks in the Trunçgil Teknoloji process. A clear timeline is provided during discovery.',
'Mevcut uygulamamı yeniden yazabilir veya güncelleyebilir misiniz?' => 'Can you rewrite or update my existing app?',
'Kesinlikle. Trunçgil Teknoloji, legacy kod modernizasyonu, performans iyileştirmesi, yeni OS sürümlerine uyum ve mağaza güncellemeleri konularında kapsamlı destek sağlar.' => 'Absolutely. Trunçgil Teknoloji provides comprehensive support for legacy modernization, performance improvements, new OS compatibility, and store updates.',
'Yayın sonrası bakım hizmeti veriyor musunuz?' => 'Do you offer post-launch maintenance?',
'Evet. Trunçgil Teknoloji, yayın sonrası hata takibi, kullanıcı geri bildirimlerine yanıt, güvenlik yamaları ve periyodik özellik güncellemeleri için esnek bakım paketleri sunar.' => 'Yes. Trunçgil Teknoloji offers flexible maintenance packages for post-launch bug tracking, user feedback, security patches, and periodic feature updates.',
'Neden Trunçgil Teknoloji?' => 'Why Trunçgil Teknoloji?',
'Google Play ve App Store\'da başarılı olmanız için' => 'Six strong reasons to succeed on',
'6 güçlü neden' => 'Google Play & App Store',
'Trunçgil Teknoloji mobil uygulamalar' => 'Trunçgil Teknoloji mobile apps',
'Android ve iOS Uzmanlığı' => 'Android & iOS Expertise',
'Trunçgil Teknoloji, Kotlin, Swift ve Flutter teknolojilerinde deneyimli ekibiyle her iki platformda da performanslı uygulamalar geliştirir.' => 'Trunçgil Teknoloji builds high-performance apps on both platforms with an experienced team in Kotlin, Swift, and Flutter.',
'Google Play Politika Uyumu' => 'Google Play Policy Compliance',
'Veri güvenliği, izin yönetimi ve içerik politikalarına tam uyum sağlayarak uygulamanızın mağazada sorunsuz yayınlanmasını garanti altına alırız.' => 'We ensure full compliance with data security, permissions, and content policies for smooth store publication.',
'App Store İnceleme Deneyimi' => 'App Store Review Experience',
'Human Interface Guidelines, gizlilik etiketleri ve metadata gereksinimlerini önceden ele alarak red riskini minimuma indiriyoruz.' => 'We minimize rejection risk by addressing Human Interface Guidelines, privacy labels, and metadata requirements upfront.',
'Kapsamlı Test Süreci' => 'Comprehensive Testing Process',
'Birim testleri, entegrasyon testleri ve gerçek cihazlarda manuel QA ile uygulamanızı yayına hazır hale getiriyoruz.' => 'Unit tests, integration tests, and manual QA on real devices prepare your app for launch.',
'Performans Optimizasyonu' => 'Performance Optimization',
'Pil tüketimi, açılış süresi ve bellek kullanımı Trunçgil Teknoloji tarafından sürekli ölçülür ve iyileştirilir.' => 'Battery usage, launch time, and memory consumption are continuously measured and improved by Trunçgil Teknoloji.',
'Sürekli Bakım ve Destek' => 'Ongoing Maintenance & Support',
'Yayın sonrası hata düzeltmeleri, OS güncellemelerine uyum ve yeni özellik geliştirmeleri için yanınızdayız.' => 'We\'re with you for post-launch bug fixes, OS update compatibility, and new feature development.',
'Mutlu Müşteriler' => 'Happy Clients',
'Trunçgil Teknoloji ile çalışan müşterilerimizin' => 'What our clients say about working with',
'deneyimleri' => 'Trunçgil Teknoloji',
'Trunçgil Teknoloji, e-ticaret uygulamamızı Google Play\'e sorunsuz taşıdı. İnceleme sürecinde hiç red almadık; her adımda bizi bilgilendirdiler.' => 'Trunçgil Teknoloji smoothly brought our e-commerce app to Google Play. We got zero rejections—they kept us informed at every step.',
'Kurucu, Perakende Startup' => 'Founder, Retail Startup',
'iOS uygulamamız App Store\'da ilk denemede onaylandı. Trunçgil Teknoloji\'nin titiz test süreci ve tasarım kalitesi gerçekten fark yarattı.' => 'Our iOS app was approved on the first App Store submission. Trunçgil Teknoloji\'s rigorous testing and design quality made the difference.',
'Ürün Müdürü, SaaS Şirketi' => 'Product Manager, SaaS Company',
'Hem Android hem iOS sürümünü aynı anda teslim ettiler. Trunçgil Teknoloji ekibi proje boyunca şeffaf iletişim kurdu ve söz verilen tarihte yayınladık.' => 'They delivered both Android and iOS versions simultaneously. The Trunçgil Teknoloji team communicated transparently and we launched on schedule.',
'CTO, Fintech Girişimi' => 'CTO, Fintech Startup',
'Yayın sonrası destek paketleri sayesinde uygulamamız her yeni Android sürümüne sorunsuz uyum sağlıyor. Trunçgil Teknoloji\'ye güveniyoruz.' => 'Thanks to post-launch support, our app adapts smoothly to every new Android version. We trust Trunçgil Teknoloji.',
'Operasyon Direktörü' => 'Operations Director',
'Kurumsal mobil uygulamamızın güvenlik gereksinimlerini Trunçgil Teknoloji mükemmel karşıladı. Google Play ve kurumsal MDM dağıtımı sorunsuz tamamlandı.' => 'Trunçgil Teknoloji perfectly met our enterprise app security requirements. Google Play and MDM deployment completed flawlessly.',
'IT Müdürü, Holding' => 'IT Manager, Holding Company',
'Prototipten mağaza yayınına kadar tüm süreçte Trunçgil Teknoloji yanımızdaydı. Kullanıcılarımız uygulamanın akıcılığından çok memnun.' => 'Trunçgil Teknoloji was with us from prototype to store launch. Our users love how smooth the app feels.',
'Pazarlama Müdürü' => 'Marketing Manager',
'Uygulamanızı Google Play ve App Store\'da' => 'Let\'s launch your app on',
'hayata geçirelim.' => 'Google Play & App Store.',
'Trunçgil Teknoloji ekibi, projenizi dinlemeye ve size özel bir yol haritası sunmaya hazır.' => 'The Trunçgil Teknoloji team is ready to hear your project and offer a tailored roadmap.',
'Ücretsiz Danışmanlık Alın' => 'Get a Free Consultation',
'Trunçgil Teknoloji uygulama geliştirme' => 'Trunçgil Teknoloji app development',
];
public function run(): void
{
$author = User::query()->first();
if (!$author) {
$this->command?->warn('Kullanıcı bulunamadı, seeder atlandı.');
return;
}
foreach ($this->englishTranslations as $key => $english) {
SiteTranslation::updateOrCreate(
['hash' => md5($key)],
[
'key' => $key,
'translations' => [
'tr' => $key,
'en' => $english,
],
]
);
}
Page::updateOrCreate(
['slug' => 'uygulama-gelistirme'],
[
'author_id' => $author->id,
'title' => 'Uygulama Geliştirme',
'excerpt' => 'Trunçgil Teknoloji olarak Android ve iOS uygulamalarını Google Play ve App Store\'da yayınlanmaya hazır şekilde titizlikle geliştiriyoruz.',
'content' => '',
'template' => 'services.app-development',
'status' => 'published',
'is_homepage' => false,
'show_in_menu' => true,
'sort_order' => 15,
'published_at' => now(),
'meta_title' => 'Uygulama Geliştirme | Trunçgil Teknoloji',
'meta_description' => 'Trunçgil Teknoloji ile Google Play ve App Store için native Android, iOS ve Flutter uygulama geliştirme. Keşiften mağaza yayınına titiz süreç.',
]
);
$this->command?->info('✅ Uygulama Geliştirme sayfası ve çevirileri oluşturuldu.');
}
}
resources/views/templates/corporate/partners.blade.php
+1 -3
View File
@@ -11,9 +11,7 @@
background: linear-gradient(180deg, #f8fafc 0%, #ffffff 35%);
overflow-x: clip;
}
.partners-section .container {
max-width: 100%;
}
.partners-showcase-bg {
top: 50%;
left: 50%;
resources/views/templates/home/services-cards.blade.php
+1 -1
View File
@@ -46,7 +46,7 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="svg-inject icon-svg !w-[2.2rem] !h-[2.2rem] solid-mono text-[#45c4a0] text-green !mb-3"><rect x="2" y="7" width="20" height="14" rx="2" ry="2"></rect><path d="M16 21V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16"></path></svg>
<h4>{!! t('Uygulama Geliştirme') !!}</h4>
<p class="!mb-2 flex-1 min-h-[4.5rem]">{!! t('Android, iOS, MacOS, Windows uygulamaları geliştiriyoruz.') !!}</p>
<a href="#" class="more hover !text-[#45c4a0] focus:!text-[#45c4a0] hover:!text-[#45c4a0]">{!! t('Daha fazla bilgi edin') !!}</a>
<a href="{{ route('page.show', ['slug' => 'uygulama-gelistirme']) }}" class="more hover !text-[#45c4a0] focus:!text-[#45c4a0] hover:!text-[#45c4a0]">{!! t('Daha fazla bilgi edin') !!}</a>
</div>
<!--/.card-body -->
</div>
resources/views/templates/services/app-development.blade.php
+448
View File
@@ -0,0 +1,448 @@
@extends('layouts.site')
@push('styles')
<style>
.app-dev-section .accordion-wrapper .card-header button.collapsed {
color: #343f52 !important;
}
.app-dev-section .accordion-wrapper .card-header button:hover,
.app-dev-section .accordion-wrapper .card-header button {
color: #e31e24 !important;
}
</style>
@endpush
@section('content')
@php
$featureBgColors = [
'#fef3e4', '#e1f6f0', '#e9eaf8', '#f8e7ec',
'#f0eaf6', '#feece9', '#e0e9fa', '#eaf3ef',
];
$features = [
['icon' => 'uil-search-alt', 'title' => 'Keşif ve Strateji'],
['icon' => 'uil-palette', 'title' => 'UI/UX Tasarım'],
['icon' => 'uil-mobile-android', 'title' => 'Native Android Geliştirme'],
['icon' => 'uil-apple', 'title' => 'iOS Geliştirme'],
['icon' => 'uil-shield-check', 'title' => 'Güvenlik ve Test'],
['icon' => 'uil-store', 'title' => 'Google Play Uyumluluğu'],
['icon' => 'uil-check-circle', 'title' => 'App Store İnceleme Hazırlığı'],
['icon' => 'uil-rocket', 'title' => 'Yayın Sonrası Destek'],
];
$processSteps = [
[
'title' => 'Keşif ve Analiz',
'description' => 'Trunçgil Teknoloji ekibi, hedef kitlenizi, iş hedeflerinizi ve teknik gereksinimlerinizi derinlemesine analiz ederek projenin yol haritasını birlikte oluşturur.',
],
[
'title' => 'Tasarım ve Prototip',
'description' => 'Kullanıcı deneyimi öncelikli arayüz tasarımları ve tıklanabilir prototiplerle Google Play ve App Store standartlarına uygun bir deneyim planlanır.',
],
[
'title' => 'Geliştirme ve Test',
'description' => 'Android ve iOS platformlarında titiz kodlama, otomatik testler ve cihaz uyumluluğu kontrolleriyle uygulamanız hatasız şekilde inşa edilir.',
],
[
'title' => 'Mağaza Yayını ve Destek',
'description' => 'Google Play Console ve App Store Connect süreçlerini Trunçgil Teknoloji yönetir; yayın sonrası izleme, güncelleme ve bakım desteği sunar.',
],
];
$whyChoose = [
[
'icon' => 'uil-mobile-android',
'bg' => '#e6e5f4',
'title' => 'Android ve iOS Uzmanlığı',
'description' => 'Trunçgil Teknoloji, Kotlin, Swift ve Flutter teknolojilerinde deneyimli ekibiyle her iki platformda da performanslı uygulamalar geliştirir.',
],
[
'icon' => 'uil-store',
'bg' => '#e1f6f0',
'title' => 'Google Play Politika Uyumu',
'description' => 'Veri güvenliği, izin yönetimi ve içerik politikalarına tam uyum sağlayarak uygulamanızın mağazada sorunsuz yayınlanmasını garanti altına alırız.',
],
[
'icon' => 'uil-apple',
'bg' => '#f8e7ec',
'title' => 'App Store İnceleme Deneyimi',
'description' => 'Human Interface Guidelines, gizlilik etiketleri ve metadata gereksinimlerini önceden ele alarak red riskini minimuma indiriyoruz.',
],
[
'icon' => 'uil-shield-check',
'bg' => '#fef3e4',
'title' => 'Kapsamlı Test Süreci',
'description' => 'Birim testleri, entegrasyon testleri ve gerçek cihazlarda manuel QA ile uygulamanızı yayına hazır hale getiriyoruz.',
],
[
'icon' => 'uil-chart-line',
'bg' => '#e0e9fa',
'title' => 'Performans Optimizasyonu',
'description' => 'Pil tüketimi, açılış süresi ve bellek kullanımı Trunçgil Teknoloji tarafından sürekli ölçülür ve iyileştirilir.',
],
[
'icon' => 'uil-headphones-alt',
'bg' => '#eaf3ef',
'title' => 'Sürekli Bakım ve Destek',
'description' => 'Yayın sonrası hata düzeltmeleri, OS güncellemelerine uyum ve yeni özellik geliştirmeleri için yanınızdayız.',
],
];
$faqs = [
[
'question' => 'Trunçgil Teknoloji hangi platformlarda uygulama geliştiriyor?',
'answer' => 'Trunçgil Teknoloji olarak native Android (Kotlin), native iOS (Swift) ve cross-platform (Flutter) çözümler sunuyoruz. Uygulamalarınız Google Play Store ve Apple App Store\'da yayınlanmaya hazır şekilde teslim edilir.',
],
[
'question' => 'Google Play\'e yükleme sürecini siz mi yönetiyorsunuz?',
'answer' => 'Evet. Trunçgil Teknoloji, Google Play Console hesap kurulumu, uygulama imzalama, store listing hazırlığı, ekran görüntüleri ve politika uyumluluk kontrollerini sizin adınıza titizlikle yürütür.',
],
[
'question' => 'App Store inceleme sürecinde red almamak için ne yapıyorsunuz?',
'answer' => 'Apple\'ın Human Interface Guidelines, gizlilik politikası ve uygulama içi satın alma kurallarına uygunluk denetimi yapıyoruz. Metadata, açıklamalar ve gizlilik etiketleri yayın öncesinde Trunçgil Teknoloji tarafından kontrol edilir.',
],
[
'question' => 'Bir uygulama projesi ne kadar sürer?',
'answer' => 'Proje kapsamına göre değişmekle birlikte, orta ölçekli bir uygulama Trunçgil Teknoloji sürecinde genellikle 8–16 hafta arasında tamamlanır. Keşif aşamasında size net bir zaman çizelgesi sunulur.',
],
[
'question' => 'Mevcut uygulamamı yeniden yazabilir veya güncelleyebilir misiniz?',
'answer' => 'Kesinlikle. Trunçgil Teknoloji, legacy kod modernizasyonu, performans iyileştirmesi, yeni OS sürümlerine uyum ve mağaza güncellemeleri konularında kapsamlı destek sağlar.',
],
[
'question' => 'Yayın sonrası bakım hizmeti veriyor musunuz?',
'answer' => 'Evet. Trunçgil Teknoloji, yayın sonrası hata takibi, kullanıcı geri bildirimlerine yanıt, güvenlik yamaları ve periyodik özellik güncellemeleri için esnek bakım paketleri sunar.',
],
];
$testimonials = [
[
'quote' => 'Trunçgil Teknoloji, e-ticaret uygulamamızı Google Play\'e sorunsuz taşıdı. İnceleme sürecinde hiç red almadık; her adımda bizi bilgilendirdiler.',
'name' => 'Ahmet Yılmaz',
'role' => 'Kurucu, Perakende Startup',
'bg' => '#f0f0f8',
],
[
'quote' => 'iOS uygulamamız App Store\'da ilk denemede onaylandı. Trunçgil Teknoloji\'nin titiz test süreci ve tasarım kalitesi gerçekten fark yarattı.',
'name' => 'Elif Kaya',
'role' => 'Ürün Müdürü, SaaS Şirketi',
'bg' => '#edf9f6',
],
[
'quote' => 'Hem Android hem iOS sürümünü aynı anda teslim ettiler. Trunçgil Teknoloji ekibi proje boyunca şeffaf iletişim kurdu ve söz verilen tarihte yayınladık.',
'name' => 'Murat Demir',
'role' => 'CTO, Fintech Girişimi',
'bg' => '#fef4f2',
],
[
'quote' => 'Yayın sonrası destek paketleri sayesinde uygulamamız her yeni Android sürümüne sorunsuz uyum sağlıyor. Trunçgil Teknoloji\'ye güveniyoruz.',
'name' => 'Selin Arslan',
'role' => 'Operasyon Direktörü',
'bg' => '#edf2fc',
],
[
'quote' => 'Kurumsal mobil uygulamamızın güvenlik gereksinimlerini Trunçgil Teknoloji mükemmel karşıladı. Google Play ve kurumsal MDM dağıtımı sorunsuz tamamlandı.',
'name' => 'Can Öztürk',
'role' => 'IT Müdürü, Holding',
'bg' => '#fbf1f4',
],
[
'quote' => 'Prototipten mağaza yayınına kadar tüm süreçte Trunçgil Teknoloji yanımızdaydı. Kullanıcılarımız uygulamanın akıcılığından çok memnun.',
'name' => 'Zeynep Aydın',
'role' => 'Pazarlama Müdürü',
'bg' => '#fff8ee',
],
];
$contactUrl = route('page.show', ['slug' => 'iletisim']);
@endphp
{{-- Hero --}}
<section class="wrapper image-wrapper bg-full bg-image bg-overlay bg-overlay-light-600 [background-size:100%] bg-[center_center] bg-no-repeat bg-scroll 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(255,255,255,.6)]" data-image-src="{{ asset('assets/img/photos/bg23.webp') }}">
<div class="container pt-24 xl:pt-32 lg:pt-32 md:pt-32 pb-9">
<div class="flex flex-wrap mx-0 !mt-[-50px] items-center text-center lg:text-left xl:text-left">
<div class="xl:w-6/12 lg:w-6/12 xxl:w-5/12 w-full flex-[0_0_auto] max-w-full !relative !mt-[50px]" data-cues="slideInDown" data-group="page-title" data-delay="700">
<img src="{{ asset('assets/img/svg/doodle1.svg') }}" class="h-9 !absolute hidden xl:block lg:block" data-cue="fadeIn" data-delay="3000" style="top: -9%; left: -6%" alt="" loading="lazy">
<img src="{{ asset('assets/img/svg/doodle2.svg') }}" class="!h-[5rem] !absolute hidden xl:block lg:block" data-cue="fadeIn" data-delay="3000" style="bottom: 9%; right: -22%" alt="" loading="lazy">
<h1 class="xl:!text-[2.5rem] !text-[calc(1.375rem_+_1.5vw)] font-semibold !leading-[1.15] !mb-4">
{!! t('Google Play ve App Store\'da') !!} <span class="text-gradient gradient-7">{!! t('başarılı uygulamalar') !!}</span> {!! t('geliştiriyoruz.') !!}
</h1>
<p class="lead !text-[1.2rem] !leading-[1.5] !font-normal !mb-7">
{!! t('Trunçgil Teknoloji olarak Android ve iOS uygulamalarını fikirden mağaza yayınına kadar titizlikle hayata geçiriyoruz.') !!}
</p>
<div class="flex flex-wrap justify-center lg:!justify-start xl:!justify-start gap-3 items-center" data-cues="slideInDown" data-group="page-title-buttons" data-delay="1800">
<a href="{{ $contactUrl }}" class="btn btn-lg btn-primary !rounded-[0.8rem]">
{!! t('Projenizi Konuşalım') !!}
</a>
<div class="flex gap-2">
<img src="{{ asset('assets/img/photos/button-google-play.svg') }}" class="!h-[2.75rem] !rounded-[0.8rem] opacity-90" alt="Google Play" loading="lazy">
<img src="{{ asset('assets/img/photos/button-appstore.svg') }}" class="!h-[2.75rem] !rounded-[0.8rem] opacity-90" alt="App Store" loading="lazy">
</div>
</div>
</div>
<div class="xl:w-6/12 lg:w-6/12 w-full flex-[0_0_auto] max-w-full !ml-auto !mb-[-10rem] xxl:!mb-[-15rem] !mt-[50px]" data-cues="slideInDown" data-delay="600">
<figure class="m-0 p-0">
<img class="w-full max-w-full !h-auto" src="{{ asset('assets/img/photos/devices3.webp') }}" alt="{!! t('Trunçgil Teknoloji mobil uygulama geliştirme') !!}" loading="lazy">
</figure>
</div>
</div>
</div>
<div class="overflow-hidden" style="z-index:1;">
<div class="divider !text-[#fefefe] mx-[-0.5rem]">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 100">
<g fill="currentColor">
<polygon points="1440 100 0 100 0 85 1440 0 1440 100" />
</g>
</svg>
</div>
</div>
</section>
{{-- Features --}}
<section class="wrapper !bg-[#ffffff] app-dev-section">
<div class="container pt-32 xl:pt-40 lg:pt-40 md:pt-40 pb-[4.5rem] xl:pb-24 lg:pb-24 md:pb-24">
<div class="flex flex-wrap mx-[-15px] !text-center">
<div class="lg:w-10/12 xl:w-9/12 xxl:w-8/12 flex-[0_0_auto] !px-[15px] max-w-full !mx-auto !relative">
<img src="{{ asset('assets/img/svg/doodle3.svg') }}" class="!h-[3rem] absolute hidden xl:block lg:block" style="top: -45%; left: 23%" alt="" loading="lazy">
<img src="{{ asset('assets/img/svg/doodle4.svg') }}" class="h-8 absolute hidden xl:block lg:block" style="top: 6%; right: 2%" alt="" loading="lazy">
<h2 class="!text-[0.8rem] !leading-[1.35] !tracking-[0.02rem] uppercase !text-[#aab0bc] !mb-3">{!! t('Geliştirme Yetkinliklerimiz') !!}</h2>
<h3 class="xl:!text-[2rem] !text-[calc(1.325rem_+_0.9vw)] font-semibold !leading-[1.2] !mb-12 lg:!px-5 xl:!px-0 xxl:!px-6">
{!! t('Trunçgil Teknoloji, uygulamanızı mağazaya hazır hale getirmek için') !!} <span class="text-gradient gradient-7">{!! t('her detayı') !!}</span> {!! t('düşünür.') !!}
</h3>
</div>
</div>
<div class="flex flex-wrap mx-[-15px] !mb-40">
<div class="xxl:w-11/12 w-full flex-[0_0_auto] !px-[15px] max-w-full !mx-auto">
<div class="flex flex-wrap mx-[-15px] xl:mx-[-20px] lg:mx-[-20px] md:mx-[-20px] !mt-[-50px] !text-center">
@foreach($features as $index => $feature)
<div class="md:w-6/12 lg:w-3/12 xl:w-3/12 w-full flex-[0_0_auto] !px-[15px] xl:!px-[20px] lg:!px-[20px] md:!px-[20px] !mt-[50px] max-w-full">
<div class="svg-bg svg-bg-lg !rounded-[0.8rem] !mb-4 flex items-center justify-center" style="background-color: {{ $featureBgColors[$index] ?? '#f0f0f8' }};">
<i class="uil {{ $feature['icon'] }} !text-[2rem] text-[#343f52]"></i>
</div>
<h4 class="!text-[1rem]">{!! t($feature['title']) !!}</h4>
</div>
@endforeach
</div>
</div>
</div>
{{-- How It Works --}}
<div class="flex flex-wrap mx-[-15px] !text-center">
<div class="md:w-10/12 lg:w-7/12 xl:w-7/12 w-full flex-[0_0_auto] !px-[15px] max-w-full !mx-auto !relative">
<img src="{{ asset('assets/img/svg/doodle5.svg') }}" class="!w-[5rem] absolute hidden xl:block lg:block" style="bottom: -60%; right: 10%" alt="" loading="lazy">
<img src="{{ asset('assets/img/svg/doodle6.svg') }}" class="!h-[5rem] !absolute hidden xl:block lg:block" style="top: -40%; left: -5%" alt="" loading="lazy">
<h2 class="!text-[0.8rem] !tracking-[0.02rem] uppercase !text-[#aab0bc] !mb-3 !leading-[1.35]">{!! t('Geliştirme Sürecimiz') !!}</h2>
<h3 class="!text-[calc(1.325rem_+_0.9vw)] font-bold !leading-[1.2] xl:!text-[2rem] !mb-8 xl:!px-6">
{!! t('Trunçgil Teknoloji ile fikirden mağazaya') !!} <span class="text-gradient gradient-7">{!! t('dört adımda') !!}</span> {!! t('ilerleyin.') !!}
</h3>
</div>
</div>
<div class="flex flex-wrap mx-[-15px] lg:!mb-40 xl:!mb-[17.5rem]">
<div class="xxl:w-11/12 w-full flex-[0_0_auto] !px-[15px] max-w-full !mx-auto">
<div class="flex flex-wrap mx-[-15px] !mt-[-50px] xl:!mt-0 lg:!mt-0 !text-center items-center">
<div class="md:w-6/12 lg:w-4/12 xl:w-4/12 w-full flex-[0_0_auto] !px-[15px] max-w-full !mx-auto !mb-[-2.5rem] lg:!mb-0 xl:!mb-0 !mt-[50px] xl:!mt-0 lg:!mt-0">
<figure class="mx-auto">
<img src="{{ asset('assets/img/photos/devices4.webp') }}" alt="{!! t('Trunçgil Teknoloji uygulama geliştirme süreci') !!}" loading="lazy">
</figure>
</div>
<div class="w-full xl:!hidden lg:!hidden !px-[15px] !mt-[50px]"></div>
<div class="md:w-6/12 lg:w-4/12 xl:w-4/12 w-full flex-[0_0_auto] !px-[15px] max-w-full lg:!-order-1 xl:!-order-1 !mt-[50px] xl:!mt-0 lg:!mt-0">
@foreach(array_slice($processSteps, 0, 2) as $index => $step)
<div class="{{ $index === 0 ? '!mb-8' : '' }}">
<span class="xl:!text-[3rem] !text-[calc(1.425rem_+_2.1vw)] !leading-none !mb-3 font-medium text-gradient gradient-7">{{ str_pad($index + 1, 2, '0', STR_PAD_LEFT) }}</span>
<h4 class="!text-[1rem]">{!! t($step['title']) !!}</h4>
<p class="!mb-0 xl:!px-7">{!! t($step['description']) !!}</p>
</div>
@endforeach
</div>
<div class="md:w-6/12 lg:w-4/12 xl:w-4/12 w-full flex-[0_0_auto] !px-[15px] max-w-full !mt-[50px] xl:!mt-0 lg:!mt-0">
@foreach(array_slice($processSteps, 2, 2) as $index => $step)
<div class="{{ $index === 0 ? '!mb-8' : '' }}">
<span class="xl:!text-[3rem] !text-[calc(1.425rem_+_2.1vw)] !leading-none !mb-3 font-medium text-gradient gradient-7">{{ str_pad($index + 3, 2, '0', STR_PAD_LEFT) }}</span>
<h4 class="!text-[1rem]">{!! t($step['title']) !!}</h4>
<p class="!mb-0 xl:!px-7">{!! t($step['description']) !!}</p>
</div>
@endforeach
</div>
</div>
</div>
</div>
</div>
</section>
{{-- FAQ --}}
<section class="wrapper image-wrapper bg-full bg-image bg-overlay bg-overlay-light-600 bg-content [background-size:100%] bg-[center_center] bg-no-repeat bg-scroll 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(255,255,255,.6)] app-dev-section" data-image-src="{{ asset('assets/img/photos/bg23.webp') }}">
<div class="container py-[4.5rem] md:pt-24 lg:pt-0 xl:pt-0 xl:pb-[7rem] lg:pb-[7rem] md:pb-[7rem] !relative" style="z-index: 2;">
<div class="flex flex-wrap mx-[-15px]">
<div class="xl:w-11/12 xxl:w-10/12 w-full flex-[0_0_auto] !px-[15px] max-w-full !mx-auto">
<div class="!relative !mb-12">
<img src="{{ asset('assets/img/svg/doodle7.svg') }}" class="h-7 absolute hidden xl:block lg:block" style="top: -90%; right: -3%" alt="" loading="lazy">
<img src="{{ asset('assets/img/svg/doodle8.svg') }}" class="!h-[4.5rem] absolute hidden xl:block lg:block" style="top: -20%; left: -12%" alt="" loading="lazy">
<h2 class="!text-[0.8rem] uppercase !text-[#aab0bc] !mb-3 !text-center !leading-[1.35]">{!! t('Sık Sorulan Sorular') !!}</h2>
<h3 class="!text-[calc(1.325rem_+_0.9vw)] font-bold !leading-[1.2] xl:!text-[2rem] !mb-0 lg:!px-8 xl:!px-12 !text-center">
{!! t('Uygulama geliştirme hakkında') !!} <span class="text-gradient gradient-7">{!! t('merak ettikleriniz') !!}</span>
</h3>
</div>
<div class="flex flex-wrap mx-[-15px]">
<div class="xl:w-6/12 lg:w-6/12 w-full flex-[0_0_auto] !px-[15px] max-w-full !mb-0">
<div id="accordion-app-dev-1" class="accordion-wrapper">
@foreach(array_slice($faqs, 0, 3) as $index => $faq)
<div class="card accordion-item !mb-5 !shadow-[0_0.25rem_1.75rem_rgba(30,34,40,0.07)]">
<div class="card-header !mb-0 !p-[.9rem_1.3rem_.85rem] !border-0 !rounded-[0.4rem] !bg-inherit" id="accordion-heading-ad-1-{{ $index }}">
<button class="!text-[#343f52] !text-[0.9rem] hover:!text-[#e31e24] before:!text-[#e31e24] collapsed" data-bs-toggle="collapse" data-bs-target="#accordion-collapse-ad-1-{{ $index }}" aria-expanded="false" aria-controls="accordion-collapse-ad-1-{{ $index }}">
{!! t($faq['question']) !!}
</button>
</div>
<div id="accordion-collapse-ad-1-{{ $index }}" class="collapse" aria-labelledby="accordion-heading-ad-1-{{ $index }}" data-bs-target="#accordion-app-dev-1">
<div class="card-body flex-[1_1_auto] p-[0_1.25rem_.25rem_2.35rem]">
<p>{!! t($faq['answer']) !!}</p>
</div>
</div>
</div>
@endforeach
</div>
</div>
<div class="xl:w-6/12 lg:w-6/12 w-full flex-[0_0_auto] !px-[15px] max-w-full">
<div id="accordion-app-dev-2" class="accordion-wrapper">
@foreach(array_slice($faqs, 3, 3) as $index => $faq)
<div class="card accordion-item !mb-5 !shadow-[0_0.25rem_1.75rem_rgba(30,34,40,0.07)]">
<div class="card-header !mb-0 !p-[.9rem_1.3rem_.85rem] !border-0 !rounded-[0.4rem] !bg-inherit" id="accordion-heading-ad-2-{{ $index }}">
<button class="!text-[#343f52] !text-[0.9rem] hover:!text-[#e31e24] before:!text-[#e31e24] collapsed" data-bs-toggle="collapse" data-bs-target="#accordion-collapse-ad-2-{{ $index }}" aria-expanded="false" aria-controls="accordion-collapse-ad-2-{{ $index }}">
{!! t($faq['question']) !!}
</button>
</div>
<div id="accordion-collapse-ad-2-{{ $index }}" class="collapse" aria-labelledby="accordion-heading-ad-2-{{ $index }}" data-bs-target="#accordion-app-dev-2">
<div class="card-body flex-[1_1_auto] p-[0_1.25rem_.25rem_2.35rem]">
<p>{!! t($faq['answer']) !!}</p>
</div>
</div>
</div>
@endforeach
</div>
</div>
</div>
</div>
</div>
</div>
</section>
{{-- Why Choose Trunçgil Teknoloji --}}
<section class="wrapper !bg-[#ffffff] app-dev-section">
<div class="container py-24 xl:!py-[8rem] lg:!py-[8rem] md:!py-[8rem]">
<div class="flex flex-wrap mx-[-15px] !text-center">
<div class="md:w-11/12 lg:w-9/12 xl:w-8/12 xxl:w-7/12 w-full flex-[0_0_auto] !px-[15px] max-w-full !mx-auto !relative">
<img src="{{ asset('assets/img/svg/doodle3.svg') }}" class="!h-[3rem] absolute hidden xl:block lg:block" style="top: -20%; right: -12%" alt="" loading="lazy">
<img src="{{ asset('assets/img/svg/doodle9.svg') }}" class="!h-[7rem] absolute hidden xl:block lg:block" style="bottom: 5%; left: -17%" alt="" loading="lazy">
<h2 class="!text-[0.8rem] uppercase !text-[#aab0bc] !mb-3 !text-center !leading-[1.35]">{!! t('Neden Trunçgil Teknoloji?') !!}</h2>
<h3 class="!text-[calc(1.325rem_+_0.9vw)] font-bold !leading-[1.2] xl:!text-[2rem] !mb-14 !text-center">
{!! t('Google Play ve App Store\'da başarılı olmanız için') !!} <span class="text-gradient gradient-7">{!! t('6 güçlü neden') !!}</span>
</h3>
</div>
</div>
<div class="flex-wrap mx-[-15px] flex items-start !mb-36">
<div class="xl:w-6/12 lg:w-6/12 w-full flex-[0_0_auto] !px-[15px] max-w-full xl:!sticky lg:!sticky" style="top: 8rem;">
<figure class="m-0 p-0">
<img class="w-full max-w-full !h-auto" src="{{ asset('assets/img/photos/devices5.webp') }}" alt="{!! t('Trunçgil Teknoloji mobil uygulamalar') !!}" loading="lazy">
</figure>
</div>
<div class="xl:w-5/12 lg:w-5/12 w-full flex-[0_0_auto] !px-[15px] max-w-full !ml-auto">
@foreach($whyChoose as $item)
<div class="flex flex-row !mb-8">
<div>
<div class="svg-bg svg-bg-lg !rounded-[0.8rem] !mr-5 flex items-center justify-center" style="background-color: {{ $item['bg'] }};">
<i class="uil {{ $item['icon'] }} !text-[1.75rem] text-[#343f52]"></i>
</div>
</div>
<div>
<h4 class="!text-[1rem]">{!! t($item['title']) !!}</h4>
<p>{!! t($item['description']) !!}</p>
</div>
</div>
@endforeach
</div>
</div>
{{-- Testimonials --}}
<div class="flex flex-wrap mx-[-15px]">
<div class="md:w-11/12 lg:w-10/12 xl:w-9/12 xxl:w-8/12 w-full flex-[0_0_auto] !px-[15px] max-w-full !mx-auto !text-center !relative">
<img src="{{ asset('assets/img/svg/doodle1.svg') }}" class="h-9 !absolute hidden xl:block lg:block" style="top: 2%; left: 9%" alt="" loading="lazy">
<img src="{{ asset('assets/img/svg/doodle10.svg') }}" class="h-7 absolute hidden xl:block lg:block" style="top: -45%; left: -17%" alt="" loading="lazy">
<img src="{{ asset('assets/img/svg/doodle11.svg') }}" class="!h-[4rem] absolute hidden xl:block lg:block" style="top: -40%; right: -15%" alt="" loading="lazy">
<h2 class="!text-[0.8rem] !tracking-[0.02rem] uppercase !text-[#aab0bc] !mb-3 !leading-[1.35]">{!! t('Mutlu Müşteriler') !!}</h2>
<h3 class="!text-[calc(1.325rem_+_0.9vw)] font-bold !leading-[1.2] xl:!text-[2rem] !mb-12 xl:!px-10 xxl:!px-16">
{!! t('Trunçgil Teknoloji ile çalışan müşterilerimizin') !!} <span class="text-gradient gradient-7">{!! t('deneyimleri') !!}</span>
</h3>
</div>
</div>
<div class="itemgrid !mb-14">
<div class="flex flex-wrap mx-[-15px] isotope !mt-[-30px]">
@foreach($testimonials as $testimonial)
<div class="item md:w-6/12 lg:w-6/12 xl:w-4/12 w-full flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
<div class="card !shadow-none !rounded-[0.8rem]" style="background-color: {{ $testimonial['bg'] }};">
<div class="card-body flex-[1_1_auto] p-[40px]">
<blockquote class="!text-[0.85rem] !leading-[1.7] !font-normal !pl-4 icon !mb-0 relative p-0 border-0 before:content-['\201d'] before:absolute before:top-[-1.5rem] before:left-[-0.9rem] before:text-[rgba(52,63,82,0.05)] before:text-[10rem] before:leading-none before:z-[1]">
<p>{!! t($testimonial['quote']) !!}</p>
<div class="flex items-center text-left">
<div class="info !pl-0">
<h5 class="!mb-1 text-[.9rem] !leading-[1.5]">{!! e($testimonial['name']) !!}</h5>
<p class="!mb-0 text-[.8rem]">{!! t($testimonial['role']) !!}</p>
</div>
</div>
</blockquote>
</div>
</div>
</div>
@endforeach
</div>
</div>
</div>
</section>
{{-- Bottom CTA --}}
<section class="wrapper image-wrapper bg-full bg-image bg-overlay bg-overlay-light-600 [background-size:100%] bg-[center_center] bg-no-repeat bg-scroll 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(255,255,255,.6)]" data-image-src="{{ asset('assets/img/photos/bg23.webp') }}">
<div class="overflow-hidden" style="z-index:1;">
<div class="divider divider-alt !text-[#fefefe] mx-[-0.5rem]">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 100">
<g fill="currentColor">
<polygon points="1440 100 0 15 0 0 1440 0 1440 100" />
</g>
</svg>
</div>
</div>
<div class="container pt-10 xl:pt-10 lg:pt-10 md:pt-16 pb-8 xl:pb-10 lg:pb-10 md:pb-10 text-center xl:text-left lg:text-left">
<div class="flex flex-wrap mx-0 !mt-[-50px]">
<div class="md:w-10/12 md:!ml-[8.33333333%] lg:!ml-0 lg:w-6/12 xl:!ml-0 xl:w-5/12 w-full flex-[0_0_auto] max-w-full !relative !mt-[50px]">
<img src="{{ asset('assets/img/svg/doodle2.svg') }}" class="!h-[5rem] !absolute hidden xl:block lg:block" style="bottom: 36%; right: -25%" alt="" loading="lazy">
<img src="{{ asset('assets/img/svg/doodle6.svg') }}" class="!h-[4.5rem] !absolute hidden xl:block lg:block" style="top: -20%; left: -25%" alt="" loading="lazy">
<h2 class="!text-[calc(1.325rem_+_0.9vw)] font-semibold !leading-[1.2] xl:!text-[2rem] !mb-4">
{!! t('Uygulamanızı Google Play ve App Store\'da') !!} <span class="text-gradient gradient-7">{!! t('hayata geçirelim.') !!}</span>
</h2>
<p class="lead !text-[1.2rem] !leading-[1.5] !font-normal !mb-7">
{!! t('Trunçgil Teknoloji ekibi, projenizi dinlemeye ve size özel bir yol haritası sunmaya hazır.') !!}
</p>
<div class="flex flex-wrap justify-center xl:!justify-start lg:!justify-start gap-3 items-center">
<a href="{{ $contactUrl }}" class="btn btn-lg btn-primary !rounded-[0.8rem] btn-icon btn-icon-end">
{!! t('Ücretsiz Danışmanlık Alın') !!}
<i class="uil uil-arrow-up-right !ml-[.3rem]"></i>
</a>
<div class="flex gap-2">
<img src="{{ asset('assets/img/photos/button-google-play.svg') }}" class="!h-[2.75rem] !rounded-[0.8rem] opacity-90" alt="Google Play" loading="lazy">
<img src="{{ asset('assets/img/photos/button-appstore.svg') }}" class="!h-[2.75rem] !rounded-[0.8rem] opacity-90" alt="App Store" loading="lazy">
</div>
</div>
</div>
<div class="xl:w-6/12 lg:w-6/12 w-full flex-[0_0_auto] max-w-full !ml-auto !mt-lg-n15 xl:!mt-[-10rem] lg:!mt-[-5rem] !mt-[50px]">
<figure class="m-0 p-0">
<img class="w-full max-w-full !h-auto" src="{{ asset('assets/img/photos/devices6.webp') }}" alt="{!! t('Trunçgil Teknoloji uygulama geliştirme') !!}" loading="lazy">
</figure>
</div>
</div>
</div>
</section>
@endsection