feat: add platform icons and badges for Android, iOS, Windows, macOS, Huawei, Meta Quest, and Web to enhance app development section

2026-05-22 07:30:13 +03:00
parent f0ab100b07
commit ead0077fde
9 changed files with 161 additions and 85 deletions
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" role="img" aria-hidden="true">
+  <path fill="#3DDC84" d="M17.6 9.48l1.84-3.18c.16-.28.04-.62-.28-.74-.32-.12-.66.06-.78.36l-1.92 3.32-1.93-3.34C14.5 5.48 14.16 5.3 13.84 5.42c-.32.12-.44.46-.28.74L15.4 9.5H8.6l1.84-3.18c.16-.28.04-.62-.28-.74-.32-.12-.66.06-.78.36L7.46 8.66 5.54 5.34C5.38 5.04 5.04 4.86 4.72 4.98c-.32.12-.44.46-.28.74L6.28 9.5H4.5c-.83 0-1.5.67-1.5 1.5v7c0 .83.67 1.5 1.5 1.5h1.5v2.25c0 .62.5 1.12 1.12 1.12.62 0 1.12-.5 1.12-1.12V18h7.52v2.25c0 .62.5 1.12 1.12 1.12.62 0 1.12-.5 1.12-1.12V18H19.5c.83 0 1.5-.67 1.5-1.5v-7c0-.83-.67-1.5-1.5-1.5h-1.9zM6.75 15.75c-.62 0-1.12-.5-1.12-1.12s.5-1.12 1.12-1.12 1.12.5 1.12 1.12-.5 1.12-1.12 1.12zm10.5 0c-.62 0-1.12-.5-1.12-1.12s.5-1.12 1.12-1.12 1.12.5 1.12 1.12-.5 1.12-1.12 1.12z"/>
+</svg>
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" role="img" aria-hidden="true">
+  <path fill="#CF0A2C" d="M12 4.5c1.2 0 2.2.7 2.7 1.7l3.1-1.8c.5-.3 1.1-.1 1.4.4s.1 1.1-.4 1.4l-3.1 1.8c.3.5.5 1.1.5 1.7s-.2 1.2-.5 1.7l3.1 1.8c.5.3.7.9.4 1.4s-.9.7-1.4.4l-3.1-1.8c-.5 1-1.5 1.7-2.7 1.7s-2.2-.7-2.7-1.7l-3.1 1.8c-.5.3-1.1.1-1.4-.4s-.1-1.1.4-1.4l3.1-1.8c-.3-.5-.5-1.1-.5-1.7s.2-1.2.5-1.7L5.3 6.8c-.5-.3-.7-.9-.4-1.4s.9-.7 1.4-.4l3.1 1.8c.5-1 1.5-1.7 2.7-1.7z"/>
+</svg>
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" role="img" aria-hidden="true">
+  <path fill="#000" d="M18.71 19.5c-.83 1.24-1.71 2.45-3.05 2.47-1.34.03-1.77-.79-3.29-.79-1.53 0-2 .77-3.27.82-1.31.05-2.3-1.32-3.14-2.53C4.25 17 2.94 12.45 4.7 9.39c.87-1.52 2.43-2.48 4.12-2.51 1.28-.02 2.5.87 3.29.87.78 0 2.26-1.07 3.8-.91.65.03 2.47.26 3.64 1.98-.09.06-2.17 1.28-2.15 3.81.03 3.02 2.65 4.03 2.68 4.04-.03.07-.42 1.44-1.38 2.83M13 3.5c.73-.83 1.94-1.46 2.94-1.5.13 1.17-.34 2.35-1.04 3.19-.69.85-1.83 1.51-2.95 1.42-.15-1.15.41-2.35 1.05-3.11z"/>
+</svg>
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" role="img" aria-hidden="true">
+  <path fill="#333" d="M18.71 19.5c-.83 1.24-1.71 2.45-3.05 2.47-1.34.03-1.77-.79-3.29-.79-1.53 0-2 .77-3.27.82-1.31.05-2.3-1.32-3.14-2.53C4.25 17 2.94 12.45 4.7 9.39c.87-1.52 2.43-2.48 4.12-2.51 1.28-.02 2.5.87 3.29.87.78 0 2.26-1.07 3.8-.91.65.03 2.47.26 3.64 1.98-.09.06-2.17 1.28-2.15 3.81.03 3.02 2.65 4.03 2.68 4.04-.03.07-.42 1.44-1.38 2.83M13 3.5c.73-.83 1.94-1.46 2.94-1.5.13 1.17-.34 2.35-1.04 3.19-.69.85-1.83 1.51-2.95 1.42-.15-1.15.41-2.35 1.05-3.11z"/>
+</svg>
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" role="img" aria-hidden="true">
+  <path fill="#0081FB" d="M4 9.5A4.5 4.5 0 0 1 8.5 5h7A4.5 4.5 0 0 1 20 9.5v4.75A3.75 3.75 0 0 1 16.25 18H14l-1.25 2h-1.5L10 18H7.75A3.75 3.75 0 0 1 4 14.25V9.5zm4.5-2A2.5 2.5 0 0 0 6 10v4.25c0 .97.78 1.75 1.75 1.75H9.4l1.1 1.75h2l1.1-1.75h1.65c.97 0 1.75-.78 1.75-1.75V10a2.5 2.5 0 0 0-2.5-2.5h-7z"/>
+  <circle cx="8.25" cy="11.5" r="1.25" fill="#fff"/>
+  <circle cx="15.75" cy="11.5" r="1.25" fill="#fff"/>
+</svg>
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" role="img" aria-hidden="true">
+  <circle cx="12" cy="12" r="9" fill="none" stroke="#343f52" stroke-width="1.5"/>
+  <ellipse cx="12" cy="12" rx="4" ry="9" fill="none" stroke="#343f52" stroke-width="1.5"/>
+  <path fill="none" stroke="#343f52" stroke-width="1.5" d="M3 12h18M4.5 7.5h15M4.5 16.5h15"/>
+</svg>
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" role="img" aria-hidden="true">
+  <path fill="#00A4EF" d="M3 12.5 10.5 11.1V3.5H3v9z"/>
+  <path fill="#7FBA00" d="M12.5 11.1 21 9.5V3.5h-8.5v7.6z"/>
+  <path fill="#FFB900" d="M3 20.5h7.5v-6.4L3 12.7v7.8z"/>
+  <path fill="#F25022" d="M12.5 14.1V20.5H21v-6.4l-8.5 1.5z"/>
+</svg>
@@ -0,0 +1,20 @@
+@props([
+    'platforms' => [],
+])
+
+<div {{ $attributes->class(['app-dev-platforms']) }}>
+    @foreach($platforms as $platform)
+    <span class="app-dev-platform-pill" title="{{ t($platform['name']) }}">
+        <img
+            src="{{ asset('assets/img/platforms/' . $platform['logo']) }}"
+            class="app-dev-platform-icon"
+            alt=""
+            width="28"
+            height="28"
+            loading="lazy"
+            decoding="async"
+        >
+        <span class="app-dev-platform-label">{!! t($platform['label'] ?? $platform['name']) !!}</span>
+    </span>
+    @endforeach
+</div>
@@ -25,6 +25,8 @@
    .uil-chart-line:before { content: "\e9d3"; }
    .uil-headphones-alt:before { content: "\eb5f"; }
    .uil-arrow-up-right:before { content: "\e950"; }
+    .uil-windows:before { content: "\eda9"; }
+    .uil-cube:before { content: "\e9b8"; }

    .svg-bg i[class*="uil-"],
    .svg-bg i[class*="uil-"]:before {
@@ -32,36 +34,57 @@
        line-height: 1;
    }

-    /* Mağaza rozetleri: yan yana, aynı yükseklik */
-    .app-dev-store-badges {
-        display: inline-flex;
+    /* Desteklenen platform rozetleri */
+    .app-dev-platforms {
+        display: flex;
        flex-wrap: nowrap;
-        align-items: center;
-        gap: 0.625rem;
+        align-items: stretch;
+        justify-content: center;
+        gap: 0.5rem;
        max-width: 100%;
+        overflow-x: auto;
+        padding-bottom: 0.15rem;
+        -webkit-overflow-scrolling: touch;
+        scrollbar-width: none;
    }
-    .app-dev-store-badge {
+    .app-dev-platforms::-webkit-scrollbar {
+        display: none;
+    }
+    @media (min-width: 992px) {
+        .app-dev-platforms {
+            justify-content: flex-start;
+            flex-wrap: wrap;
+            overflow-x: visible;
+        }
+    }
+    .app-dev-platform-pill {
+        display: inline-flex;
+        flex-direction: column;
+        align-items: center;
+        justify-content: center;
+        flex: 0 0 4.75rem;
+        width: 4.75rem;
+        min-height: 4.75rem;
+        padding: 0.5rem 0.35rem;
+        gap: 0.35rem;
+        color: #343f52;
+        background: rgba(255, 255, 255, 0.92);
+        border: 1px solid rgba(52, 63, 82, 0.1);
+        border-radius: 0.65rem;
+        text-align: center;
+    }
+    .app-dev-platform-icon {
        display: block;
-        height: 2.75rem;
-        width: auto;
-        max-width: none;
+        width: 1.75rem;
+        height: 1.75rem;
+        object-fit: contain;
        flex-shrink: 0;
    }
-    @media (min-width: 576px) {
-        .app-dev-store-badge {
-            height: 3.25rem;
-        }
-        .app-dev-store-badges {
-            gap: 0.75rem;
-        }
-    }
-    @media (min-width: 1280px) {
-        .app-dev-store-badge {
-            height: 3.75rem;
-        }
-        .app-dev-store-badges {
-            gap: 1rem;
-        }
+    .app-dev-platform-label {
+        font-size: 0.62rem;
+        font-weight: 600;
+        line-height: 1.15;
+        max-width: 100%;
    }
 </style>
@endpush
@@ -74,33 +97,43 @@
        '#f0eaf6', '#feece9', '#e0e9fa', '#eaf3ef',
    ];

+    $platforms = [
+        ['name' => 'Android', 'label' => 'Android', 'logo' => 'android.svg'],
+        ['name' => 'iOS', 'label' => 'iOS', 'logo' => 'ios.svg'],
+        ['name' => 'Windows', 'label' => 'Windows', 'logo' => 'windows.svg'],
+        ['name' => 'macOS', 'label' => 'macOS', 'logo' => 'macos.svg'],
+        ['name' => 'Huawei AppGallery', 'label' => 'Huawei', 'logo' => 'huawei.svg'],
+        ['name' => 'Meta Quest', 'label' => 'Quest', 'logo' => 'meta-quest.svg'],
+        ['name' => 'Web', 'label' => 'Web', 'logo' => 'web.svg'],
+    ];
+
    $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-mobile-android', 'title' => 'Mobil (Android & iOS)'],
+        ['icon' => 'uil-windows', 'title' => 'Masaüstü (Windows & macOS)'],
+        ['icon' => 'uil-store', 'title' => 'Huawei AppGallery'],
+        ['icon' => 'uil-cube', 'title' => 'VR (Meta Quest)'],
        ['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'],
+        ['icon' => 'uil-rocket', 'title' => 'Yayın ve Dağıtım'],
    ];

    $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.',
+            'description' => 'Trunçgil Teknoloji ekibi, hedef kitlenizi, iş hedeflerinizi ve hangi platformlarda (mobil, masaüstü, VR, web) yayınlanacağınızı 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.',
+            'description' => 'Her platformun arayüz standartlarına uygun tasarımlar ve tıklanabilir prototiplerle Android, iOS, Windows, macOS ve VR deneyimleri tutarlı şekilde 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.',
+            'description' => 'Seçilen platformlarda titiz kodlama, otomatik testler ve gerçek cihazlarda QA ile uygulamanız performanslı ve 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.',
+            'title' => 'Yayın ve Sürekli Destek',
+            'description' => 'Google Play, App Store, Microsoft Store, Huawei AppGallery, Meta Quest Store ve kurumsal dağıtım süreçlerini yönetir; yayın sonrası izleme ve bakım sunarız.',
        ],
    ];

@@ -108,101 +141,101 @@
        [
            '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.',
+            'title' => 'Çoklu Platform Uzmanlığı',
+            'description' => 'Trunçgil Teknoloji; mobil, masaüstü, VR ve web için Kotlin, Swift, Flutter, .NET ve Unity tabanlı çözümlerle tek ekipten uçtan uca geliştirme sunar.',
+        ],
+        [
+            'icon' => 'uil-windows',
+            'bg' => '#e1f6f0',
+            'title' => 'Windows ve macOS Uygulamaları',
+            'description' => 'WinUI, WPF, Electron ve native macOS uygulamalarıyla kurumsal masaüstü yazılımlarınızı güvenli ve ölçeklenebilir şekilde hayata geçiririz.',
        ],
        [
            '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.',
+            'bg' => '#f8e7ec',
+            'title' => 'Mağaza ve Dağıtım Deneyimi',
+            'description' => 'Google Play, App Store, Microsoft Store, Huawei AppGallery ve Meta Quest Store yayın süreçlerinde politika uyumu ve inceleme hazırlığı sağları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-cube',
+            'bg' => '#fef3e4',
+            'title' => 'Meta Quest ve VR Geliştirme',
+            'description' => 'Eğitim, simülasyon ve etkileşimli deneyimler için Meta Quest platformunda performanslı VR uygulamaları geliştiriyoruz.',
        ],
        [
            '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.',
+            'title' => 'Kapsamlı Test Süreci',
+            'description' => 'Birim testleri, entegrasyon testleri ve hedef platformlarda manuel QA ile uygulamanızı yayına hazır hale getiriyoruz.',
        ],
        [
            '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.',
+            'description' => 'Yayın sonrası hata düzeltmeleri, işletim sistemi güncellemelerine uyum ve yeni platform sürümleri 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.',
+            'answer' => 'Android, iOS, Windows, macOS, Huawei AppGallery, Meta Quest (VR) ve web uygulamaları geliştiriyoruz. Native, cross-platform (Flutter) ve masaüstü teknolojileriyle projenize uygun mimariyi birlikte seçiyoruz.',
        ],
        [
-            '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' => 'Mağaza ve dağıtım süreçlerini siz mi yönetiyorsunuz?',
+            'answer' => 'Evet. Google Play Console, App Store Connect, Microsoft Store, Huawei AppGallery ve Meta Quest Store hesap kurulumu, store listing, imzalama ve politika uyumluluk kontrollerini sizin adınıza yürütüyoruz.',
        ],
        [
-            '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' => 'Windows veya macOS masaüstü uygulaması geliştirebilir misiniz?',
+            'answer' => 'Evet. Kurumsal araçlar, yönetim panelleri ve son kullanıcı masaüstü yazılımları için Windows ve macOS native veya hibrit çözümler sunuyoruz; kurumsal dağıtım (MSI, PKG) desteği de sağlanır.',
        ],
        [
            '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.',
+            'answer' => 'Platform sayısı ve kapsama göre değişmekle birlikte, orta ölçekli tek platformlu bir proje genellikle 8–16 hafta sürer. Çoklu platform projelerinde keşif aşamasında 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' => 'Mevcut uygulamamı yeniden yazabilir veya yeni platforma taşıyabilir misiniz?',
+            'answer' => 'Kesinlikle. Legacy kod modernizasyonu, mobilden masaüstüne genişletme, VR sürümü ekleme ve tüm mağaza güncellemeleri konularında kapsamlı destek sağlıyoruz.',
        ],
        [
            '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.',
+            'answer' => 'Evet. Trunçgil Teknoloji, tüm platformlarda yayın sonrası hata takibi, güvenlik yamaları, OS güncellemelerine uyum ve periyodik özellik geliştirmeleri 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.',
+            'quote' => 'Mobil uygulamamızı Google Play ve App Gallery\'ye sorunsuz taşıdılar. Çoklu mağaza 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ı.',
+            'quote' => 'Windows ve macOS sürümlerini mobil uygulamayla aynı tasarım dilinde teslim ettiler. Kurumsal dağıtım paketleri sorunsuz çalışıyor.',
            '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.',
+            'quote' => 'Android, iOS ve Meta Quest sürümlerini koordineli şekilde yayınladık. Trunçgil Teknoloji ekibi proje boyunca şeffaf iletişim kurdu.',
            '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.',
+            'quote' => 'Yayın sonrası destek sayesinde uygulamamız her yeni işletim sistemi 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ı.',
+            'quote' => 'Kurumsal uygulamamızın güvenlik gereksinimlerini tüm platformlarda mükemmel karşıladılar. MDM ve mağaza dağıtımı eksiksiz 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.',
+            'quote' => 'Prototipten çoklu platform yayınına kadar tüm süreçte yanımızdaydılar. Kullanıcılarımız her cihazda tutarlı bir deneyim yaşıyor.',
            'name' => 'Zeynep Aydın',
            'role' => 'Pazarlama Müdürü',
            'bg' => '#fff8ee',
@@ -220,23 +253,20 @@
                <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.') !!}
+                    {!! t('Tüm platformlarda') !!} <span class="text-gradient gradient-7">{!! t('güç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.') !!}
+                    {!! t('Trunçgil Teknoloji olarak Android, iOS, Windows, macOS, Huawei AppGallery, Meta Quest ve web için uygulamalarınızı fikirden yayına kadar hayata geçiriyoruz.') !!}
                </p>
                <div class="flex justify-center lg:!justify-start xl:!justify-start" data-cues="slideInDown" data-group="page-title-buttons" data-delay="1800">
-                    <div class="app-dev-store-badges">
-                        <img src="{{ asset('assets/img/photos/button-google-play.svg') }}" class="app-dev-store-badge !rounded-[0.8rem]" alt="Google Play" loading="lazy" decoding="async">
-                        <img src="{{ asset('assets/img/photos/button-appstore.svg') }}" class="app-dev-store-badge !rounded-[0.8rem]" alt="App Store" loading="lazy" decoding="async">
-                    </div>
+                    <x-front.platform-badges :platforms="$platforms" />
                </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">
                    <picture>
                        <source srcset="{{ asset('assets/img/photos/truncgil-mobile-app.webp') }}" type="image/webp">
-                        <img class="w-full max-w-full !h-auto" src="{{ asset('assets/img/photos/truncgil-mobile-app.png') }}" alt="{!! t('Trunçgil Teknoloji mobil uygulama geliştirme') !!}" width="735" height="735" fetchpriority="high" decoding="async">
+                        <img class="w-full max-w-full !h-auto" src="{{ asset('assets/img/photos/truncgil-mobile-app.png') }}" alt="{!! t('Trunçgil Teknoloji çoklu platform uygulama geliştirme') !!}" width="735" height="735" fetchpriority="high" decoding="async">
                    </picture>
                </figure>
            </div>
@@ -262,7 +292,7 @@
                <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-[#74788d] !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.') !!}
+                    {!! t('Trunçgil Teknoloji, uygulamanızı tüm hedef platformlara hazır hale getirmek için') !!} <span class="text-gradient gradient-7">{!! t('her detayı') !!}</span> {!! t('düşünür.') !!}
                </h3>
            </div>
        </div>
@@ -289,7 +319,7 @@
                <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-[#74788d] !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.') !!}
+                    {!! t('Trunçgil Teknoloji ile fikirden yayına') !!} <span class="text-gradient gradient-7">{!! t('dört adımda') !!}</span> {!! t('ilerleyin.') !!}
                </h3>
            </div>
        </div>
@@ -395,7 +425,7 @@
                <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-[#74788d] !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>
+                    {!! t('Tüm platformlarda başarılı olmanız için') !!} <span class="text-gradient gradient-7">{!! t('6 güçlü neden') !!}</span>
                </h3>
            </div>
        </div>
@@ -405,7 +435,7 @@
                <figure class="m-0 p-0">
                    <picture>
                        <source srcset="{{ asset('assets/img/photos/devices5.webp') }}" type="image/webp">
-                        <img class="w-full max-w-full !h-auto" src="{{ asset('assets/img/photos/devices5.png') }}" alt="{!! t('Trunçgil Teknoloji mobil uygulamalar') !!}" width="630" height="795" loading="lazy" decoding="async">
+                        <img class="w-full max-w-full !h-auto" src="{{ asset('assets/img/photos/devices5.png') }}" alt="{!! t('Trunçgil Teknoloji çoklu platform uygulamalar') !!}" width="630" height="795" loading="lazy" decoding="async">
                    </picture>
                </figure>
            </div>
@@ -480,16 +510,14 @@
                <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>
+                    {!! t('Uygulamanızı tüm platformlarda') !!} <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.') !!}
+                    {!! t('Trunçgil Teknoloji ekibi, Android\'den Meta Quest\'e kadar projenizi dinlemeye ve size özel bir yol haritası sunmaya hazır.') !!}
                </p>
-                <div class="flex justify-center xl:!justify-start lg:!justify-start">
-                    <div class="app-dev-store-badges">
-                        <img src="{{ asset('assets/img/photos/button-google-play.svg') }}" class="app-dev-store-badge !rounded-[0.8rem]" alt="Google Play" loading="lazy" decoding="async">
-                        <img src="{{ asset('assets/img/photos/button-appstore.svg') }}" class="app-dev-store-badge !rounded-[0.8rem]" alt="App Store" loading="lazy" decoding="async">
-                    </div>
+                <div class="flex flex-wrap justify-center xl:!justify-start lg:!justify-start gap-3 items-center">
+                    <x-front.platform-badges :platforms="$platforms" class="!justify-center xl:!justify-start lg:!justify-start" />
+                    <a href="{{ $contactUrl }}" class="btn btn-gradient gradient-7 !rounded-[0.8rem] !px-6">{!! t('Projenizi Konuşalım') !!}</a>
                </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]">