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

feat: update web development service page with tech stack expansion and responsive grid layout

Browse Source
This commit is contained in:
Ümit Tunç
2026-05-23 17:50:52 +03:00
parent d1c2ccd985
commit fed91996fc
2 changed files with 432 additions and 66 deletions
Download Patch File Download Diff File Expand all files Collapse all files
database/data/web_development_translations.php
+84
View File
@@ -928,5 +928,89 @@ return [
'ar' => 'بالتأكيد. ننقل بنيات الويب التحتية القديمة أو البطيئة لديك إلى تقنيات الواجهة الخلفية الحديثة (Django, Node.js, Laravel) والواجهة الأمامية (React, Vue)، مما يضمن الانتقال دون فقدان أي بيانات.',
'ru' => 'Безусловно. Мы переносим ваши устаревшие или замедляющиеся веб-инфраструктуры на современные технологии бэкенда (Django, Node.js, Laravel) и фронтенда (React, Vue), гарантируя переход без потери баз данных.',
),
'Frontend & Arayüz' => array (
'en' => 'Frontend & UI',
'de' => 'Frontend & Benutzeroberfläche',
'se' => 'Frontend & Användargränssnitt',
'ar' => 'الواجهة الأمامية وواجهة المستخدم',
'ru' => 'Фронтенд и интерфейс',
),
'Kullanıcı dostu, hızlı ve etkileyici kullanıcı deneyimleri (UX/UI).' => array (
'en' => 'User-friendly, fast and impressive user experiences (UX/UI).',
'de' => 'Benutzerfreundliche, schnelle und beeindruckende Benutzererfahrungen (UX/UI).',
'se' => 'Användarvänliga, snabba och imponerande användarupplevelser (UX/UI).',
'ar' => 'تجارب مستخدم سهلة الاستخدام وسريعة ومثيرة للإعجاب (UX/UI).',
'ru' => 'Удобные, быстрые и впечатляющие пользовательские интерфейсы (UX/UI).',
),
'Backend & Bulut Altyapısı' => array (
'en' => 'Backend & Cloud Infrastructure',
'de' => 'Backend & Cloud-Infrastruktur',
'se' => 'Backend & Molninfrastruktur',
'ar' => 'الواجهة الخلفية والبنية التحتية السحابية',
'ru' => 'Бэкенд и облачная инфраструктура',
),
'Güvenli sunucu sistemleri, konteynerleştirme ve DevOps süreçleri.' => array (
'en' => 'Secure server systems, containerization and DevOps processes.',
'de' => 'Sichere Server-Systeme, Containerisierung und DevOps-Prozesse.',
'se' => 'Säkra serversystem, containerisering och DevOps-processer.',
'ar' => 'أنظمة خادم آمنة، وحاويات وعمليات DevOps.',
'ru' => 'Безопасные серверные системы, контейнеризация и процессы DevOps.',
),
'Mobil & Hibrit' => array (
'en' => 'Mobile & Hybrid',
'de' => 'Mobil & Hybrid',
'se' => 'Mobil & Hybrid',
'ar' => 'المحمول والهجين',
'ru' => 'Мобильная и гибридная разработка',
),
'Tüm mobil cihazlar ve işletim sistemleri için uyumlu yerel çözümler.' => array (
'en' => 'Compatible native solutions for all mobile devices and operating systems.',
'de' => 'Kompatible native Lösungen für alle mobilen Geräte und Betriebssysteme.',
'se' => 'Kompatibla inbyggda lösningar för alla mobila enheter och operativsystem.',
'ar' => 'حلول أصلية متوافقة لجميع الأجهزة المحمولة وأنظمة التشغيل.',
'ru' => 'Совместимые нативные решения для всех мобильных устройств и операционных систем.',
),
'Yapay Zeka Entegrasyonları' => array (
'en' => 'AI Integrations',
'de' => 'KI-Integrationen',
'se' => 'AI-integrationer',
'ar' => 'تكاملات الذكاء الاصطناعي',
'ru' => 'Интеграция искусственного интеллекта',
),
'API tabanlı akıllı asistanlar ve doğal dil işleme sistemleri.' => array (
'en' => 'API-based smart assistants and natural language processing systems.',
'de' => 'API-basierte intelligente Assistenten und Systeme zur Verarbeitung natürlicher Sprache.',
'se' => 'API-baserade smarta assistenter och system för naturlig språkbehandling.',
'ar' => 'مساعدون أذكياء يعتمدون على واجهة برمجة التطبيقات وأنظمة معالجة اللغة الطبيعية.',
'ru' => 'Интеллектуальные помощники на базе API и системы обработки естественного языка.',
),
'UI/UX & Tasarım Araçları' => array (
'en' => 'UI/UX & Design Tools',
'de' => 'UI/UX & Design-Tools',
'se' => 'UI/UX & Designverktyg',
'ar' => 'أدوات التصميم وتجربة المستخدم/واجهة المستخدم',
'ru' => 'Инструменты UI/UX и дизайна',
),
'Kullanıcı odaklı modern arayüz tasarımları ve görsel varlıklar.' => array (
'en' => 'User-oriented modern interface designs and visual assets.',
'de' => 'Benutzerorientierte moderne Interface-Designs und visuelle Assets.',
'se' => 'Användarorienterad modern gränssnittsdesign och visuella tillgångar.',
'ar' => 'تصميمات واجهة حديثة موجهة نحو المستخدم والأصول المرئية.',
'ru' => 'Ориентированный на пользователя современный дизайн интерфейсов и визуальные ресурсы.',
),
'Generative AI & Deep Learning' => array (
'en' => 'Generative AI & Deep Learning',
'de' => 'Generative KI & Deep Learning',
'se' => 'Generativ AI & Djupinlärning',
'ar' => 'الذكاء الاصطناعي التوليدي والتعلم العميق',
'ru' => 'Генеративный ИИ и глубокое обучение',
),
'Özel yapay zeka modelleri, makine öğrenmesi ve veri analitiği.' => array (
'en' => 'Custom AI models, machine learning and data analytics.',
'de' => 'Maßgeschneiderte KI-Modelle, maschinelles Lernen und Datenanalytik.',
'se' => 'Anpassade AI-modeller, maskininlärning och dataanalys.',
'ar' => 'نماذج الذكاء الاصطناعي المخصصة، والتعلم الآلي وتحليلات البيانات.',
'ru' => 'Пользовательские модели ИИ, машинное обучение и аналитика данных.',
),
),
];
resources/views/templates/services/web-development.blade.php
+348 -66
View File
@@ -241,8 +241,44 @@
.web-dev-illustration--platforms {
max-width: 36rem;
}
.web-dev-illustration--cta {
max-width: 32rem;
.tech-tabs-grid {
display: grid !important;
grid-template-columns: repeat(1, 1fr) !important;
gap: 1.5rem !important;
border: 0 !important;
padding: 0 !important;
background: transparent !important;
box-shadow: none !important;
}
@media (min-width: 768px) {
.tech-tabs-grid {
grid-template-columns: repeat(2, 1fr) !important;
}
}
@media (min-width: 1200px) {
.tech-tabs-grid {
grid-template-columns: repeat(3, 1fr) !important;
}
}
.tech-tabs-grid .nav-item {
margin-bottom: 0 !important;
}
.tech-tabs-grid .nav-link {
border-radius: 0.8rem !important;
background: #ffffff !important;
box-shadow: 0 0.25rem 1.75rem rgba(30, 34, 40, 0.05) !important;
border: 1px solid rgba(116, 126, 209, 0.08) !important;
padding: 1.25rem !important;
transition: all 0.3s ease !important;
}
.tech-tabs-grid .nav-link:hover {
transform: translateY(-3px) !important;
box-shadow: 0 0.5rem 2rem rgba(116, 126, 209, 0.12) !important;
}
.tech-tabs-grid .nav-link.active {
background: #f0f2fd !important;
border-color: #747ed1 !important;
box-shadow: 0 0.5rem 2rem rgba(116, 126, 209, 0.15) !important;
}
</style>
@endpush
@@ -260,25 +296,37 @@
'title' => 'Frontend & Arayüz',
'cat_logo' => 'reactjs.svg',
'desc' => 'Kullanıcı dostu, hızlı ve etkileyici kullanıcı deneyimleri (UX/UI).',
'items' => ['HTML5', 'CSS3', 'JavaScript', 'React.js', 'Vue.js', 'Angular.js', 'Next.js', 'Svelte.js', 'Three.js (3D)', 'PWA']
'items' => ['HTML5', 'CSS3', 'JavaScript', 'TypeScript', 'React.js', 'Vue.js', 'Angular.js', 'Next.js', 'Nuxt.js', 'Svelte.js', 'Three.js (3D)', 'Tailwind CSS', 'Bootstrap', 'Sass', 'Astro', 'WebAssembly']
],
'backend' => [
'title' => 'Backend & Sunucu',
'title' => 'Backend & Bulut Altyapısı',
'cat_logo' => 'go.svg',
'desc' => 'Güvenli, hızlı, ölçeklenebilir ve yüksek performanslı arka plan mimarileri.',
'items' => ['Node.js', 'Django', 'Laravel', 'Go', 'Rust', '.NET']
'desc' => 'Güvenli sunucu sistemleri, konteynerleştirme ve DevOps süreçleri.',
'items' => ['Node.js', 'PHP', 'Laravel', 'Symfony', 'Python', 'Django', 'FastAPI', 'Go', 'Rust', '.NET', 'Ruby on Rails', 'Java', 'Spring', 'NestJS', 'Docker', 'Kubernetes', 'AWS', 'Google Cloud', 'Azure', 'Firebase', 'Supabase', 'PostgreSQL', 'MySQL', 'MongoDB', 'Redis', 'Git', 'GitHub', 'GitLab', 'Terraform', 'Cloudflare']
],
'mobile' => [
'title' => 'Mobil & Çoklu Platform',
'title' => 'Mobil & Hibrit',
'cat_logo' => 'flutter.svg',
'desc' => 'Tüm mobil cihazlar ve işletim sistemleri için uyumlu yerel çözümler.',
'items' => ['Android', 'Kotlin', 'Swift', 'Flutter']
'items' => ['Android', 'Kotlin', 'Swift', 'Flutter', 'Electron', 'Ionic', 'PWA']
],
'devops' => [
'title' => 'DevOps & Altyapı',
'cat_logo' => 'docker.svg',
'desc' => 'Kesintisiz entegrasyon, konteynerleştirme ve mikroservis yönetimi.',
'items' => ['Docker', 'Kubernetes', 'WebRTC']
'ai_integrations' => [
'title' => 'Yapay Zeka Entegrasyonları',
'cat_logo' => 'chatgpt.svg',
'desc' => 'API tabanlı akıllı asistanlar ve doğal dil işleme sistemleri.',
'items' => ['ChatGPT', 'Claude AI', 'DeepSeek', 'OpenAI']
],
'design_tools' => [
'title' => 'UI/UX & Tasarım Araçları',
'cat_logo' => 'figma.svg',
'desc' => 'Kullanıcı odaklı modern arayüz tasarımları ve görsel varlıklar.',
'items' => ['Figma', 'Canva', 'Adobe Photoshop']
],
'ai_models' => [
'title' => 'Generative AI & Deep Learning',
'cat_logo' => 'tensorflow.svg',
'desc' => 'Özel yapay zeka modelleri, makine öğrenmesi ve veri analitiği.',
'items' => ['TensorFlow', 'PyTorch']
]
];
@@ -286,127 +334,187 @@
[
'name' => 'HTML5',
'icon' => 'html5.svg',
'desc' => 'Arttırılmış anlamsal yapı ve tarayıcı yerleşik standartları.',
'desc' => 'Modern, anlamsal ve standart web yapısı.',
'bg' => '#E34F2612'
],
[
'name' => 'CSS3',
'icon' => 'css3.svg',
'desc' => 'Gelişmiş tasarım yetenekleri, animasyonlar ve responsive yapılar.',
'desc' => 'Görsel stil, responsive düzenler ve animasyonlar.',
'bg' => '#1572B612'
],
[
'name' => 'JavaScript',
'icon' => 'javascript.svg',
'desc' => 'Modern, hızlı ve dinamik etkileşim kurguları.',
'desc' => 'Dinamik, hızlı ve etkileşimli istemci tarafı mantığı.',
'bg' => '#F7DF1E12'
],
[
'name' => 'TypeScript',
'icon' => 'typescript.svg',
'desc' => 'Güvenli, statik tipli ve ölçeklenebilir JavaScript.',
'bg' => '#3178C612'
],
[
'name' => 'React.js',
'icon' => 'reactjs.svg',
'desc' => 'Zengin arayüzler ve yüksek performanslı tek sayfa uygulamaları.',
'desc' => 'Bileşen tabanlı yüksek performanslı arayüz kütüphanesi.',
'bg' => '#61DAFB12'
],
[
'name' => 'Vue.js',
'icon' => 'vuejs.svg',
'desc' => 'Hızlı, dinamik ve esnek kullanıcı deneyimi odaklı modern frontend.',
'desc' => 'Esnek, hızlı ve öğrenmesi kolay modern frontend çatısı.',
'bg' => '#4FC08D12'
],
[
'name' => 'Angular.js',
'icon' => 'angular.svg',
'desc' => 'Geniş ölçekli, modüler ve güvenli kurumsal seviye uygulamalar.',
'desc' => 'Kurumsal seviyede, modüler ve güçlü uygulama iskeleti.',
'bg' => '#DD003112'
],
[
'name' => 'Next.js',
'icon' => 'nextjs.svg',
'desc' => 'SEO dostu, Server-Side Rendered (SSR) modern arayüz mimarileri.',
'desc' => 'SEO dostu ve Server-Side Rendering (SSR) destekli React çatısı.',
'bg' => '#00000012'
],
[
'name' => 'Nuxt.js',
'icon' => 'nuxtjs.svg',
'desc' => 'Vue tabanlı, SSR ve statik site oluşturma iskeleti.',
'bg' => '#00C58E12'
],
[
'name' => 'Svelte.js',
'icon' => 'sveltejs.svg',
'desc' => 'Derleme zamanı optimizasyonlarıyla ultra hafif ve hızlı frontend.',
'desc' => 'Derleme zamanı optimizasyonlarıyla ultra hafif ve hızlı arayüzler.',
'bg' => '#FF3E0012'
],
[
'name' => 'Node.js',
'icon' => 'nodejs.svg',
'desc' => 'Hızlı, olay tabanlı ve ölçeklenebilir arka plan (backend) motorları.',
'bg' => '#33993312'
],
[
'name' => 'Django',
'icon' => 'django.svg',
'desc' => 'Python\'ın gücüyle ultra güvenli, hızlı ve veri analitiği odaklı yapılar.',
'bg' => '#092E2012'
],
[
'name' => 'Laravel',
'icon' => 'laravel.svg',
'desc' => 'PHP\'nin en popüler ve temiz kod standartlı kurumsal backend çatısı.',
'bg' => '#FF2D2012'
],
[
'name' => 'Three.js (3D)',
'icon' => 'threejs.svg',
'desc' => 'Tarayıcıda sınırları zorlayan, etkileşimli 3D WebGL dünyaları.',
'desc' => 'Tarayıcı tabanlı etkileyici 3D WebGL dünyaları.',
'bg' => '#00000012'
],
[
'name' => 'PWA',
'icon' => 'pwa.svg',
'desc' => 'Çevrimdışı çalışabilen, masaüstü/mobil yerleşik uygulama deneyimleri.',
'bg' => '#5A0FC812'
'name' => 'Tailwind CSS',
'icon' => 'tailwindcss.svg',
'desc' => 'Hızlı ve esnek tasarım için modern CSS kurgusu.',
'bg' => '#06B6D412'
],
[
'name' => 'WebRTC',
'icon' => 'webrtc.svg',
'desc' => 'Tarayıcılar arası gerçek zamanlı, gecikmesiz ses ve görüntü iletişimi.',
'bg' => '#32ABDF12'
'name' => 'Bootstrap',
'icon' => 'bootstrap5.svg',
'desc' => 'Zengin hazır bileşen kütüphanesi ve responsive ızgara yapısı.',
'bg' => '#7952B312'
],
[
'name' => 'Docker',
'icon' => 'docker.svg',
'desc' => 'Her ortamda tutarlı ve sorunsuz çalışan konteyner sistemleri.',
'bg' => '#2496ED12'
'name' => 'Sass',
'icon' => 'sass.svg',
'desc' => 'Güçlü değişkenler ve fonksiyonlar içeren CSS ön işlemcisi.',
'bg' => '#CC669912'
],
[
'name' => 'Kubernetes',
'icon' => 'kubernetes.svg',
'desc' => 'Büyük ölçekli uygulamalarınız için otomatik orkestrasyon ve bulut gücü.',
'bg' => '#326CE512'
'name' => 'Astro',
'icon' => 'astro.svg',
'desc' => 'Ultra hızlı statik ve dinamik içerik odaklı web çatısı.',
'bg' => '#BC52EE12'
],
[
'name' => 'WebAssembly',
'icon' => 'webassembly.svg',
'desc' => 'Tarayıcıda yerel performansta kod çalıştırma teknolojisi.',
'bg' => '#654FF012'
],
[
'name' => 'Node.js',
'icon' => 'nodejs.svg',
'desc' => 'Hızlı ve olay tabanlı JavaScript backend motoru.',
'bg' => '#33993312'
],
[
'name' => 'PHP',
'icon' => 'php.svg',
'desc' => 'Geniş uyumluluk ve dinamik web siteleri için sunucu dili.',
'bg' => '#777BB412'
],
[
'name' => 'Laravel',
'icon' => 'laravel.svg',
'desc' => "PHP'nin en popüler, temiz ve kurumsal backend çatısı.",
'bg' => '#FF2D2012'
],
[
'name' => 'Symfony',
'icon' => 'symfony-dark.svg',
'desc' => 'Modüler, güvenli ve esnek PHP framework mimarisi.',
'bg' => '#00000012'
],
[
'name' => 'Python',
'icon' => 'python.svg',
'desc' => 'Veri odaklı, okunabilir ve güçlü genel amaçlı yazılım dili.',
'bg' => '#3776AB12'
],
[
'name' => 'Django',
'icon' => 'django.svg',
'desc' => 'Python tabanlı ultra güvenli ve hızlı backend iskeleti.',
'bg' => '#092E2012'
],
[
'name' => 'FastAPI',
'icon' => 'fast-api.svg',
'desc' => 'Modern, yüksek performanslı ve otomatik API dökümantasyonlu çatı.',
'bg' => '#00968812'
],
[
'name' => 'Go',
'icon' => 'go.svg',
'desc' => 'Modern, hızlı ve yüksek performanslı sistem programlama dili.',
'desc' => 'Yüksek eşzamanlılık (concurrency) ve performans odaklı sistem dili.',
'bg' => '#00ADD812'
],
[
'name' => 'Rust',
'icon' => 'rust.svg',
'desc' => 'Bellek güvenliği ve ultra yüksek performans odaklı yeni nesil sistem programlama dili.',
'desc' => 'Bellek güvenliği ve sıfır maliyetli soyutlama sunan yeni nesil dil.',
'bg' => '#00000012'
],
[
'name' => '.NET',
'icon' => 'dotnet.svg',
'desc' => 'Güvenli, ölçeklenebilir ve yüksek performanslı kurumsal arka plan servisleri.',
'desc' => 'Kurumsal seviyede yüksek performanslı Microsoft backend çatısı.',
'bg' => '#512BD412'
],
[
'name' => 'Swift',
'icon' => 'swift.svg',
'desc' => 'Apple ekosistemi için yüksek performanslı ve modern native uygulamalar.',
'bg' => '#F0513812'
'name' => 'Ruby on Rails',
'icon' => 'rails.svg',
'desc' => "Hızlı prototipleme ve temiz kod odaklı backend framework'ü.",
'bg' => '#CC000012'
],
[
'name' => 'Java',
'icon' => 'java.svg',
'desc' => 'Güvenli, platform bağımsız ve kurumsal dev sistemlerin dili.',
'bg' => '#00739612'
],
[
'name' => 'Spring',
'icon' => 'spring.svg',
'desc' => 'Java tabanlı ölçeklenebilir ve modüler kurumsal çatı.',
'bg' => '#6DB33F12'
],
[
'name' => 'NestJS',
'icon' => 'nestjs.svg',
'desc' => 'TypeScript ile yazılmış, mimari standartları yüksek Node.js çatısı.',
'bg' => '#E0234E12'
],
[
'name' => 'Android',
'icon' => 'android.svg',
'desc' => 'Küresel pazara hitap eden esnek ve kullanıcı dostu mobil çözümler.',
'desc' => 'Dünyanın en popüler açık kaynaklı mobil işletim sistemi.',
'bg' => '#3DDC8412'
],
[
@@ -415,11 +523,185 @@
'desc' => 'Modern, güvenli ve Android platformu için Google onaylı öncelikli yazılım dili.',
'bg' => '#7F52FF12'
],
[
'name' => 'Swift',
'icon' => 'swift.svg',
'desc' => 'Apple ekosistemi için performanslı ve modern native dil.',
'bg' => '#F0513812'
],
[
'name' => 'Flutter',
'icon' => 'flutter.svg',
'desc' => 'Tek bir kod tabanıyla Android, iOS ve web için yerel performanslı arayüzler.',
'desc' => 'Tek kod tabanından yerel performansta çoklu platform arayüzleri.',
'bg' => '#02569B12'
],
[
'name' => 'Electron',
'icon' => 'electron.svg',
'desc' => 'Web teknolojileriyle masaüstü uygulamaları geliştirme altyapısı.',
'bg' => '#47848F12'
],
[
'name' => 'Ionic',
'icon' => 'ionic.svg',
'desc' => 'Web standartlarıyla hibrit mobil uygulamalar üretme çatısı.',
'bg' => '#3880FF12'
],
[
'name' => 'PWA',
'icon' => 'pwa.svg',
'desc' => 'Web sitemizi mobil uygulama gibi çevrimdışı çalışabilen yapılara taşıma.',
'bg' => '#5A0FC812'
],
[
'name' => 'Docker',
'icon' => 'docker.svg',
'desc' => 'Konteyner teknolojisiyle her ortamda tutarlı çalışma sistemi.',
'bg' => '#2496ED12'
],
[
'name' => 'Kubernetes',
'icon' => 'kubernetes.svg',
'desc' => 'Konteyner orkestrasyonu ve bulut tabanlı otomatik ölçekleme.',
'bg' => '#326CE512'
],
[
'name' => 'AWS',
'icon' => 'aws.svg',
'desc' => 'Dünyanın en kapsamlı ve yaygın bulut altyapı hizmetleri sağlayıcısı.',
'bg' => '#FF990012'
],
[
'name' => 'Google Cloud',
'icon' => 'google-cloud.svg',
'desc' => "Google'ın gelişmiş veri ve analiz odaklı bulut altyapısı.",
'bg' => '#4285F412'
],
[
'name' => 'Azure',
'icon' => 'azure.svg',
'desc' => "Microsoft'un kurumsal entegrasyon gücü yüksek bulut sistemi.",
'bg' => '#0078D412'
],
[
'name' => 'Firebase',
'icon' => 'firebase.svg',
'desc' => 'Mobil ve web için gerçek zamanlı veritabanı ve sunucusuz servisler.',
'bg' => '#FFCA2812'
],
[
'name' => 'Supabase',
'icon' => 'supabase.svg',
'desc' => 'PostgreSQL tabanlı modern ve açık kaynaklı Firebase alternatifi.',
'bg' => '#3ECF8E12'
],
[
'name' => 'PostgreSQL',
'icon' => 'postgresql.svg',
'desc' => 'İleri seviye ilişkisel veri yönetimi sunan güvenilir veritabanı.',
'bg' => '#4169E112'
],
[
'name' => 'MySQL',
'icon' => 'mysql.svg',
'desc' => 'Dünyanın en popüler ve hızlı açık kaynaklı ilişkisel veritabanı.',
'bg' => '#4479A112'
],
[
'name' => 'MongoDB',
'icon' => 'mongodb.svg',
'desc' => 'Esnek şemalı, büyük veri odaklı popüler NoSQL veritabanı.',
'bg' => '#47A24812'
],
[
'name' => 'Redis',
'icon' => 'redis.svg',
'desc' => 'Bellek içi (in-memory) ultra hızlı veri yapısı deposu ve önbellek.',
'bg' => '#DC382D12'
],
[
'name' => 'Git',
'icon' => 'git.svg',
'desc' => 'Modern yazılım projelerinin standart versiyon kontrol sistemi.',
'bg' => '#F0503212'
],
[
'name' => 'GitHub',
'icon' => 'github-dark.svg',
'desc' => 'Yazılım geliştirme, sürüm kontrol ve CI/CD iş birliği platformu.',
'bg' => '#18171712'
],
[
'name' => 'GitLab',
'icon' => 'gitlab.svg',
'desc' => 'Uçtan uca otomatik test ve kesintisiz canlıya alım platformu.',
'bg' => '#FC6D2612'
],
[
'name' => 'Terraform',
'icon' => 'terraform.svg',
'desc' => 'Kod olarak altyapı (IaC) yönetimi sunan bulut aracı.',
'bg' => '#7B42BC12'
],
[
'name' => 'Cloudflare',
'icon' => 'cloudflare.svg',
'desc' => 'Güvenli, hızlı içerik dağıtım ağı (CDN) ve DNS servisleri.',
'bg' => '#F3802012'
],
[
'name' => 'ChatGPT',
'icon' => 'chatgpt.svg',
'desc' => 'Yapay zeka tabanlı doğal dil işleme ve asistanlık çözümleri.',
'bg' => '#10A37F12'
],
[
'name' => 'Claude AI',
'icon' => 'claude-ai.svg',
'desc' => 'Akıl yürütme yetenekleri yüksek gelişmiş yapay zeka modeli.',
'bg' => '#D9770612'
],
[
'name' => 'DeepSeek',
'icon' => 'deepseek.svg',
'desc' => 'Yüksek performanslı ve yeni nesil popüler yapay zeka motoru.',
'bg' => '#4F46E512'
],
[
'name' => 'OpenAI',
'icon' => 'openai.svg',
'desc' => 'Yapay zeka modelleri ve yenilikçi API servisleri sağlayıcısı.',
'bg' => '#00000012'
],
[
'name' => 'TensorFlow',
'icon' => 'tensorflow.svg',
'desc' => 'Derin öğrenme ve yapay zeka modelleri geliştirme kütüphanesi.',
'bg' => '#FF6F0012'
],
[
'name' => 'PyTorch',
'icon' => 'pytorch.svg',
'desc' => 'Araştırma ve üretim odaklı esnek makine öğrenmesi çatısı.',
'bg' => '#EE4C2C12'
],
[
'name' => 'Figma',
'icon' => 'figma.svg',
'desc' => 'Gerçek zamanlı ve bulut tabanlı modern UI/UX tasarım aracı.',
'bg' => '#F24E1E12'
],
[
'name' => 'Canva',
'icon' => 'canva.svg',
'desc' => 'Hızlı, kolay ve etkileyici görsel içerik oluşturma platformu.',
'bg' => '#00C4CC12'
],
[
'name' => 'Adobe Photoshop',
'icon' => 'photoshop.svg',
'desc' => 'Profesyonel düzeyde piksel tabanlı görsel düzenleme aracı.',
'bg' => '#31A8FF12'
]
];
@@ -624,7 +906,7 @@
<div class="flex flex-wrap mx-[-15px] !mb-28">
<div class="xxl:w-11/12 w-full flex-[0_0_auto] !px-[15px] max-w-full !mx-auto">
<ul class="nav nav-tabs nav-tabs-bg flex justify-between nav-justified xl:!flex-row lg:!flex-row flex-col" role="tablist">
<ul class="nav nav-tabs tech-tabs-grid" role="tablist">
@foreach($techCategories as $key => $category)
<li class="nav-item !mb-[20px]" role="presentation">
<a class="nav-link !flex flex-row items-center {{ $loop->first ? 'active' : '' }}" data-bs-toggle="tab" href="#tab-tech-{{ $key }}" aria-selected="{{ $loop->first ? 'true' : 'false' }}" role="tab" {!! !$loop->first ? 'tabindex="-1"' : '' !!}>