feat: update AI service page imagery and localization strings
This commit is contained in:
Ümit Tunç
@@ -209,7 +209,7 @@
|
||||
</div>
|
||||
<!--/column -->
|
||||
<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">
|
||||
<img class="max-w-full h-auto !mb-[-8rem]" src="{{ asset('assets/img/illustrations/3d6.png') }}" data-cue="fadeIn" data-delay="300" alt="image" data-show="true" style="animation-name: fadeIn; animation-duration: 700ms; animation-timing-function: ease; animation-delay: 300ms; animation-direction: normal; animation-fill-mode: both;">
|
||||
<img class="max-w-full h-auto !mb-[-8rem]" src="{{ asset('assets/img/illustrations/yapay-zeka-truncgil.png') }}" data-cue="fadeIn" data-delay="300" alt="image" data-show="true" style="animation-name: fadeIn; animation-duration: 700ms; animation-timing-function: ease; animation-delay: 300ms; animation-direction: normal; animation-fill-mode: both;">
|
||||
</div>
|
||||
<!--/column -->
|
||||
</div>
|
||||
@@ -224,174 +224,209 @@
|
||||
<!-- /.container-card -->
|
||||
</section>
|
||||
|
||||
{{-- Technical Process / Features Section --}}
|
||||
{{-- Premium AI Showcase & Process Sections --}}
|
||||
<section id="detaylar" class="wrapper !bg-[#ffffff] ai-dev-section">
|
||||
<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="container pt-[4.5rem] xl:pt-28 lg:pt-28 md:pt-28 pb-[4.5rem] xl:pb-32 lg:pb-32 md:pb-32">
|
||||
|
||||
{{-- Part 1: AI/ML Technology Grid --}}
|
||||
<div class="flex flex-wrap mx-[-15px] !text-center">
|
||||
<div class="md:w-10/12 xl:w-8/12 lg:w-8/12 w-full flex-[0_0_auto] !px-[15px] max-w-full xl:!ml-[16.66666667%] lg:!ml-[16.66666667%] md:!ml-[8.33333333%]">
|
||||
<h2 class="!text-[0.8rem] !tracking-[0.02rem] !leading-[1.35] uppercase text-gradient gradient-1 !mb-3">{!! t('Yapay Zeka Teknolojilerimiz ve Süreçlerimiz') !!}</h2>
|
||||
<h3 class="xl:!text-[1.9rem] !text-[calc(1.315rem_+_0.78vw)] font-semibold !leading-[1.25] !tracking-[normal] !mb-9 xl:!px-12">{!! t('Yapay zeka modellerinin arkasındaki karmaşık süreçleri, en güçlü teknolojilerle harmanlayarak işletmenize özel anahtar teslim çözümlere dönüştürüyoruz.') !!}</h3>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="flex flex-wrap mx-[-15px] !mt-[-40px] !mb-[7rem]">
|
||||
{{-- Item 1: TensorFlow --}}
|
||||
<div class="md:w-6/12 lg:w-4/12 xl:w-4/12 w-full flex-[0_0_auto] !px-[15px] max-w-full !mt-[40px]">
|
||||
<div class="flex flex-row">
|
||||
<div>
|
||||
<img src="{{ asset('assets/img/tech-logos/tensorflow.svg') }}" class="!w-[2.2rem] !h-[2.2rem] !mr-4" alt="TensorFlow">
|
||||
</div>
|
||||
<div>
|
||||
<h3 class="!text-[1.1rem] !mb-1 font-bold text-[#343f52]">{!! t('TensorFlow & Dağıtık Eğitim') !!}</h3>
|
||||
<p class="!mb-0 text-muted !text-[0.9rem]">{!! t('`tf.data` asenkron veri hatları ve MirroredStrategy ile büyük veriyi GPU/TPU sunucularında paralel olarak hızlandırılmış biçimde eğitiyoruz.') !!}</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{{-- Item 2: PyTorch --}}
|
||||
<div class="md:w-6/12 lg:w-4/12 xl:w-4/12 w-full flex-[0_0_auto] !px-[15px] max-w-full !mt-[40px]">
|
||||
<div class="flex flex-row">
|
||||
<div>
|
||||
<img src="{{ asset('assets/img/tech-logos/pytorch.svg') }}" class="!w-[2.2rem] !h-[2.2rem] !mr-4" alt="PyTorch">
|
||||
</div>
|
||||
<div>
|
||||
<h3 class="!text-[1.1rem] !mb-1 font-bold text-[#343f52]">{!! t('PyTorch & Derin Öğrenme') !!}</h3>
|
||||
<p class="!mb-0 text-muted !text-[0.9rem]">{!! t('Dinamik hesaplama grafiği (autograd) ve DDP ile esnek yapay sinir ağları tasarlıyor, karmaşık modellerin eğitim döngüsünü sıfırdan yönetiyoruz.') !!}</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{{-- Item 3: Hugging Face (LoRA) --}}
|
||||
<div class="md:w-6/12 lg:w-4/12 xl:w-4/12 w-full flex-[0_0_auto] !px-[15px] max-w-full !mt-[40px]">
|
||||
<div class="flex flex-row">
|
||||
<div>
|
||||
<img src="{{ asset('assets/img/tech-logos/hugging-face.svg') }}" class="!w-[2.2rem] !h-[2.2rem] !mr-4" alt="Hugging Face">
|
||||
</div>
|
||||
<div>
|
||||
<h3 class="!text-[1.1rem] !mb-1 font-bold text-[#343f52]">{!! t('LoRA & QLoRA İnce Ayar') !!}</h3>
|
||||
<p class="!mb-0 text-muted !text-[0.9rem]">{!! t('PEFT teknikleriyle milyarlarca parametreli açık kaynaklı LLM\'leri (Llama, Mistral) firmanızın özel verileriyle bütçe dostu biçimde eğitiyoruz.') !!}</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{{-- Item 4: Triton Serving (Kubernetes) --}}
|
||||
<div class="md:w-6/12 lg:w-4/12 xl:w-4/12 w-full flex-[0_0_auto] !px-[15px] max-w-full !mt-[40px]">
|
||||
<div class="flex flex-row">
|
||||
<div>
|
||||
<img src="{{ asset('assets/img/tech-logos/kubernetes.svg') }}" class="!w-[2.2rem] !h-[2.2rem] !mr-4" alt="Kubernetes">
|
||||
</div>
|
||||
<div>
|
||||
<h3 class="!text-[1.1rem] !mb-1 font-bold text-[#343f52]">{!! t('Triton & Yüksek Hızlı Sunum') !!}</h3>
|
||||
<p class="!mb-0 text-muted !text-[0.9rem]">{!! t('NVIDIA Triton ve TorchServe entegrasyonuyla modellerinizi Kubernetes üzerinde, dinamik gruplama (batching) ve düşük gecikmeyle yayına alıyoruz.') !!}</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{{-- Item 5: OpenCV / YOLO --}}
|
||||
<div class="md:w-6/12 lg:w-4/12 xl:w-4/12 w-full flex-[0_0_auto] !px-[15px] max-w-full !mt-[40px]">
|
||||
<div class="flex flex-row">
|
||||
<div>
|
||||
<img src="{{ asset('assets/img/tech-logos/python.svg') }}" class="!w-[2.2rem] !h-[2.2rem] !mr-4" alt="Python & Vision">
|
||||
</div>
|
||||
<div>
|
||||
<h3 class="!text-[1.1rem] !mb-1 font-bold text-[#343f52]">{!! t('Bilgisayarlı Görü (Vision)') !!}</h3>
|
||||
<p class="!mb-0 text-muted !text-[0.9rem]">{!! t('Fabrikalarda otonom kalite kontrol, nesne takibi ve YOLO mimarileri ile anlık görsel analiz gerçekleştiren akıllı gözler tasarlıyoruz.') !!}</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{{-- Item 6: DeepSeek & Hybrid LLM --}}
|
||||
<div class="md:w-6/12 lg:w-4/12 xl:w-4/12 w-full flex-[0_0_auto] !px-[15px] max-w-full !mt-[40px]">
|
||||
<div class="flex flex-row">
|
||||
<div>
|
||||
<img src="{{ asset('assets/img/tech-logos/deepseek.svg') }}" class="!w-[2.2rem] !h-[2.2rem] !mr-4" alt="DeepSeek">
|
||||
</div>
|
||||
<div>
|
||||
<h3 class="!text-[1.1rem] !mb-1 font-bold text-[#343f52]">{!! t('Hibrit LLM & RAG Çözümleri') !!}</h3>
|
||||
<p class="!mb-0 text-muted !text-[0.9rem]">{!! t('Şirket içi belgelerinizi akıllı arama (Vector DB) ile birleştirerek, en son LLM teknolojileriyle entegre özel bilgi asistanları geliştiriyoruz.') !!}</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{{-- Part 2: Have Perfect Control (Training Cycle Loop) --}}
|
||||
<div class="flex flex-wrap mx-[-7.5px] !mt-[-50px] !mb-[5rem] xl:!mb-[8rem] lg:!mb-[8rem] md:!mb-[8rem] items-center">
|
||||
<div class="xl:w-5/12 lg:w-5/12 w-full flex-[0_0_auto] px-[7.5px] !mt-[50px] 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="AI Control Model illustration">
|
||||
</figure>
|
||||
</div>
|
||||
|
||||
<div class="xl:w-5/12 lg:w-5/12 w-full flex-[0_0_auto] px-[7.5px] !mt-[50px] 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('Eğitim Sürecinde Tam Kontrol') !!}</h2>
|
||||
<h3 class="xl:!text-[1.9rem] !text-[calc(1.315rem_+_0.78vw)] font-semibold !leading-[1.25] !tracking-[normal] !mb-4">{!! t('Yapay zekanın eğitim döngüsünü adım adım izliyor, her aşamayı optimize ediyoruz.') !!}</h3>
|
||||
<p class="!mb-6 text-muted !text-[0.95rem]">{!! t('Model eğitimi sadece kod yazmaktan ibaret değildir. Eğitim esnasında gradient patlamalarını, aşırı öğrenmeyi (overfitting) ve kaynak tüketimini anlık olarak izliyoruz. Şeffaf ve kontrol edilebilir yapay zeka modelleri geliştiriyoruz.') !!}</p>
|
||||
|
||||
<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">
|
||||
<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">
|
||||
{!! t('Karmaşık Teknolojiler,') !!} <span class="text-gradient gradient-1">{!! t('Sade ve Güçlü Çözümler') !!}</span>
|
||||
</h3>
|
||||
<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 class="flex flex-wrap mx-[-15px] mt-10">
|
||||
{{-- 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="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="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]">
|
||||
<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>
|
||||
<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>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{{-- 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="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="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]">
|
||||
<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>
|
||||
<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>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{{-- 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="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="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]">
|
||||
<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>
|
||||
<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>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{{-- 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="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="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]">
|
||||
<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>
|
||||
<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>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex flex-wrap mx-[-15px] !mt-[-15px]">
|
||||
<div class="xl:w-6/12 w-full flex-[0_0_auto] !mt-[15px] xl:!px-[20px] !px-[15px] max-w-full">
|
||||
<ul class="pl-0 list-none bullet-bg bullet-soft-primary !mb-0">
|
||||
<li class="relative !pl-6">
|
||||
<span><i class="uil uil-check w-4 h-4 text-[0.8rem] leading-none !tracking-[normal] !text-center flex justify-center items-center bg-[#e2e2f3] !text-[#e31e24] rounded-[100%] top-[0.2rem] before:content-['\e9dd'] before:align-middle before:table-cell absolute left-0"></i></span>
|
||||
<strong class="text-[#343f52]">{!! t('TensorBoard ile Görselleştirme') !!}</strong>
|
||||
<p class="!mb-0 !text-[0.85rem] text-muted">{!! t('Kayıp (loss) ve doğruluk (accuracy) grafiklerini anlık takip ediyoruz.') !!}</p>
|
||||
</li>
|
||||
<li class="relative !pl-6 !mt-4">
|
||||
<span><i class="uil uil-check w-4 h-4 text-[0.8rem] leading-none !tracking-[normal] !text-center flex justify-center items-center bg-[#e2e2f3] !text-[#e31e24] rounded-[100%] top-[0.2rem] before:content-['\e9dd'] before:align-middle before:table-cell absolute left-0"></i></span>
|
||||
<strong class="text-[#343f52]">{!! t('Hiperparametre Optimizasyonu') !!}</strong>
|
||||
<p class="!mb-0 !text-[0.85rem] text-muted">{!! t('Optuna ve Ray Tune kullanarak en doğru öğrenme oranını (learning rate) buluyoruz.') !!}</p>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="xl:w-6/12 w-full flex-[0_0_auto] !mt-[15px] xl:!px-[20px] !px-[15px] max-w-full">
|
||||
<ul class="pl-0 list-none bullet-bg bullet-soft-primary !mb-0">
|
||||
<li class="relative !pl-6">
|
||||
<span><i class="uil uil-check w-4 h-4 text-[0.8rem] leading-none !tracking-[normal] !text-center flex justify-center items-center bg-[#e2e2f3] !text-[#e31e24] rounded-[100%] top-[0.2rem] before:content-['\e9dd'] before:align-middle before:table-cell absolute left-0"></i></span>
|
||||
<strong class="text-[#343f52]">{!! t('Erken Durdurma (Early Stopping)') !!}</strong>
|
||||
<p class="!mb-0 !text-[0.85rem] text-muted">{!! t('Model aşırı öğrenmeye başladığı anda eğitimi otomatik kesip en iyi ağırlıkları koruyoruz.') !!}</p>
|
||||
</li>
|
||||
<li class="relative !pl-6 !mt-4">
|
||||
<span><i class="uil uil-check w-4 h-4 text-[0.8rem] leading-none !tracking-[normal] !text-center flex justify-center items-center bg-[#e2e2f3] !text-[#e31e24] rounded-[100%] top-[0.2rem] before:content-['\e9dd'] before:align-middle before:table-cell absolute left-0"></i></span>
|
||||
<strong class="text-[#343f52]">{!! t('Ağılık Kaydetme (Checkpointing)') !!}</strong>
|
||||
<p class="!mb-0 !text-[0.85rem] text-muted">{!! t('Eğitim aşamalarını düzenli kaydederek kesinti durumunda kaldığımız yerden devam ettiriyoruz.') !!}</p>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</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>
|
||||
{{-- Part 3: What Makes Us Different? (Floating Stats Cards) --}}
|
||||
<div class="flex flex-wrap mx-[-15px] xl:mx-[-20px] lg:mx-[-20px] md:mx-[-20px] !mt-[-50px] items-center">
|
||||
<div class="xl:w-6/12 lg:w-6/12 w-full flex-[0_0_auto] xl:!px-[20px] lg:!px-[20px] md:!px-[20px] !px-[15px] max-w-full xl:!ml-[8.33333333%] lg:!ml-[8.33333333%] xl:!order-2 lg:!order-2 !relative !mt-[50px]">
|
||||
<figure class="rounded-[0.4rem]">
|
||||
<img class="max-w-full h-auto rounded-[0.4rem]" src="{{ asset('assets/img/photos/about27.jpg') }}" alt="AI Engine analysis dashboard">
|
||||
</figure>
|
||||
|
||||
<div class="card !shadow-[0_0.25rem_1.75rem_rgba(30,34,40,0.07)] !absolute xl:block lg:block md:block max-sm:!hidden" style="top: 15%; left: -7%">
|
||||
<div class="card-body py-4 px-5">
|
||||
<div class="flex flex-row items-center">
|
||||
<div class="icon-svg mr-3">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 234.66" class="!w-[2.2rem] !h-[2.2rem] solid-duo text-gradient gradient-1">
|
||||
<circle class="fill-secondary" cx="128" cy="149.33" r="21.33"></circle>
|
||||
<path class="fill-secondary" d="M162.67 234.66H93.34a8 8 0 01-8-8v-16a29.36 29.36 0 0129.33-29.33h26.67a29.35 29.35 0 0129.33 29.33v16a8 8 0 01-8 8zm32-64h-14.19a55.46 55.46 0 0116.85 40v2.67H216a8.06 8.06 0 008-8V200a29.32 29.32 0 00-29.33-29.34zm-133.34 0A29.31 29.31 0 0032 200v5.35a8.06 8.06 0 008 8h18.67v-2.67a55.46 55.46 0 0116.85-40z"></path>
|
||||
<circle class="fill-secondary" cx="74.67" cy="138.66" r="21.33"></circle>
|
||||
<circle class="fill-secondary" cx="181.33" cy="138.66" r="21.33"></circle>
|
||||
<path class="fill-primary" d="M27.2 162.94a52.21 52.21 0 018.8-6.56A42.48 42.48 0 01107.73 112a41 41 0 0140.54 0A42.48 42.48 0 01220 156.38a55.09 55.09 0 015.83 4 64.4 64.4 0 00-26.65-118.49A81.31 81.31 0 00128 0C90.19 0 57.39 26.3 49.1 62.18 21.54 65.07 0 88.22 0 116.26c0 19.93 11 37.21 27.2 46.68z"></path>
|
||||
</svg>
|
||||
</div>
|
||||
<div>
|
||||
<h3 class="!text-[1.25rem] counter !leading-[1.4] !mb-0 whitespace-nowrap" style="visibility: visible;">{!! t('50+') !!}</h3>
|
||||
<p class="!text-[0.8rem] leading-normal !mb-0 whitespace-nowrap text-muted">{!! t('Başarıyla Tamamlanan Projeler') !!}</p>
|
||||
</div>
|
||||
</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>
|
||||
</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 class="card !shadow-[0_0.25rem_1.75rem_rgba(30,34,40,0.07)] !absolute !text-center xl:block lg:block md:block max-sm:!hidden" style="bottom: 10%; left: -10%;">
|
||||
<div class="card-body p-6">
|
||||
<div class="progressbar semi-circle fuchsia !relative !mb-3 !m-[0_auto_1rem] !w-[8.5rem] !h-[4.25rem]" data-value="99" style="position: relative;">
|
||||
<svg viewBox="0 0 100 50" style="display: block; width: 100%;">
|
||||
<path d="M 50,50 m -47,0 a 47,47 0 1 1 94,0" stroke="#eee" stroke-width="6" fill-opacity="0"></path>
|
||||
<path d="M 50,50 m -47,0 a 47,47 0 1 1 94,0" stroke="#e31e24" stroke-width="6" fill-opacity="0" style="stroke-dasharray: 147.708, 147.708; stroke-dashoffset: 1.47708;"></path>
|
||||
</svg>
|
||||
<div class="progressbar-text" style="position: absolute; left: 50%; top: auto; padding: 0px; margin: 0px; transform: translate(-50%, 0px); color: #e31e24; bottom: 0px; font-weight: bold;">%99</div>
|
||||
</div>
|
||||
<!--/.card-body -->
|
||||
<h4 class="!mb-0">{!! t('Maliyet Azaltma') !!}</h4>
|
||||
<p class="!text-[0.75rem] text-muted !mb-0">{!! t('LoRA ve Sıkıştırma ile') !!}</p>
|
||||
</div>
|
||||
</div>
|
||||
<!--/.card -->
|
||||
</div>
|
||||
|
||||
<div class="xl:w-5/12 lg:w-5/12 w-full flex-[0_0_auto] xl:!px-[20px] lg:!px-[20px] md:!px-[20px] !px-[15px] max-w-full !mt-[50px]">
|
||||
<h2 class="!text-[0.8rem] !tracking-[0.02rem] !leading-[1.35] uppercase text-gradient gradient-1 !mb-3">{!! t('Neden Trunçgil Yapay Zeka Çözümleri?') !!}</h2>
|
||||
<h3 class="xl:!text-[1.9rem] !text-[calc(1.315rem_+_0.78vw)] font-semibold !leading-[1.25] !tracking-[normal] !mb-4 xl:mr-[-1.25rem] lg:mr-[-1.25rem]">{!! t('Verilerinizin gücünü açığa çıkarıyor, işinizi geleceğe taşıyoruz.') !!}</h3>
|
||||
<p class="!mb-6 text-muted !text-[0.95rem]">{!! t('Yapay zeka çözümlerimizi tamamen işletmenizin özel ihtiyaçlarına, bütçesine ve altyapısına uyarlıyoruz. Dışa bağımlılık olmadan, yüksek performanslı ve güvenli bir dijital dönüşüm sunuyoruz.') !!}</p>
|
||||
<ul class="pl-0 list-none bullet-bg bullet-soft-primary">
|
||||
<li class="relative !pl-6 !mt-[0.35rem]">
|
||||
<i class="uil uil-check absolute left-0 w-4 h-4 text-[0.8rem] leading-none !tracking-[normal] !text-center flex items-center justify-center bg-[#e2e2f3] !text-[#e31e24] rounded-[100%] top-[0.2rem] before:content-['\e9dd'] before:align-middle before:table-cell"></i>
|
||||
<strong>{!! t('Sıfır Dış Bağımlılık & Yerel Kurulum') !!}</strong>
|
||||
</li>
|
||||
<li class="relative !pl-6 !mt-[0.35rem]">
|
||||
<i class="uil uil-check absolute left-0 w-4 h-4 text-[0.8rem] leading-none !tracking-[normal] !text-center flex items-center justify-center bg-[#e2e2f3] !text-[#e31e24] rounded-[100%] top-[0.2rem] before:content-['\e9dd'] before:align-middle before:table-cell"></i>
|
||||
<strong>{!! t('Düşük Gecikmeli Çıkarım Mimarisi') !!}</strong>
|
||||
</li>
|
||||
<li class="relative !pl-6 !mt-[0.35rem]">
|
||||
<i class="uil uil-check absolute left-0 w-4 h-4 text-[0.8rem] leading-none !tracking-[normal] !text-center flex items-center justify-center bg-[#e2e2f3] !text-[#e31e24] rounded-[100%] top-[0.2rem] before:content-['\e9dd'] before:align-middle before:table-cell"></i>
|
||||
<strong>{!! t('Uç Cihazlara Taşınabilirlik (Edge AI)') !!}</strong>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<!-- /.container-card -->
|
||||
|
||||
</div>
|
||||
</section>
|
||||
|
||||
{{-- Capabilities Section --}}
|
||||
|
||||
Reference in New Issue
Block a user