feat: add extensive collection of technology and brand logos and update web development template
This commit is contained in:
Ümit Tunç
@@ -63,7 +63,7 @@
|
||||
"@@id": "{{ url()->current() }}#organization"
|
||||
},
|
||||
"name": {!! json_encode(t('Web Uygulamaları Geliştirme Hizmeti')) !!},
|
||||
"description": {!! json_encode(t('Trunçgil Teknoloji olarak; Three.js\'den Django\'ya, Node.js\'den React ve Vue\'ye kadar tüm modern teknolojilerle ölçeklenebilir ve güvenli web uygulamaları geliştiriyoruz.')) !!},
|
||||
"description": {!! json_encode(t('Trunçgil Teknoloji olarak; Go, Rust, .NET, Swift, Android, Kotlin, Flutter, Three.js, React ve Vue gibi tüm modern teknolojilerle ölçeklenebilir ve güvenli web ve mobil çözümler geliştiriyoruz.')) !!},
|
||||
"areaServed": [
|
||||
{
|
||||
"@@type": "AdministrativeArea",
|
||||
@@ -255,6 +255,33 @@
|
||||
'#f6effa', '#fef4f2', '#edf2fc', '#edf8f5',
|
||||
];
|
||||
|
||||
$techCategories = [
|
||||
'frontend' => [
|
||||
'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']
|
||||
],
|
||||
'backend' => [
|
||||
'title' => 'Backend & Sunucu',
|
||||
'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']
|
||||
],
|
||||
'mobile' => [
|
||||
'title' => 'Mobil & Çoklu Platform',
|
||||
'cat_logo' => 'flutter.svg',
|
||||
'desc' => 'Tüm mobil cihazlar ve işletim sistemleri için uyumlu yerel çözümler.',
|
||||
'items' => ['Android', 'Kotlin', 'Swift', 'Flutter']
|
||||
],
|
||||
'devops' => [
|
||||
'title' => 'DevOps & Altyapı',
|
||||
'cat_logo' => 'docker.svg',
|
||||
'desc' => 'Kesintisiz entegrasyon, konteynerleştirme ve mikroservis yönetimi.',
|
||||
'items' => ['Docker', 'Kubernetes', 'WebRTC']
|
||||
]
|
||||
];
|
||||
|
||||
$technologies = [
|
||||
[
|
||||
'name' => 'HTML5',
|
||||
@@ -351,6 +378,48 @@
|
||||
'icon' => 'kubernetes.svg',
|
||||
'desc' => 'Büyük ölçekli uygulamalarınız için otomatik orkestrasyon ve bulut gücü.',
|
||||
'bg' => '#326CE512'
|
||||
],
|
||||
[
|
||||
'name' => 'Go',
|
||||
'icon' => 'go.svg',
|
||||
'desc' => 'Modern, hızlı ve yüksek performanslı sistem programlama dili.',
|
||||
'bg' => '#00ADD812'
|
||||
],
|
||||
[
|
||||
'name' => 'Rust',
|
||||
'icon' => 'rust.svg',
|
||||
'desc' => 'Bellek güvenliği ve ultra yüksek performans odaklı yeni nesil sistem programlama dili.',
|
||||
'bg' => '#00000012'
|
||||
],
|
||||
[
|
||||
'name' => '.NET',
|
||||
'icon' => 'dotnet.svg',
|
||||
'desc' => 'Güvenli, ölçeklenebilir ve yüksek performanslı kurumsal arka plan servisleri.',
|
||||
'bg' => '#512BD412'
|
||||
],
|
||||
[
|
||||
'name' => 'Swift',
|
||||
'icon' => 'swift.svg',
|
||||
'desc' => 'Apple ekosistemi için yüksek performanslı ve modern native uygulamalar.',
|
||||
'bg' => '#F0513812'
|
||||
],
|
||||
[
|
||||
'name' => 'Android',
|
||||
'icon' => 'android.svg',
|
||||
'desc' => 'Küresel pazara hitap eden esnek ve kullanıcı dostu mobil çözümler.',
|
||||
'bg' => '#3DDC8412'
|
||||
],
|
||||
[
|
||||
'name' => 'Kotlin',
|
||||
'icon' => 'kotlin.svg',
|
||||
'desc' => 'Modern, güvenli ve Android platformu için Google onaylı öncelikli yazılım dili.',
|
||||
'bg' => '#7F52FF12'
|
||||
],
|
||||
[
|
||||
'name' => 'Flutter',
|
||||
'icon' => 'flutter.svg',
|
||||
'desc' => 'Tek bir kod tabanıyla Android, iOS ve web için yerel performanslı arayüzler.',
|
||||
'bg' => '#02569B12'
|
||||
]
|
||||
];
|
||||
|
||||
@@ -390,7 +459,7 @@
|
||||
$processSteps = [
|
||||
[
|
||||
'title' => 'Strateji ve Mimari Planlama',
|
||||
'description' => 'Kullanıcı taleplerini, iş yükünü ve kullanılacak teknolojileri (Three.js, Django, Node.js veya React) belirleyerek ölçeklenebilir ve güvenli sistem mimarisini tasarlarız.'
|
||||
'description' => 'Kullanıcı taleplerini, iş yükünü ve kullanılacak teknolojileri (Go, Rust, .NET, Three.js, Django, Node.js veya React) belirleyerek ölçeklenebilir ve güvenli sistem mimarisini tasarlarız.'
|
||||
],
|
||||
[
|
||||
'title' => 'Kusursuz Arayüz ve Kodlama',
|
||||
@@ -411,7 +480,7 @@
|
||||
'icon' => 'code',
|
||||
'bg' => '#e9eaf8',
|
||||
'title' => 'Uçtan Uca Modern Teknoloji Yığınları',
|
||||
'description' => 'React, Vue, Node.js ve Django gibi teknolojilerdeki yetkinliğimizle, projenizin ihtiyacına en uygun araçları seçer, performans darboğazlarını engelleriz.'
|
||||
'description' => 'React, Vue, Node.js, Django, Go, Rust ve .NET gibi teknolojilerdeki geniş yetkinliğimizle, projenizin ihtiyacına en uygun araçları seçer, performans darboğazlarını engelleriz.'
|
||||
],
|
||||
[
|
||||
'icon' => 'hub',
|
||||
@@ -457,6 +526,14 @@
|
||||
[
|
||||
'question' => 'Mevcut web sitemizi modern teknolojilerle yeniden inşa edebilir misiniz?',
|
||||
'answer' => 'Kesinlikle. Eski veya yavaşlayan web altyapılarınızı modern backend (Django, Node.js, Laravel) ve frontend (React, Vue) teknolojilerine taşır, veritabanı kayıpları yaşamadan geçişi sağlarız.'
|
||||
],
|
||||
[
|
||||
'question' => 'Mobil uygulamalarda neden Flutter, Kotlin veya Swift tercih ediyorsunuz?',
|
||||
'answer' => 'Hızlı geliştirme ve çoklu platform desteği için Flutter ile yüksek performanslı cross-platform uygulamalar üretirken, platforma özel yüksek performans ve derin entegrasyon gerektiren projelerde native Kotlin (Android) ve Swift (iOS) teknolojilerini kullanıyoruz.'
|
||||
],
|
||||
[
|
||||
'question' => 'Go, Rust ve .NET teknolojilerini hangi projelerde kullanıyorsunuz?',
|
||||
'answer' => 'Go ve Rust teknolojilerini ultra yüksek performans, düşük bellek tüketimi ve yüksek eşzamanlılık gerektiren mikroservisler ile arka plan sistemlerinde; .NET mimarisini ise büyük ölçekli kurumsal altyapılar ve güvenli web servisleri geliştirmek için tercih ediyoruz.'
|
||||
]
|
||||
];
|
||||
|
||||
@@ -501,7 +578,7 @@
|
||||
{!! t('Geleceğin Web Teknolojileriyle') !!} <span class="text-gradient gradient-7">{!! t('İşinizi Güçlendirin') !!}</span>
|
||||
</h1>
|
||||
<p class="lead !text-[1.2rem] leading-normal md:!px-5 xl:!px-20 xxl:!px-10 !mb-7">
|
||||
{!! t('Trunçgil Teknoloji olarak; Three.js\'den Django\'ya, Node.js\'den React ve Vue\'ye kadar tüm modern teknolojiler, PWA, WebSocket ve Kubernetes bulut mimarileriyle ölçeklenebilir web uygulamaları geliştiriyoruz.') !!}
|
||||
{!! t('Trunçgil Teknoloji olarak; Go, Rust, .NET, Swift, Android, Kotlin, Flutter, React, Vue, Node.js ve Three.js gibi modern teknolojilerin yanı sıra PWA, WebSocket ve Kubernetes bulut mimarileriyle ölçeklenebilir çözümler geliştiriyoruz.') !!}
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
@@ -547,17 +624,41 @@
|
||||
|
||||
<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">
|
||||
<div class="flex flex-wrap mx-[-15px] xl:mx-[-20px] lg:mx-[-20px] md:mx-[-20px] !mt-[-40px] justify-center">
|
||||
@foreach($technologies as $tech)
|
||||
<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-[40px] max-w-full">
|
||||
<div class="card tech-card h-full !shadow-[0_0.25rem_1.75rem_rgba(30,34,40,0.05)] border-0 flex flex-col justify-between !rounded-[1.2rem] overflow-hidden">
|
||||
<div class="card-body !p-8 md:!p-10 flex flex-col items-center text-center">
|
||||
<div class="w-16 h-16 flex items-center justify-center !rounded-[100%] !mb-5" style="background-color: {{ $tech['bg'] }};">
|
||||
<img src="{{ asset('assets/img/tech-logos/' . $tech['icon']) }}" class="w-8 h-8 object-contain" alt="{{ $tech['name'] }}" loading="lazy" decoding="async">
|
||||
</div>
|
||||
<h4 class="!text-[1.15rem] !font-bold !mb-2">{{ $tech['name'] }}</h4>
|
||||
<p class="!text-[0.85rem] !mb-0 text-muted">{!! t($tech['desc']) !!}</p>
|
||||
<ul class="nav nav-tabs nav-tabs-bg flex justify-between nav-justified xl:!flex-row lg:!flex-row flex-col" 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"' : '' !!}>
|
||||
<div>
|
||||
<img src="{{ asset('assets/img/tech-logos/' . $category['cat_logo']) }}" class="!w-[2.6rem] !h-[2.6rem] !mr-4 object-contain" alt="{{ $category['title'] }}" loading="lazy" decoding="async">
|
||||
</div>
|
||||
<div class="text-start">
|
||||
<h4 class="!mb-1">{!! t($category['title']) !!}</h4>
|
||||
<p class="!text-[0.75rem] !mb-0 text-muted">{!! t($category['desc']) !!}</p>
|
||||
</div>
|
||||
</a>
|
||||
</li>
|
||||
@endforeach
|
||||
</ul>
|
||||
|
||||
<div class="tab-content mt-8">
|
||||
@foreach($techCategories as $key => $category)
|
||||
<div class="tab-pane fade {{ $loop->first ? 'show active' : '' }}" id="tab-tech-{{ $key }}">
|
||||
<div class="flex flex-wrap mx-[-15px] xl:mx-[-20px] lg:mx-[-20px] md:mx-[-20px] !mt-[-40px] justify-center">
|
||||
@foreach($technologies as $tech)
|
||||
@if(in_array($tech['name'], $category['items']))
|
||||
<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-[40px] max-w-full">
|
||||
<div class="card tech-card h-full !shadow-[0_0.25rem_1.75rem_rgba(30,34,40,0.05)] border-0 flex flex-col justify-between !rounded-[1.2rem] overflow-hidden">
|
||||
<div class="card-body !p-8 md:!p-10 flex flex-col items-center text-center">
|
||||
<div class="w-16 h-16 flex items-center justify-center !rounded-[100%] !mb-5" style="background-color: {{ $tech['bg'] }};">
|
||||
<img src="{{ asset('assets/img/tech-logos/' . $tech['icon']) }}" class="w-8 h-8 object-contain" alt="{{ $tech['name'] }}" loading="lazy" decoding="async">
|
||||
</div>
|
||||
<h4 class="!text-[1.15rem] !font-bold !mb-2">{{ $tech['name'] }}</h4>
|
||||
<p class="!text-[0.85rem] !mb-0 text-muted">{!! t($tech['desc']) !!}</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@endif
|
||||
@endforeach
|
||||
</div>
|
||||
</div>
|
||||
@endforeach
|
||||
|
||||
Reference in New Issue
Block a user