refactor: modernize hero and process sections with updated UI components and improved copy for the AI services template
This commit is contained in:
Ümit Tunç
@@ -196,232 +196,298 @@
|
|||||||
@endphp
|
@endphp
|
||||||
|
|
||||||
{{-- Hero Section --}}
|
{{-- Hero Section --}}
|
||||||
<section class="wrapper bg-gradient-ai ai-dev-hero relative overflow-hidden">
|
<section class="wrapper !bg-[#ffffff]">
|
||||||
<div class="container pt-24 xl:pt-32 lg:pt-32 md:pt-32 pb-[4.5rem] xl:pb-32 lg:pb-32 md:pb-32">
|
<div class="container-card">
|
||||||
<div class="flex flex-wrap mx-[-15px] !text-center">
|
<div class="card image-wrapper bg-full bg-image bg-overlay bg-overlay-light-500 !mt-2 !mb-5 [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,.5)] xxl:!rounded-[.8rem] rounded-0" style="background-image: url('{{ asset('assets/img/photos/bg22.png') }}');">
|
||||||
<div class="xl:w-10/12 lg:w-10/12 xxl:w-8/12 w-full flex-[0_0_auto] !px-[15px] max-w-full !mx-auto ai-dev-hero-text" data-cues="zoomIn" data-group="welcome" data-interval="-200">
|
<div class="card-body py-[4.5rem] px-0">
|
||||||
<h1 class="xl:!text-[2.6rem] !text-[calc(1.375rem_+_1.5vw)] !leading-[1.15] font-bold !mb-4">
|
<div class="container">
|
||||||
{!! t('Yapay Zeka ve Derin Öğrenme') !!} <br/><span class="text-gradient gradient-7">{!! t('Ekosistemine Hükmedin') !!}</span>
|
<div class="flex flex-wrap mx-[-15px] md:mx-[-20px] lg:mx-[-20px] xl:mx-[-35px] !mt-[-50px] items-center text-center lg:text-left xl:text-left">
|
||||||
</h1>
|
<div class="lg:w-6/12 xl:w-6/12 w-full flex-[0_0_auto] !px-[15px] md:!px-[20px] lg:!px-[20px] xl:!px-[35px] !mt-[50px] max-w-full" data-cues="slideInDown" data-group="page-title" data-delay="900">
|
||||||
<p class="lead !text-[1.2rem] leading-normal md:!px-5 xl:!px-20 xxl:!px-10 !mb-7">
|
<h1 class="xl:!text-[2.3rem] !text-[calc(1.355rem_+_1.26vw)] font-bold !leading-[1.2] !tracking-[normal] !mb-4 xl:!mr-5 xxl:!mr-0">
|
||||||
{!! t('PyTorch ve TensorFlow ile ham verinin işlenmesinden modelin production ortamına alınmasına kadar olan tüm döngüyü yöneten yüksek performanslı Yapay Zeka sistemleri inşa ediyoruz.') !!}
|
{!! t('Yapay Zeka ve Derin Öğrenme ile') !!} <br/><span class="text-gradient gradient-1">{!! t('Geleceği Şekillendirin') !!}</span>
|
||||||
</p>
|
</h1>
|
||||||
</div>
|
<p class="lead !text-[1.15rem] !leading-[1.55] font-medium !mb-7 xxl:!pr-20">
|
||||||
</div>
|
{!! t('Karmaşık verilerinizi saniyeler içinde anlamlı kararlara ve akıllı otomasyon sistemlerine dönüştürüyoruz. PyTorch ve TensorFlow motorları ile işletmenize özel Yapay Zeka çözümleri sunuyoruz.') !!}
|
||||||
<div class="flex justify-center" data-cues="slideInDown" data-group="join" data-delay="900">
|
</p>
|
||||||
<span><a href="#detaylar" class="btn btn-lg btn-primary !text-white !bg-[#e31e24] border-[#e31e24] hover:!bg-[#c4191f] hover:!border-[#c4191f] hover:!text-white active:!bg-[#a61217] !rounded-[50rem] mx-2 font-semibold shadow-[0_10px_20px_-10px_rgba(227,30,36,0.5)] transition-all duration-300">{!! t('Teknolojileri İnceleyin') !!}</a></span>
|
<div class="flex flex-wrap justify-center lg:justify-start gap-3">
|
||||||
<span><a href="{{ $contactUrl }}" class="btn btn-lg btn-outline-primary !text-[#e31e24] !bg-white border-[#e31e24] hover:!text-white hover:!bg-[#e31e24] hover:!border-[#e31e24] active:!bg-[#e31e24] active:!text-white !rounded-[50rem] !border-[#e31e24] mx-2 font-semibold shadow-[0_10px_20px_-10px_rgba(30,34,40,0.15)] transition-all duration-300">{!! t('Bize Ulaşın') !!}</a></span>
|
<a href="#detaylar" class="btn btn-lg btn-gradient gradient-1 rounded-full text-white font-semibold transition-all duration-300 shadow-md">{!! t('Teknolojileri İnceleyin') !!}</a>
|
||||||
</div>
|
<a href="{{ $contactUrl }}" class="btn btn-lg btn-outline-primary !text-[#e31e24] !bg-white border-[#e31e24] hover:!text-white hover:!bg-[#e31e24] hover:!border-[#e31e24] rounded-full font-semibold transition-all duration-300 shadow-sm">{!! t('Bize Ulaşın') !!}</a>
|
||||||
<div class="flex flex-wrap mx-[-15px] !mt-[3.5rem]" data-cue="fadeIn" data-delay="1600" data-duration="400">
|
</div>
|
||||||
<div class="xl:w-8/12 lg:w-8/12 w-full flex-[0_0_auto] !px-[15px] max-w-full !mx-auto text-center">
|
</div>
|
||||||
<figure class="m-0 p-0 inline-block">
|
<!--/column -->
|
||||||
<img src="{{ asset('assets/img/gsap/yapay-zeka.webp') }}" class="max-w-full h-auto rounded-lg shadow-2xl" alt="{{ t('Trunçgil Teknoloji Yapay Zeka') }}" />
|
<div class="xl:w-6/12 lg:w-6/12 w-full flex-[0_0_auto] !px-[15px] md:!px-[20px] lg:!px-[20px] xl:!px-[35px] !mt-[50px] max-w-full">
|
||||||
</figure>
|
<img class="max-w-full h-auto !mb-[-8rem] rounded-lg shadow-3xl" src="{{ asset('assets/img/gsap/yapay-zeka.webp') }}" data-cue="fadeIn" data-delay="300" alt="{{ t('Yapay Zeka ve Derin Öğrenme') }}">
|
||||||
|
</div>
|
||||||
|
<!--/column -->
|
||||||
|
</div>
|
||||||
|
<!-- /.row -->
|
||||||
|
</div>
|
||||||
|
<!-- /.container -->
|
||||||
</div>
|
</div>
|
||||||
|
<!--/.card-body -->
|
||||||
</div>
|
</div>
|
||||||
|
<!--/.card -->
|
||||||
</div>
|
</div>
|
||||||
|
<!-- /.container-card -->
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
{{-- Tech Detail Section --}}
|
{{-- Technical Process / Features Section --}}
|
||||||
<section id="detaylar" class="wrapper !bg-[#ffffff] ai-dev-section">
|
<section id="detaylar" class="wrapper !bg-[#ffffff] ai-dev-section">
|
||||||
<div class="container pt-[4.5rem] pb-[4.5rem] xl:pt-24 xl:pb-24 lg:pt-24 lg:pb-24 md:pt-24 md:pb-24">
|
<div class="container pt-[8rem] pb-[4.5rem] xl:pt-36 xl:pb-24 lg:pt-36 lg:pb-24 md:pt-36 md:pb-24">
|
||||||
|
|
||||||
<div class="flex flex-wrap mx-[-15px] !text-center">
|
<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" data-cues="slideInUp" data-group="tech-header" data-duration="400">
|
<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" data-cues="slideInUp" data-group="tech-header" data-duration="400">
|
||||||
<h2 class="!text-[0.8rem] !leading-[1.35] !tracking-[0.02rem] uppercase !text-[#74788d] !mb-3">{!! t('Teknik Altyapı') !!}</h2>
|
<h2 class="!text-[0.8rem] !leading-[1.35] !tracking-[0.02rem] uppercase !text-[#74788d] !mb-3">{!! t('Teknik Süreçler') !!}</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">
|
<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('Modellemeden Üretime') !!} <span class="text-gradient gradient-7">{!! t('İki Dev Motor') !!}</span>
|
{!! t('Karmaşık Teknolojiler,') !!} <span class="text-gradient gradient-1">{!! t('Sade ve Güçlü Çözümler') !!}</span>
|
||||||
</h3>
|
</h3>
|
||||||
<p class="mb-10 text-muted">{!! t('Derin öğrenme ekosisteminde PyTorch ve TensorFlow, veri hatlarından dağıtık eğitime kadar sistem mimarilerini şekillendiren en güçlü kütüphanelerdir.') !!}</p>
|
<p class="mb-10 text-muted !text-[1.1rem] leading-normal">{!! t('Yapay zeka modellerinin arkasındaki karmaşık matematiksel ve teknik süreçleri, işletmenize doğrudan değer katacak şekilde kusursuz veri hatlarıyla yönetiyoruz.') !!}</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="flex flex-wrap mx-[-15px] mt-10">
|
<div class="flex flex-wrap mx-[-15px] mt-10">
|
||||||
{{-- Data Pipeline --}}
|
{{-- Data Pipeline --}}
|
||||||
<div class="md:w-6/12 lg:w-6/12 xl:w-6/12 w-full flex-[0_0_auto] !px-[15px] max-w-full mb-8" data-cue="slideInUp">
|
<div class="md:w-6/12 lg:w-6/12 xl:w-6/12 w-full flex-[0_0_auto] !px-[15px] max-w-full mb-8" data-cue="slideInUp">
|
||||||
<div class="card h-full !border-[#e2e8f0] border-solid border shadow-sm !rounded-[1rem] p-8 ai-card">
|
<div class="card h-full !border-[#e2e8f0] border-solid border shadow-sm !rounded-[1.2rem] p-8 bg-white ai-card">
|
||||||
<div class="flex items-center mb-4">
|
<div class="flex items-center mb-4">
|
||||||
<span class="material-symbols-outlined !text-[2rem] text-[#e31e24] mr-3">schema</span>
|
<div class="icon btn btn-circle btn-lg btn-soft-primary pointer-events-none mr-4 w-12 h-12 !inline-flex !items-center !justify-center !leading-none !rounded-full bg-[#f3f0ff]">
|
||||||
<h4 class="!text-[1.25rem] font-bold mb-0">{!! t('1. Veri Modelleme ve Giriş Hattı') !!}</h4>
|
<span class="material-symbols-outlined !text-[1.6rem] text-[#e31e24]">schema</span>
|
||||||
|
</div>
|
||||||
|
<h4 class="!text-[1.25rem] font-bold mb-0">{!! t('1. Akıllı Veri Otobanı (Darboğazsız Akış)') !!}</h4>
|
||||||
</div>
|
</div>
|
||||||
<p class="text-muted !text-[0.9rem] mb-4">{!! t('Derin öğrenme modellerinde performansın %70\'i verinin GPU/TPU birimlerine ne kadar efektif beslendiğiyle (throughput) ilişkilidir. Her iki kütüphane de asenkron veri işlemek için optimize edilmiştir:') !!}</p>
|
<p class="text-muted !text-[0.95rem] mb-0">{!! t('Yapay zekanın öğrenebilmesi için verilerinizi tıpkı hızlı akan bir otoban gibi kesintisiz hale getiriyoruz. Gelişmiş veri asenkronizasyon altyapılarıyla saniyede milyonlarca satır veriyi bekleme süresi olmadan doğrudan yapay zeka işlemcilerine besliyoruz.') !!}</p>
|
||||||
<ul class="pl-4 mb-0 text-[0.85rem]">
|
|
||||||
<li class="mb-2"><strong>PyTorch (<code class="bg-[#f1f5f9] px-1 rounded">torch.utils.data</code>):</strong> <code class="bg-[#f1f5f9] px-1 rounded">Dataset</code> ve <code class="bg-[#f1f5f9] px-1 rounded">DataLoader</code> soyutlamaları. Özel veri okuma için sihirli metotlar (<code class="bg-[#f1f5f9] px-1 rounded">__len__</code>, <code class="bg-[#f1f5f9] px-1 rounded">__getitem__</code>) ezilir. RAM/GPU transferi <code class="bg-[#f1f5f9] px-1 rounded">num_workers</code> ile paralelleştirilir.</li>
|
|
||||||
<li><strong>TensorFlow (<code class="bg-[#f1f5f9] px-1 rounded">tf.data</code>):</strong> Tamamen veri akış grafiği mantığı. Diskteki büyük veriler için <strong>TFRecord</strong> yapıları. <code class="bg-[#f1f5f9] px-1 rounded">.prefetch(tf.data.AUTOTUNE)</code> ile darboğaz önleme mekanizmaları.</li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
{{-- Model Architecture --}}
|
{{-- Model Architecture --}}
|
||||||
<div class="md:w-6/12 lg:w-6/12 xl:w-6/12 w-full flex-[0_0_auto] !px-[15px] max-w-full mb-8" data-cue="slideInUp">
|
<div class="md:w-6/12 lg:w-6/12 xl:w-6/12 w-full flex-[0_0_auto] !px-[15px] max-w-full mb-8" data-cue="slideInUp">
|
||||||
<div class="card h-full !border-[#e2e8f0] border-solid border shadow-sm !rounded-[1rem] p-8 ai-card">
|
<div class="card h-full !border-[#e2e8f0] border-solid border shadow-sm !rounded-[1.2rem] p-8 bg-white ai-card">
|
||||||
<div class="flex items-center mb-4">
|
<div class="flex items-center mb-4">
|
||||||
<span class="material-symbols-outlined !text-[2rem] text-[#6a1b9a] mr-3">architecture</span>
|
<div class="icon btn btn-circle btn-lg btn-soft-primary pointer-events-none mr-4 w-12 h-12 !inline-flex !items-center !justify-center !leading-none !rounded-full bg-[#f3f0ff]">
|
||||||
<h4 class="!text-[1.25rem] font-bold mb-0">{!! t('2. Model Yapılandırma ve Mimari Tasarım') !!}</h4>
|
<span class="material-symbols-outlined !text-[1.6rem] text-[#6a1b9a]">architecture</span>
|
||||||
|
</div>
|
||||||
|
<h4 class="!text-[1.25rem] font-bold mb-0">{!! t('2. Özel Yapay Sinir Ağları (Akıllı Beyin Tasarımı)') !!}</h4>
|
||||||
</div>
|
</div>
|
||||||
<p class="text-muted !text-[0.9rem] mb-4">{!! t('Modellerin katman katman örüldüğü ve fonksiyonların tanımlandığı aşamadır. İki çerçevenin felsefi ayrımı burada netleşir:') !!}</p>
|
<p class="text-muted !text-[0.95rem] mb-0">{!! t('İşletmenizin kendine has ihtiyaçlarına en uygun yapay zeka beynini sıfırdan çiziyoruz. Katman katman örülen esnek sinir ağı mimarileri sayesinde, verilerinizi en yüksek doğrulukla analiz edip geleceğe yönelik tahminlerde bulunacak sistemi kuruyoruz.') !!}</p>
|
||||||
<ul class="pl-4 mb-0 text-[0.85rem]">
|
|
||||||
<li class="mb-2"><strong>PyTorch (Dinamik Grafik):</strong> <strong>Eager Execution</strong> esasıyla satır satır işletilir. <code class="bg-[#f1f5f9] px-1 rounded">nn.Module</code> sınıflarında veri akışı <code class="bg-[#f1f5f9] px-1 rounded">forward</code> fonksiyonunda manuel yönetilir. Python <code class="bg-[#f1f5f9] px-1 rounded">pdb</code> ile hata ayıklama kolaylığı.</li>
|
|
||||||
<li><strong>TensorFlow / Keras 3 (Statik ve Esnek):</strong> Keras 3 ile backend olarak TF, PyTorch veya JAX seçilebilir. JIT derleme için <code class="bg-[#f1f5f9] px-1 rounded">@tf.function</code> dekoratörüyle C++ grafik optimizasyonu.</li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
{{-- Training & Gradients --}}
|
{{-- Training & Gradients --}}
|
||||||
<div class="md:w-6/12 lg:w-6/12 xl:w-6/12 w-full flex-[0_0_auto] !px-[15px] max-w-full mb-8" data-cue="slideInUp">
|
<div class="md:w-6/12 lg:w-6/12 xl:w-6/12 w-full flex-[0_0_auto] !px-[15px] max-w-full mb-8" data-cue="slideInUp">
|
||||||
<div class="card h-full !border-[#e2e8f0] border-solid border shadow-sm !rounded-[1rem] p-8 ai-card">
|
<div class="card h-full !border-[#e2e8f0] border-solid border shadow-sm !rounded-[1.2rem] p-8 bg-white ai-card">
|
||||||
<div class="flex items-center mb-4">
|
<div class="flex items-center mb-4">
|
||||||
<span class="material-symbols-outlined !text-[2rem] text-[#2563eb] mr-3">model_training</span>
|
<div class="icon btn btn-circle btn-lg btn-soft-primary pointer-events-none mr-4 w-12 h-12 !inline-flex !items-center !justify-center !leading-none !rounded-full bg-[#f3f0ff]">
|
||||||
<h4 class="!text-[1.25rem] font-bold mb-0">{!! t('3. Model Eğitimi & Dağıtık Öğrenme') !!}</h4>
|
<span class="material-symbols-outlined !text-[1.6rem] text-[#2563eb]">model_training</span>
|
||||||
|
</div>
|
||||||
|
<h4 class="!text-[1.25rem] font-bold mb-0">{!! t('3. Süper Bilgisayarlar ile Hızlı Öğrenme') !!}</h4>
|
||||||
</div>
|
</div>
|
||||||
<p class="text-muted !text-[0.9rem] mb-2"><strong>Gradiyen Hesaplama:</strong></p>
|
<p class="text-muted !text-[0.95rem] mb-0">{!! t('Modellerimizi güçlü grafik işlemci (GPU/TPU) sunucularında paralel eğitim teknolojileriyle hızla eğitiyoruz. Milyonlarca farklı senaryoyu saniyeler içinde simüle ediyor, yapay zekanın en yüksek doğrulukla kararlar almasını en kısa sürede sağlıyoruz.') !!}</p>
|
||||||
<ul class="pl-4 mb-4 text-[0.85rem]">
|
|
||||||
<li><strong>PyTorch (Autograd):</strong> <code class="bg-[#f1f5f9] px-1 rounded">loss.backward()</code> ile gradyan zinciri hesaplanır. Her döngüde <code class="bg-[#f1f5f9] px-1 rounded">optimizer.zero_grad()</code> ile gradyanların sıfırlanması kritiktir.</li>
|
|
||||||
<li><strong>TensorFlow:</strong> Açık bağlam yöneticisi (<code class="bg-[#f1f5f9] px-1 rounded">tf.GradientTape</code>) içinde gradyanlar hesaplanıp optimizer'a beslenir.</li>
|
|
||||||
</ul>
|
|
||||||
<p class="text-muted !text-[0.9rem] mb-2"><strong>Dağıtık Eğitim:</strong></p>
|
|
||||||
<p class="text-[0.85rem] mb-0">{!! t('Büyük modelleri GPU\'lara sığdırmak için PyTorch <strong>DDP/FSDP</strong> (Ring-AllReduce) kullanırken, TensorFlow <strong>MirroredStrategy</strong> mimarisi ile kod değiştirmeden eğitimi ölçeklendirir.') !!}</p>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
{{-- Fine-Tuning & PEFT --}}
|
{{-- Fine-Tuning & PEFT --}}
|
||||||
<div class="md:w-6/12 lg:w-6/12 xl:w-6/12 w-full flex-[0_0_auto] !px-[15px] max-w-full mb-8" data-cue="slideInUp">
|
<div class="md:w-6/12 lg:w-6/12 xl:w-6/12 w-full flex-[0_0_auto] !px-[15px] max-w-full mb-8" data-cue="slideInUp">
|
||||||
<div class="card h-full !border-[#e2e8f0] border-solid border shadow-sm !rounded-[1rem] p-8 ai-card">
|
<div class="card h-full !border-[#e2e8f0] border-solid border shadow-sm !rounded-[1.2rem] p-8 bg-white ai-card">
|
||||||
<div class="flex items-center mb-4">
|
<div class="flex items-center mb-4">
|
||||||
<span class="material-symbols-outlined !text-[2rem] text-[#059669] mr-3">tune</span>
|
<div class="icon btn btn-circle btn-lg btn-soft-primary pointer-events-none mr-4 w-12 h-12 !inline-flex !items-center !justify-center !leading-none !rounded-full bg-[#f3f0ff]">
|
||||||
<h4 class="!text-[1.25rem] font-bold mb-0">{!! t('4. İnce Ayar (PEFT) ve Tuning') !!}</h4>
|
<span class="material-symbols-outlined !text-[1.6rem] text-[#059669]">tune</span>
|
||||||
|
</div>
|
||||||
|
<h4 class="!text-[1.25rem] font-bold mb-0">{!! t('4. Bütçe Dostu Kişiselleştirme (İnce Ayar)') !!}</h4>
|
||||||
</div>
|
</div>
|
||||||
<p class="text-muted !text-[0.9rem] mb-4">{!! t('Milyarlarca parametreli (LLM/Vision) modelleri devasa donanım maliyetleri olmadan özel görevlere uyarlıyoruz:') !!}</p>
|
<p class="text-muted !text-[0.95rem] mb-0">{!! t('Milyon dolarlık yapay zeka modellerini sıfırdan kurmak yerine, Llama ve Mistral gibi dünyanın en güçlü açık kaynaklı dil modellerini LoRA ve QLoRA sıkıştırma teknolojileriyle şirketinizin kendi özel bilgi tabanına uyarlıyoruz. Altyapı maliyetlerini %99 oranında düşürüyoruz.') !!}</p>
|
||||||
<ul class="pl-4 mb-4 text-[0.85rem]">
|
|
||||||
<li class="mb-2"><strong>LoRA (Low-Rank Adaptation):</strong> Orijinal model dondurulur, değişim matrisi düşük boyutlu iki matris ($A \times B$) olarak eğitilir. Parametre sayısı %99 azalır.</li>
|
|
||||||
<li class="mb-2"><strong>QLoRA (Quantized LoRA):</strong> Ağırlıklar 4-bit (NF4) hassasiyete sıkıştırılıp VRAM %75 düşürülürken adaptörler 16-bit eğitilir.</li>
|
|
||||||
</ul>
|
|
||||||
<p class="text-[0.85rem] mb-0"><strong>Hiperparametre Tuning:</strong> {!! t('Ray Tune veya Optuna ile ASHA erken durdurma algoritmaları entegre edilerek optimum parametreler taranır.') !!}</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
{{-- Deployment Matrix --}}
|
|
||||||
<div class="flex flex-wrap mx-[-15px] mt-10">
|
|
||||||
<div class="w-full flex-[0_0_auto] !px-[15px] max-w-full" data-cue="slideInUp">
|
|
||||||
<div class="text-center mb-6">
|
|
||||||
<h4 class="!text-[1.5rem] font-bold">{!! t('5. Sistemler ve Yaygınlaştırma (Deployment) Mimarileri') !!}</h4>
|
|
||||||
<p class="text-muted">{!! t('Eğitim sonrası modellerin düşük gecikmeli (low latency) ve ölçeklenebilir çıkarım (inference) sunması için altyapı matrisimiz.') !!}</p>
|
|
||||||
</div>
|
|
||||||
<div class="table-responsive">
|
|
||||||
<table class="table matrix-table w-full text-left">
|
|
||||||
<thead>
|
|
||||||
<tr>
|
|
||||||
<th>{!! t('Aşama / İhtiyaç') !!}</th>
|
|
||||||
<th>PyTorch Ekosistemi</th>
|
|
||||||
<th>TensorFlow Ekosistemi</th>
|
|
||||||
</tr>
|
|
||||||
</thead>
|
|
||||||
<tbody>
|
|
||||||
<tr>
|
|
||||||
<td class="font-semibold">{!! t('Model Derleme & Optimizasyon') !!}</td>
|
|
||||||
<td><strong>TorchScript</strong> (C++ runtime çevirisi) veya <strong>PyTorch 2.x <code>torch.compile</code></strong> (Inductor compiler altyapısı).</td>
|
|
||||||
<td><strong>XLA (Accelerated Linear Algebra)</strong> derleyicisi grafikleri optimize eder, operasyonları birleştirir.</td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td class="font-semibold">{!! t('Büyük Ölçekli Sunum (Production)') !!}</td>
|
|
||||||
<td><strong>TorchServe</strong> veya NVIDIA Triton Inference Server.</td>
|
|
||||||
<td><strong>TensorFlow Serving</strong>: Dinamik versiyonlama, A/B testi, gRPC/REST desteği.</td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td class="font-semibold">{!! t('Mobil ve Uç Cihazlar (Edge AI)') !!}</td>
|
|
||||||
<td><strong>ExecuTorch</strong>: Gelişmiş gömülü sistemler ve mobil çalışma zamanı.</td>
|
|
||||||
<td><strong>LiteRT / TensorFlow Lite</strong>: 8-bit quantization ve pruning destekli olgun ekosistem.</td>
|
|
||||||
</tr>
|
|
||||||
</tbody>
|
|
||||||
</table>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
|
{{-- Why Choose Us (Value Showcase replacing table) --}}
|
||||||
|
<section class="wrapper !bg-[#ffffff]">
|
||||||
|
<div class="container pb-[4.5rem] xl:pb-32 lg:pb-32 md:pb-32">
|
||||||
|
<div class="flex flex-wrap mx-[-7.5px] items-center">
|
||||||
|
<div class="xl:w-5/12 lg:w-5/12 w-full flex-[0_0_auto] px-[7.5px] max-w-full xl:!ml-[8.33333333%] lg:!ml-[8.33333333%]">
|
||||||
|
<figure class="m-0 p-0">
|
||||||
|
<img class="w-auto" src="{{ asset('assets/img/illustrations/3d2.png') }}" alt="{{ t('Kusursuz Kontrol ve Güvenlik') }}">
|
||||||
|
</figure>
|
||||||
|
</div>
|
||||||
|
<!--/column -->
|
||||||
|
<div class="xl:w-5/12 lg:w-5/12 w-full flex-[0_0_auto] px-[7.5px] !mt-[50px] xl:!mt-0 lg:!mt-0 max-w-full xl:!ml-[8.33333333%] lg:!ml-[8.33333333%]">
|
||||||
|
<h2 class="!text-[0.8rem] !tracking-[0.02rem] !leading-[1.35] uppercase text-gradient gradient-1 !mb-3">{!! t('Kusursuz Entegrasyon') !!}</h2>
|
||||||
|
<h3 class="xl:!text-[1.9rem] !text-[calc(1.315rem_+_0.78vw)] font-semibold !leading-[1.25] !tracking-[normal] !mb-4">
|
||||||
|
{!! t('Maksimum Performans, Sıfır Veri Sızıntısı') !!}
|
||||||
|
</h3>
|
||||||
|
<p class="!mb-6 text-muted !text-[0.95rem] leading-normal">
|
||||||
|
{!! t('Yapay zeka modellerinizin kesintisiz, düşük gecikmeli (low latency) ve son derece ölçeklenebilir olarak hizmet sunması için bulut ve lokal (on-premise) çıkarım altyapılarını eksiksiz kuruyoruz. Verilerinizin %100 şirketinizde güvende kalmasını garanti ediyoruz.') !!}
|
||||||
|
</p>
|
||||||
|
<div class="flex flex-wrap mx-[-15px] !mt-[-15px]">
|
||||||
|
<div class="w-full flex-[0_0_auto] !mt-[15px] !px-[15px] max-w-full">
|
||||||
|
<ul class="pl-0 list-none bullet-bg bullet-soft-primary !mb-0">
|
||||||
|
<li class="relative !pl-7">
|
||||||
|
<span><i class="uil uil-check w-5 h-5 text-[0.85rem] leading-none !tracking-[normal] !text-center flex justify-center items-center bg-[#e2e2f3] !text-[#e31e24] rounded-[100%] top-[0.15rem] before:content-['\e9dd'] before:align-middle before:table-cell absolute left-0"></i></span>
|
||||||
|
<span class="font-semibold text-[#343f52]">{!! t('%100 Veri Gizliliği (On-Premise)') !!}</span>
|
||||||
|
<p class="text-muted !text-[0.85rem] !mt-1">{!! t('Verileriniz asla dış servislerle paylaşılmaz, kendi lokal sunucularınızda barındırılarak korunur.') !!}</p>
|
||||||
|
</li>
|
||||||
|
<li class="relative !pl-7 !mt-4">
|
||||||
|
<span><i class="uil uil-check w-5 h-5 text-[0.85rem] leading-none !tracking-[normal] !text-center flex justify-center items-center bg-[#e2e2f3] !text-[#e31e24] rounded-[100%] top-[0.15rem] before:content-['\e9dd'] before:align-middle before:table-cell absolute left-0"></i></span>
|
||||||
|
<span class="font-semibold text-[#343f52]">{!! t('Milisaniyelik Anlık Yanıt Hızları (Inference)') !!}</span>
|
||||||
|
<p class="text-muted !text-[0.85rem] !mt-1">{!! t('NVIDIA Triton ve TorchServe entegrasyonuyla yapay zeka yanıtlarını milisaniyeler düzeyinde alırsınız.') !!}</p>
|
||||||
|
</li>
|
||||||
|
<li class="relative !pl-7 !mt-4">
|
||||||
|
<span><i class="uil uil-check w-5 h-5 text-[0.85rem] leading-none !tracking-[normal] !text-center flex justify-center items-center bg-[#e2e2f3] !text-[#e31e24] rounded-[100%] top-[0.15rem] before:content-['\e9dd'] before:align-middle before:table-cell absolute left-0"></i></span>
|
||||||
|
<span class="font-semibold text-[#343f52]">{!! t('İnternetsiz Mobil AI (Edge AI)') !!}</span>
|
||||||
|
<p class="text-muted !text-[0.85rem] !mt-1">{!! t('LiteRT ve ExecuTorch teknolojileri sayesinde yapay zekayı internet olmayan ortamlarda, mobil cihazlarda bile çalıştırıyoruz.') !!}</p>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!--/column -->
|
||||||
|
</div>
|
||||||
|
<!--/.row -->
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
{{-- Statistics counter card section --}}
|
||||||
|
<section class="wrapper !bg-[#ffffff]">
|
||||||
|
<div class="container-card">
|
||||||
|
<div class="card image-wrapper bg-full bg-image bg-overlay bg-overlay-light-500 pb-20 [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,.5)] xxl:rounded-[.8rem] rounded-0" style="background-image: url('{{ asset('assets/img/photos/bg22.png') }}');">
|
||||||
|
<div class="card-body py-[4.5rem] px-0">
|
||||||
|
<div class="container">
|
||||||
|
<div class="flex flex-wrap mx-[-15px] xl:mx-[-35px] lg:mx-[-20px] !mt-[-50px] xl:!mt-0 lg:!mt-0">
|
||||||
|
<div class="xl:w-4/12 lg:w-4/12 w-full flex-[0_0_auto] !px-[15px] xl:!px-[35px] lg:!px-[20px] !mt-[50px] xl:!mt-0 lg:!mt-0 max-w-full text-center lg:text-left xl:text-left">
|
||||||
|
<h3 class="xl:!text-[1.9rem] !text-[calc(1.315rem_+_0.78vw)] font-semibold !leading-[1.25] !tracking-[normal] !mb-3 xxl:!pr-20">{!! t('Rakamlarla Yapay Zeka Gücümüz') !!}</h3>
|
||||||
|
<p class="lead !text-[1.1rem] !leading-[1.55] font-medium !mb-0 xxl:!pr-10 text-muted">{!! t('Yapay zeka modellerimizle iş süreçlerinizdeki verimlilik artışını ölçülebilir sonuçlarla kanıtlıyoruz.') !!}</p>
|
||||||
|
</div>
|
||||||
|
<!-- /column -->
|
||||||
|
<div class="xl:w-8/12 lg:w-8/12 w-full flex-[0_0_auto] !px-[15px] xl:!px-[35px] lg:!px-[20px] !mt-[50px] xl:!mt-2 lg:!mt-2 max-w-full">
|
||||||
|
<div class="flex flex-wrap mx-[-15px] items-center counter-wrapper !mt-[-30px] !text-center">
|
||||||
|
<div class="xl:w-4/12 lg:w-4/12 md:w-4/12 w-full flex-[0_0_auto] !px-[15px] !mt-[30px] max-w-full">
|
||||||
|
<div class="icon btn btn-circle pointer-events-none btn-soft-primary !mb-3 m-[0_auto] w-12 h-12 !inline-flex !items-center !justify-center bg-[#f3f0ff]">
|
||||||
|
<span class="material-symbols-outlined text-[#e31e24] !text-[1.6rem]">target</span>
|
||||||
|
</div>
|
||||||
|
<h3 class="counter xl:!text-[2rem] !text-[calc(1.325rem_+_0.9vw)] !tracking-[normal] !leading-none !mb-2">%99.4</h3>
|
||||||
|
<p class="!mb-0 text-muted">{!! t('Doğruluk Oranı (Görsel AI)') !!}</p>
|
||||||
|
</div>
|
||||||
|
<!--/column -->
|
||||||
|
<div class="xl:w-4/12 lg:w-4/12 md:w-4/12 w-full flex-[0_0_auto] !px-[15px] !mt-[30px] max-w-full">
|
||||||
|
<div class="icon btn btn-circle pointer-events-none btn-soft-primary !mb-3 m-[0_auto] w-12 h-12 !inline-flex !items-center !justify-center bg-[#f3f0ff]">
|
||||||
|
<span class="material-symbols-outlined text-[#e31e24] !text-[1.6rem]">bar_chart</span>
|
||||||
|
</div>
|
||||||
|
<h3 class="counter xl:!text-[2rem] !text-[calc(1.325rem_+_0.9vw)] !tracking-[normal] !leading-none !mb-2">10 Kat</h3>
|
||||||
|
<p class="!mb-0 text-muted">{!! t('Daha Hızlı Karar Alma') !!}</p>
|
||||||
|
</div>
|
||||||
|
<!--/column -->
|
||||||
|
<div class="xl:w-4/12 lg:w-4/12 md:w-4/12 w-full flex-[0_0_auto] !px-[15px] !mt-[30px] max-w-full">
|
||||||
|
<div class="icon btn btn-circle pointer-events-none btn-soft-primary !mb-3 m-[0_auto] w-12 h-12 !inline-flex !items-center !justify-center bg-[#f3f0ff]">
|
||||||
|
<span class="material-symbols-outlined text-[#e31e24] !text-[1.6rem]">cloud</span>
|
||||||
|
</div>
|
||||||
|
<h3 class="counter xl:!text-[2rem] !text-[calc(1.325rem_+_0.9vw)] !tracking-[normal] !leading-none !mb-2">%75</h3>
|
||||||
|
<p class="!mb-0 text-muted">{!! t('Altyapı Maliyet Tasarrufu') !!}</p>
|
||||||
|
</div>
|
||||||
|
<!--/column -->
|
||||||
|
</div>
|
||||||
|
<!--/.row -->
|
||||||
|
</div>
|
||||||
|
<!-- /column -->
|
||||||
|
</div>
|
||||||
|
<!-- /.row -->
|
||||||
|
</div>
|
||||||
|
<!-- /.container -->
|
||||||
|
</div>
|
||||||
|
<!--/.card-body -->
|
||||||
|
</div>
|
||||||
|
<!--/.card -->
|
||||||
|
</div>
|
||||||
|
<!-- /.container-card -->
|
||||||
|
</section>
|
||||||
|
|
||||||
{{-- Capabilities Section --}}
|
{{-- Capabilities Section --}}
|
||||||
<section class="wrapper bg-soft-primary ai-dev-section">
|
<section class="wrapper !bg-[#ffffff] ai-dev-section">
|
||||||
<div class="container pt-[4.5rem] pb-[4.5rem] xl:pt-24 xl:pb-24 lg:pt-24 lg:pb-24 md:pt-24 md:pb-24">
|
<div class="container pt-24 pb-24">
|
||||||
<div class="flex flex-wrap mx-[-15px] !text-center">
|
<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" data-cues="slideInUp" data-group="cap-header" data-duration="400">
|
<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" data-cues="slideInUp" data-group="cap-header" data-duration="400">
|
||||||
<h2 class="!text-[0.8rem] !leading-[1.35] !tracking-[0.02rem] uppercase !text-[#74788d] !mb-3">{!! t('Neler Yapıyoruz?') !!}</h2>
|
<h2 class="!text-[0.8rem] !leading-[1.35] !tracking-[0.02rem] uppercase !text-[#74788d] !mb-3">{!! t('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">
|
<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') !!} <span class="text-gradient gradient-7">{!! t('Yapay Zeka Yetkinlikleri') !!}</span>
|
{!! t('Trunçgil Teknoloji') !!} <br/><span class="text-gradient gradient-1">{!! t('Yapay Zeka Yetkinlikleri') !!}</span>
|
||||||
</h3>
|
</h3>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="flex flex-wrap mx-[-15px]" data-cues="slideInUp" data-group="cap-cards" data-interval="-150" data-duration="400">
|
<div class="flex flex-wrap mx-[-15px]" data-cues="slideInUp" data-group="cap-cards" data-interval="-150" data-duration="400">
|
||||||
|
{{-- LLM Card --}}
|
||||||
<div class="md:w-6/12 lg:w-4/12 xl:w-4/12 w-full flex-[0_0_auto] !px-[15px] !mt-6 max-w-full">
|
<div class="md:w-6/12 lg:w-4/12 xl:w-4/12 w-full flex-[0_0_auto] !px-[15px] !mt-6 max-w-full">
|
||||||
<div class="card h-full !shadow-sm border-0 flex flex-col justify-between !rounded-[1.2rem] overflow-hidden ai-card">
|
<div class="card h-full !shadow-sm border-0 flex flex-col justify-between !rounded-[1.2rem] overflow-hidden bg-white p-8 ai-card">
|
||||||
<div class="card-body !p-8 flex-[1_1_auto] flex flex-col text-center items-center">
|
<div class="card-body p-0 flex-[1_1_auto] flex flex-col text-center items-center">
|
||||||
<div class="icon btn btn-circle btn-lg btn-soft-purple pointer-events-none !mb-4 w-12 h-12 !inline-flex !items-center !justify-center !leading-none !rounded-full">
|
<div class="icon btn btn-circle btn-lg btn-soft-purple pointer-events-none !mb-4 w-12 h-12 !inline-flex !items-center !justify-center !leading-none !rounded-full bg-[#f3f0ff]">
|
||||||
<span class="material-symbols-outlined !text-[1.8rem]">smart_toy</span>
|
<span class="material-symbols-outlined !text-[1.6rem] text-gradient gradient-1">smart_toy</span>
|
||||||
</div>
|
</div>
|
||||||
<h4 class="!text-[1.15rem] !font-bold !mb-2">{!! t('Özel LLM İnce Ayarı') !!}</h4>
|
<h4 class="!text-[1.15rem] !font-bold !mb-2 text-[#343f52]">{!! t('Kurumsal Özel LLM (Dil Modeli)') !!}</h4>
|
||||||
<p class="!text-[0.85rem] !mb-0 text-muted flex-1">{!! t('Llama, Mistral ve Qwen gibi açık kaynak Büyük Dil Modellerini kurumsal bilgi tabanınıza QLoRA ile maliyet-efektif olarak eğitiyoruz.') !!}</p>
|
<p class="!text-[0.9rem] !mb-0 text-muted flex-1">{!! t('Şirketinizin tüm belgelerini okuyup analiz edebilen, çalışanlarınıza veya müşterilerinize güvenli ve özel asistanlık sunan kapalı devre Büyük Dil Modelleri geliştiriyoruz.') !!}</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
{{-- Vision Card --}}
|
||||||
<div class="md:w-6/12 lg:w-4/12 xl:w-4/12 w-full flex-[0_0_auto] !px-[15px] !mt-6 max-w-full">
|
<div class="md:w-6/12 lg:w-4/12 xl:w-4/12 w-full flex-[0_0_auto] !px-[15px] !mt-6 max-w-full">
|
||||||
<div class="card h-full !shadow-sm border-0 flex flex-col justify-between !rounded-[1.2rem] overflow-hidden ai-card">
|
<div class="card h-full !shadow-sm border-0 flex flex-col justify-between !rounded-[1.2rem] overflow-hidden bg-white p-8 ai-card">
|
||||||
<div class="card-body !p-8 flex-[1_1_auto] flex flex-col text-center items-center">
|
<div class="card-body p-0 flex-[1_1_auto] flex flex-col text-center items-center">
|
||||||
<div class="icon btn btn-circle btn-lg btn-soft-purple pointer-events-none !mb-4 w-12 h-12 !inline-flex !items-center !justify-center !leading-none !rounded-full">
|
<div class="icon btn btn-circle btn-lg btn-soft-purple pointer-events-none !mb-4 w-12 h-12 !inline-flex !items-center !justify-center !leading-none !rounded-full bg-[#f3f0ff]">
|
||||||
<span class="material-symbols-outlined !text-[1.8rem]">visibility</span>
|
<span class="material-symbols-outlined !text-[1.6rem] text-gradient gradient-1">visibility</span>
|
||||||
</div>
|
</div>
|
||||||
<h4 class="!text-[1.15rem] !font-bold !mb-2">{!! t('Bilgisayarlı Görü (Vision)') !!}</h4>
|
<h4 class="!text-[1.15rem] !font-bold !mb-2 text-[#343f52]">{!! t('Görsel Analiz ve Kalite Kontrol') !!}</h4>
|
||||||
<p class="!text-[0.85rem] !mb-0 text-muted flex-1">{!! t('Nesne tespiti, otonom kalite kontrol ve yüz tanıma sistemlerini yüksek performanslı edge cihazlar veya bulut GPU ağlarında koşturuyoruz.') !!}</p>
|
<p class="!text-[0.9rem] !mb-0 text-muted flex-1">{!! t('Fabrika üretim bantlarında otonom hatalı ürün tespiti, plaka ve yüz tanıma, nesne takibi ve kamera tabanlı iş güvenliği ihlal denetimi yapan akıllı yapılar kuruyoruz.') !!}</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
{{-- Edge AI Card --}}
|
||||||
<div class="md:w-6/12 lg:w-4/12 xl:w-4/12 w-full flex-[0_0_auto] !px-[15px] !mt-6 max-w-full">
|
<div class="md:w-6/12 lg:w-4/12 xl:w-4/12 w-full flex-[0_0_auto] !px-[15px] !mt-6 max-w-full">
|
||||||
<div class="card h-full !shadow-sm border-0 flex flex-col justify-between !rounded-[1.2rem] overflow-hidden ai-card">
|
<div class="card h-full !shadow-sm border-0 flex flex-col justify-between !rounded-[1.2rem] overflow-hidden bg-white p-8 ai-card">
|
||||||
<div class="card-body !p-8 flex-[1_1_auto] flex flex-col text-center items-center">
|
<div class="card-body p-0 flex-[1_1_auto] flex flex-col text-center items-center">
|
||||||
<div class="icon btn btn-circle btn-lg btn-soft-purple pointer-events-none !mb-4 w-12 h-12 !inline-flex !items-center !justify-center !leading-none !rounded-full">
|
<div class="icon btn btn-circle btn-lg btn-soft-purple pointer-events-none !mb-4 w-12 h-12 !inline-flex !items-center !justify-center !leading-none !rounded-full bg-[#f3f0ff]">
|
||||||
<span class="material-symbols-outlined !text-[1.8rem]">router</span>
|
<span class="material-symbols-outlined !text-[1.6rem] text-gradient gradient-1">router</span>
|
||||||
</div>
|
</div>
|
||||||
<h4 class="!text-[1.15rem] !font-bold !mb-2">{!! t('Edge AI Çözümleri') !!}</h4>
|
<h4 class="!text-[1.15rem] !font-bold !mb-2 text-[#343f52]">{!! t('Cihaz Üstü Yapay Zeka (Edge AI)') !!}</h4>
|
||||||
<p class="!text-[0.85rem] !mb-0 text-muted flex-1">{!! t('LiteRT ve ExecuTorch mimarileriyle yapay zeka çıkarım gücünü mobil uygulamalara ve düşük güç tüketen uç cihazlara (IoT) taşıyoruz.') !!}</p>
|
<p class="!text-[0.9rem] !mb-0 text-muted flex-1">{!! t('Modellerimizi küçülterek doğrudan mobil telefonlar, tabletler veya IoT kartları üzerinde çalışacak hale getiriyoruz. İnternet olmasa bile anlık yapay zeka işlem gücü sunuyoruz.') !!}</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
{{-- Data Pipeline Card --}}
|
||||||
<div class="md:w-6/12 lg:w-4/12 xl:w-4/12 w-full flex-[0_0_auto] !px-[15px] !mt-6 max-w-full">
|
<div class="md:w-6/12 lg:w-4/12 xl:w-4/12 w-full flex-[0_0_auto] !px-[15px] !mt-6 max-w-full">
|
||||||
<div class="card h-full !shadow-sm border-0 flex flex-col justify-between !rounded-[1.2rem] overflow-hidden ai-card">
|
<div class="card h-full !shadow-sm border-0 flex flex-col justify-between !rounded-[1.2rem] overflow-hidden bg-white p-8 ai-card">
|
||||||
<div class="card-body !p-8 flex-[1_1_auto] flex flex-col text-center items-center">
|
<div class="card-body p-0 flex-[1_1_auto] flex flex-col text-center items-center">
|
||||||
<div class="icon btn btn-circle btn-lg btn-soft-purple pointer-events-none !mb-4 w-12 h-12 !inline-flex !items-center !justify-center !leading-none !rounded-full">
|
<div class="icon btn btn-circle btn-lg btn-soft-purple pointer-events-none !mb-4 w-12 h-12 !inline-flex !items-center !justify-center !leading-none !rounded-full bg-[#f3f0ff]">
|
||||||
<span class="material-symbols-outlined !text-[1.8rem]">hub</span>
|
<span class="material-symbols-outlined !text-[1.6rem] text-gradient gradient-1">hub</span>
|
||||||
</div>
|
</div>
|
||||||
<h4 class="!text-[1.15rem] !font-bold !mb-2">{!! t('Yüksek Hızlı Veri Hatları') !!}</h4>
|
<h4 class="!text-[1.15rem] !font-bold !mb-2 text-[#343f52]">{!! t('Akıllı Veri Analitiği ve Tahminleme') !!}</h4>
|
||||||
<p class="!text-[0.85rem] !mb-0 text-muted flex-1">{!! t('Büyük verileri asenkron işleyip modellerinizi besleyecek yüksek throughput (tf.data) mimarileri ve veri ambarları kuruyoruz.') !!}</p>
|
<p class="!text-[0.9rem] !mb-0 text-muted flex-1">{!! t('Büyük verileri işleyen otomatik yapılar kurarak, gelecek dönem satışlarınızı, stok ihtiyaçlarınızı ve finansal risk senaryolarınızı yapay zekayla önceden tahmin ediyoruz.') !!}</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
{{-- Recommendation Card --}}
|
||||||
<div class="md:w-6/12 lg:w-4/12 xl:w-4/12 w-full flex-[0_0_auto] !px-[15px] !mt-6 max-w-full">
|
<div class="md:w-6/12 lg:w-4/12 xl:w-4/12 w-full flex-[0_0_auto] !px-[15px] !mt-6 max-w-full">
|
||||||
<div class="card h-full !shadow-sm border-0 flex flex-col justify-between !rounded-[1.2rem] overflow-hidden ai-card">
|
<div class="card h-full !shadow-sm border-0 flex flex-col justify-between !rounded-[1.2rem] overflow-hidden bg-white p-8 ai-card">
|
||||||
<div class="card-body !p-8 flex-[1_1_auto] flex flex-col text-center items-center">
|
<div class="card-body p-0 flex-[1_1_auto] flex flex-col text-center items-center">
|
||||||
<div class="icon btn btn-circle btn-lg btn-soft-purple pointer-events-none !mb-4 w-12 h-12 !inline-flex !items-center !justify-center !leading-none !rounded-full">
|
<div class="icon btn btn-circle btn-lg btn-soft-purple pointer-events-none !mb-4 w-12 h-12 !inline-flex !items-center !justify-center !leading-none !rounded-full bg-[#f3f0ff]">
|
||||||
<span class="material-symbols-outlined !text-[1.8rem]">recommend</span>
|
<span class="material-symbols-outlined !text-[1.6rem] text-gradient gradient-1">recommend</span>
|
||||||
</div>
|
</div>
|
||||||
<h4 class="!text-[1.15rem] !font-bold !mb-2">{!! t('Öneri & Karar Sistemleri') !!}</h4>
|
<h4 class="!text-[1.15rem] !font-bold !mb-2 text-[#343f52]">{!! t('Kişiselleştirilmiş Öneri Motorları') !!}</h4>
|
||||||
<p class="!text-[0.85rem] !mb-0 text-muted flex-1">{!! t('Collaborative filtering ve derin öğrenme ile kullanıcı davranışlarını öngören kişiselleştirilmiş e-ticaret ve analiz motorları geliştiriyoruz.') !!}</p>
|
<p class="!text-[0.9rem] !mb-0 text-muted flex-1">{!! t('Kullanıcıların geçmiş davranışlarını ve tercihlerini derin öğrenme yöntemleriyle analiz ederek, e-ticaret ve medya platformlarınızda satış dönüşümlerini katlayan akıllı öneri motorları tasarlıyoruz.') !!}</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
{{-- Deployment Card --}}
|
||||||
<div class="md:w-6/12 lg:w-4/12 xl:w-4/12 w-full flex-[0_0_auto] !px-[15px] !mt-6 max-w-full">
|
<div class="md:w-6/12 lg:w-4/12 xl:w-4/12 w-full flex-[0_0_auto] !px-[15px] !mt-6 max-w-full">
|
||||||
<div class="card h-full !shadow-sm border-0 flex flex-col justify-between !rounded-[1.2rem] overflow-hidden ai-card">
|
<div class="card h-full !shadow-sm border-0 flex flex-col justify-between !rounded-[1.2rem] overflow-hidden bg-white p-8 ai-card">
|
||||||
<div class="card-body !p-8 flex-[1_1_auto] flex flex-col text-center items-center">
|
<div class="card-body p-0 flex-[1_1_auto] flex flex-col text-center items-center">
|
||||||
<div class="icon btn btn-circle btn-lg btn-soft-purple pointer-events-none !mb-4 w-12 h-12 !inline-flex !items-center !justify-center !leading-none !rounded-full">
|
<div class="icon btn btn-circle btn-lg btn-soft-purple pointer-events-none !mb-4 w-12 h-12 !inline-flex !items-center !justify-center !leading-none !rounded-full bg-[#f3f0ff]">
|
||||||
<span class="material-symbols-outlined !text-[1.8rem]">storage</span>
|
<span class="material-symbols-outlined !text-[1.6rem] text-gradient gradient-1">storage</span>
|
||||||
</div>
|
</div>
|
||||||
<h4 class="!text-[1.15rem] !font-bold !mb-2">{!! t('Production Mimarisi') !!}</h4>
|
<h4 class="!text-[1.15rem] !font-bold !mb-2 text-[#343f52]">{!! t('Kusursuz Dağıtım Mimarisi') !!}</h4>
|
||||||
<p class="!text-[0.85rem] !mb-0 text-muted flex-1">{!! t('Geliştirilen modelleri TF Serving veya Triton Server ile Kubernetes ortamında zero-downtime ve düşük gecikme ile ölçekliyoruz.') !!}</p>
|
<p class="!text-[0.9rem] !mb-0 text-muted flex-1">{!! t('Yapay zeka modellerini NVIDIA Triton veya TorchServe altyapısı ile Kubernetes üzerinde, sıfır duraksama ve otomatik ölçekleme ile yüksek yüklere uygun şekilde devreye alıyoruz.') !!}</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -431,13 +497,13 @@
|
|||||||
|
|
||||||
{{-- FAQ Section --}}
|
{{-- FAQ Section --}}
|
||||||
<section class="wrapper !bg-[#ffffff] ai-dev-section">
|
<section class="wrapper !bg-[#ffffff] ai-dev-section">
|
||||||
<div class="container pt-[4.5rem] pb-[4.5rem] xl:pt-24 xl:pb-24 lg:pt-24 lg:pb-24 md:pt-24 md:pb-24">
|
<div class="container pb-24">
|
||||||
<div class="flex flex-wrap mx-[-15px]">
|
<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="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 text-center" data-cues="slideInUp" data-group="faq-header" data-duration="400">
|
<div class="!relative !mb-12 text-center" data-cues="slideInUp" data-group="faq-header" data-duration="400">
|
||||||
<h2 class="!text-[0.8rem] uppercase !text-[#74788d] !mb-3 !leading-[1.35]">{!! t('Sık Sorulan Sorular') !!}</h2>
|
<h2 class="!text-[0.8rem] uppercase !text-[#74788d] !mb-3 !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">
|
<h3 class="!text-[calc(1.325rem_+_0.9vw)] font-bold !leading-[1.2] xl:!text-[2rem] !mb-0 lg:!px-8 xl:!px-12">
|
||||||
{!! t('Yapay Zeka Projeleri İçin') !!} <span class="text-gradient gradient-7">{!! t('Merak Edilenler') !!}</span>
|
{!! t('Yapay Zeka Projeleri Hakkında') !!} <br/><span class="text-gradient gradient-1">{!! t('Sıkça Sorulanlar') !!}</span>
|
||||||
</h3>
|
</h3>
|
||||||
</div>
|
</div>
|
||||||
<div class="flex flex-wrap mx-[-15px]">
|
<div class="flex flex-wrap mx-[-15px]">
|
||||||
@@ -447,12 +513,12 @@
|
|||||||
<div class="card accordion-item !mb-5 !shadow-sm">
|
<div class="card accordion-item !mb-5 !shadow-sm">
|
||||||
<div class="card-header !mb-0 !p-[.9rem_1.3rem_.85rem] !border-0 !rounded-[0.4rem] !bg-inherit" id="heading-ai-1">
|
<div class="card-header !mb-0 !p-[.9rem_1.3rem_.85rem] !border-0 !rounded-[0.4rem] !bg-inherit" id="heading-ai-1">
|
||||||
<button class="!text-[#343f52] !text-[0.9rem] font-semibold hover:!text-[#e31e24] before:!text-[#e31e24] collapsed" data-bs-toggle="collapse" data-bs-target="#collapse-ai-1" aria-expanded="false" aria-controls="collapse-ai-1">
|
<button class="!text-[#343f52] !text-[0.9rem] font-semibold hover:!text-[#e31e24] before:!text-[#e31e24] collapsed" data-bs-toggle="collapse" data-bs-target="#collapse-ai-1" aria-expanded="false" aria-controls="collapse-ai-1">
|
||||||
{!! t('Özel dil modeli (LLM) eğitimi maliyetli midir?') !!}
|
{!! t('Özel yapay zeka (LLM) eğitimi maliyetli midir?') !!}
|
||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
<div id="collapse-ai-1" class="collapse" aria-labelledby="heading-ai-1" data-bs-target="#accordion-ai-1">
|
<div id="collapse-ai-1" class="collapse" aria-labelledby="heading-ai-1" data-bs-target="#accordion-ai-1">
|
||||||
<div class="card-body p-[0_1.25rem_.25rem_2.35rem] !text-[0.85rem] text-muted">
|
<div class="card-body p-[0_1.25rem_.25rem_2.35rem] !text-[0.85rem] text-muted">
|
||||||
<p>{!! t('Eskiden devasa bütçeler gerektiren bu işlemler, LoRA ve QLoRA (Quantization) teknikleri sayesinde dramatik olarak ucuzlamıştır. Modeli tamamen yeniden eğitmek yerine sadece belirli parametreleri güncelleyerek maliyetleri %99 oranında düşürüyoruz.') !!}</p>
|
<p>{!! t('Eskiden devasa bütçeler gerektiren bu süreçler, modern LoRA ve QLoRA sıkıştırma yöntemlerimiz sayesinde dramatik olarak ucuzlamıştır. Tüm modeli sıfırdan eğitmek yerine, mevcut güçlü açık kaynaklı modelleri şirketinizin verileriyle özelleştirerek maliyetleri %99 oranında düşürüyoruz.') !!}</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -460,12 +526,12 @@
|
|||||||
<div class="card accordion-item !mb-5 !shadow-sm">
|
<div class="card accordion-item !mb-5 !shadow-sm">
|
||||||
<div class="card-header !mb-0 !p-[.9rem_1.3rem_.85rem] !border-0 !rounded-[0.4rem] !bg-inherit" id="heading-ai-2">
|
<div class="card-header !mb-0 !p-[.9rem_1.3rem_.85rem] !border-0 !rounded-[0.4rem] !bg-inherit" id="heading-ai-2">
|
||||||
<button class="!text-[#343f52] !text-[0.9rem] font-semibold hover:!text-[#e31e24] before:!text-[#e31e24] collapsed" data-bs-toggle="collapse" data-bs-target="#collapse-ai-2" aria-expanded="false" aria-controls="collapse-ai-2">
|
<button class="!text-[#343f52] !text-[0.9rem] font-semibold hover:!text-[#e31e24] before:!text-[#e31e24] collapsed" data-bs-toggle="collapse" data-bs-target="#collapse-ai-2" aria-expanded="false" aria-controls="collapse-ai-2">
|
||||||
{!! t('Veri gizliliğini nasıl sağlıyorsunuz?') !!}
|
{!! t('Şirket verilerimizin gizliliğini nasıl sağlıyorsunuz?') !!}
|
||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
<div id="collapse-ai-2" class="collapse" aria-labelledby="heading-ai-2" data-bs-target="#accordion-ai-1">
|
<div id="collapse-ai-2" class="collapse" aria-labelledby="heading-ai-2" data-bs-target="#accordion-ai-1">
|
||||||
<div class="card-body p-[0_1.25rem_.25rem_2.35rem] !text-[0.85rem] text-muted">
|
<div class="card-body p-[0_1.25rem_.25rem_2.35rem] !text-[0.85rem] text-muted">
|
||||||
<p>{!! t('Kurumsal verilerinizi dış API\'lara göndermek yerine açık kaynaklı modelleri (Llama vb.) doğrudan kendi sunucularınızda (On-Premise) barındırarak %100 veri gizliliği garanti ediyoruz.') !!}</p>
|
<p>{!! t('Kurumsal verilerinizin gizliliği bizim birinci önceliğimizdir. Yapay zeka çözümlerimizi harici bulut API\'larına (OpenAI vb.) bağlamak yerine, tamamen şirketinizin kendi yerel sunucularında (On-Premise) barındırarak %100 veri gizliliği sağlıyoruz.') !!}</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -478,12 +544,12 @@
|
|||||||
<div class="card accordion-item !mb-5 !shadow-sm">
|
<div class="card accordion-item !mb-5 !shadow-sm">
|
||||||
<div class="card-header !mb-0 !p-[.9rem_1.3rem_.85rem] !border-0 !rounded-[0.4rem] !bg-inherit" id="heading-ai-3">
|
<div class="card-header !mb-0 !p-[.9rem_1.3rem_.85rem] !border-0 !rounded-[0.4rem] !bg-inherit" id="heading-ai-3">
|
||||||
<button class="!text-[#343f52] !text-[0.9rem] font-semibold hover:!text-[#e31e24] before:!text-[#e31e24] collapsed" data-bs-toggle="collapse" data-bs-target="#collapse-ai-3" aria-expanded="false" aria-controls="collapse-ai-3">
|
<button class="!text-[#343f52] !text-[0.9rem] font-semibold hover:!text-[#e31e24] before:!text-[#e31e24] collapsed" data-bs-toggle="collapse" data-bs-target="#collapse-ai-3" aria-expanded="false" aria-controls="collapse-ai-3">
|
||||||
{!! t('Edge AI (Uç Cihazlarda Yapay Zeka) nerede kullanılır?') !!}
|
{!! t('Cihaz üstü (Edge AI) yapay zeka ne gibi faydalar sağlar?') !!}
|
||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
<div id="collapse-ai-3" class="collapse" aria-labelledby="heading-ai-3" data-bs-target="#accordion-ai-2">
|
<div id="collapse-ai-3" class="collapse" aria-labelledby="heading-ai-3" data-bs-target="#accordion-ai-2">
|
||||||
<div class="card-body p-[0_1.25rem_.25rem_2.35rem] !text-[0.85rem] text-muted">
|
<div class="card-body p-[0_1.25rem_.25rem_2.35rem] !text-[0.85rem] text-muted">
|
||||||
<p>{!! t('İnternet bağlantısının olmadığı fabrikalarda (kalite kontrol), mobil uygulamalarda anlık yüz tanıma ve güvenlik sistemlerinde modellerin buluta gitmeden cihaz üzerinde koşturulması için LiteRT ve ExecuTorch mimarileri kullanılır.') !!}</p>
|
<p>{!! t('Edge AI, yapay zekanın bulut sunuculara gitmeden doğrudan çalıştırılmasıdır. İnternet bağlantısının olmadığı fabrikalarda (anlık kalite kontrol), mobil uygulamalarda beklemesiz veri işleme ve tam veri mahremiyeti gerektiren hassas sistemlerde sıklıkla tercih edilir.') !!}</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -491,12 +557,12 @@
|
|||||||
<div class="card accordion-item !mb-5 !shadow-sm">
|
<div class="card accordion-item !mb-5 !shadow-sm">
|
||||||
<div class="card-header !mb-0 !p-[.9rem_1.3rem_.85rem] !border-0 !rounded-[0.4rem] !bg-inherit" id="heading-ai-4">
|
<div class="card-header !mb-0 !p-[.9rem_1.3rem_.85rem] !border-0 !rounded-[0.4rem] !bg-inherit" id="heading-ai-4">
|
||||||
<button class="!text-[#343f52] !text-[0.9rem] font-semibold hover:!text-[#e31e24] before:!text-[#e31e24] collapsed" data-bs-toggle="collapse" data-bs-target="#collapse-ai-4" aria-expanded="false" aria-controls="collapse-ai-4">
|
<button class="!text-[#343f52] !text-[0.9rem] font-semibold hover:!text-[#e31e24] before:!text-[#e31e24] collapsed" data-bs-toggle="collapse" data-bs-target="#collapse-ai-4" aria-expanded="false" aria-controls="collapse-ai-4">
|
||||||
{!! t('PyTorch mu TensorFlow mu tercih etmeliyim?') !!}
|
{!! t('PyTorch mu yoksa TensorFlow mu tercih etmeliyiz?') !!}
|
||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
<div id="collapse-ai-4" class="collapse" aria-labelledby="heading-ai-4" data-bs-target="#accordion-ai-2">
|
<div id="collapse-ai-4" class="collapse" aria-labelledby="heading-ai-4" data-bs-target="#accordion-ai-2">
|
||||||
<div class="card-body p-[0_1.25rem_.25rem_2.35rem] !text-[0.85rem] text-muted">
|
<div class="card-body p-[0_1.25rem_.25rem_2.35rem] !text-[0.85rem] text-muted">
|
||||||
<p>{!! t('İkisi de güçlü motorlardır. Ar-Ge, LLM ve inovatif denemeler için genelde PyTorch; devasa veri hatları, statik grafik optimizasyonları ve mobil entegrasyonlar için TensorFlow tercih edilir. Projenize uygun seçimi birlikte yapıyoruz.') !!}</p>
|
<p>{!! t('Her iki altyapı da derin öğrenme dünyasının en güçlü motorlarıdır. Ar-Ge, hızlı model üretimi ve dil modelleri (LLM) geliştirmede genelde PyTorch; devasa veri akış optimizasyonları ve mobil entegrasyonlarda TensorFlow tercih edilir. Projenizin yapısına en uygun seçimi sizin için analiz edip birlikte gerçekleştiriyoruz.') !!}</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -510,15 +576,23 @@
|
|||||||
</section>
|
</section>
|
||||||
|
|
||||||
{{-- Footer Call to Action --}}
|
{{-- Footer Call to Action --}}
|
||||||
<section class="wrapper image-wrapper bg-full bg-image bg-overlay bg-overlay-light-500 bg-content relative z-0" data-image-src="{{ asset('assets/img/photos/bg22.png') }}" style="background-image: url('{{ asset('assets/img/photos/bg22.png') }}');">
|
<section class="wrapper !bg-[#ffffff] !mb-[-4.5rem]">
|
||||||
<div class="container py-[4.5rem] xl:py-24 lg:py-24 md:py-24 !relative" style="z-index: 2;">
|
<div class="container-card">
|
||||||
<div class="flex flex-wrap mx-[-15px] !text-center">
|
<div class="card image-wrapper bg-full bg-image bg-overlay bg-overlay-light-500 [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,.5)] xxl:!rounded-[.8rem] rounded-0" style="background-image: url('{{ asset('assets/img/photos/bg22.png') }}');">
|
||||||
<div class="xl:w-11/12 xxl:w-9/12 w-full flex-[0_0_auto] !px-[15px] max-w-full !mx-auto">
|
<div class="card-body py-[4.5rem] px-0">
|
||||||
<h2 class="!text-[0.8rem] !tracking-[0.02rem] !leading-[1.35] uppercase text-gradient gradient-7 !mb-3">{!! t('Geleceği Birlikte İnşa Edelim') !!}</h2>
|
<div class="container">
|
||||||
<h3 class="xl:!text-[2rem] !text-[calc(1.325rem_+_0.9vw)] font-bold !leading-[1.25] !mb-7 lg:!px-[7rem] xl:!px-[7rem]">
|
<div class="flex flex-wrap mx-[-15px] !text-center">
|
||||||
{!! t('Yapay Zeka ekosistemiyle işinizi bir adım öne taşımaya hazır mısınız?') !!}
|
<div class="xl:w-11/12 xxl:w-9/12 w-full flex-[0_0_auto] !px-[15px] max-w-full !mx-auto">
|
||||||
</h3>
|
<h2 class="!text-[0.8rem] !tracking-[0.02rem] !leading-[1.35] uppercase text-gradient gradient-1 !mb-3">{!! t('Geleceği Birlikte İnşa Edelim') !!}</h2>
|
||||||
<a href="{{ $contactUrl }}" class="btn btn-lg btn-gradient gradient-7 rounded-full shadow-lg">{!! t('Projeyi Başlatın') !!}</a>
|
<h3 class="xl:!text-[1.9rem] !text-[calc(1.315rem_+_0.78vw)] font-bold !leading-[1.25] !mb-7 lg:!px-[7rem] xl:!px-[7rem]">
|
||||||
|
{!! t('Yapay Zeka ekosistemiyle işinizi bir adım öne taşımaya hazır mısınız?') !!}
|
||||||
|
</h3>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="flex justify-center">
|
||||||
|
<a href="{{ $contactUrl }}" class="btn btn-lg btn-gradient gradient-1 rounded-full shadow-lg font-semibold">{!! t('Projeyi Başlatın') !!}</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
Reference in New Issue
Block a user