Ümit Tunç
620 lines
54 KiB
PHP
620 lines
54 KiB
PHP
@extends('layouts.site')
|
||
|
||
@section('title', $product->translate('title') ?? 'Trunçgil Finance')
|
||
|
||
@php
|
||
$landingData = $product->landing_page_data ?? [];
|
||
$hero = $landingData['hero'] ?? [];
|
||
$currentLang = app()->getLocale();
|
||
@endphp
|
||
|
||
@push('styles')
|
||
<style>
|
||
/* Premium visual helpers matching theme */
|
||
.typer-custom {
|
||
color: #54a8c7 !important;
|
||
}
|
||
</style>
|
||
@endpush
|
||
|
||
@section('content')
|
||
<div class="grow shrink-0">
|
||
|
||
{{-- Section 1: Hero --}}
|
||
<section class="wrapper bg-[#262b32] opacity-100 angled lower-start relative border-0
|
||
before:content-[''] before:block before:absolute before:z-0 before:border-y-transparent before:border-[#262b32] before:border-0 before:border-solid before:right-0
|
||
after:bottom-[-4rem] after:content-[''] after:block after:absolute after:z-0 after:border-l-[100vw] after:border-r-transparent after:border-b-[4rem] after:border-y-transparent after:border-[#262b32] after:border-0 after:border-solid after:right-0">
|
||
<div class="container pt-7 xl:pt-12 lg:pt-12 md:pt-12 pb-8 relative z-10">
|
||
<div class="flex flex-wrap mx-0 !mt-[-50px] items-center">
|
||
<div class="lg:w-6/12 xl:w-6/12 w-full flex-[0_0_auto] max-w-full px-0 !mt-[50px]">
|
||
<h1 class="!text-[calc(1.375rem_+_1.5vw)] font-bold !leading-[1.15] xl:!text-[2.5rem] !text-white !mb-4">
|
||
{!! t('Trunçgil Finance ile') !!} <br>
|
||
<span class="typer !text-[#54a8c7] whitespace-nowrap" data-delay="100" data-words="{{ t('anlık döviz kurlarına,canlı altın fiyatlarına,kripto para verilerine') }}"></span>
|
||
<span class="cursor !text-[#54a8c7]" data-owner="typer"></span>
|
||
</h1>
|
||
<p class="lead !text-[1.2rem] !leading-[1.5] !text-white !mb-7 md:!pr-32 xl:!pr-0 lg:!pr-0 xxl:!pr-20">
|
||
{!! t('Gecikmesiz, anlık ve yüksek frekanslı tüm finansal piyasa verilerini tek bir JSON/RESTful API uç noktasından saniyeler içinde sistemlerinize entegre edin.') !!}
|
||
</p>
|
||
|
||
{{-- Live Rates Widget (Wow Factor Integration inside Hero) --}}
|
||
<div class="bg-[rgba(255,255,255,0.04)] border border-[rgba(255,255,255,0.1)] rounded-lg p-5 !mb-7" style="max-width: 480px; backdrop-filter: blur(10px);">
|
||
<div class="flex items-center gap-2 mb-3">
|
||
<span class="w-2 h-2 rounded-full bg-[#00e676] animate-pulse"></span>
|
||
<span class="text-[#cacaca] text-[0.75rem] font-bold tracking-wider uppercase">{!! t('Canlı Piyasalar (Simüle)') !!}</span>
|
||
</div>
|
||
<div class="grid grid-cols-2 gap-4">
|
||
<div class="flex items-center gap-3">
|
||
<div class="w-2.5 h-2.5 rounded-full bg-warning"></div>
|
||
<div>
|
||
<div class="text-[#cacaca] text-[0.65rem] uppercase font-bold">{!! t('Gram Altın') !!}</div>
|
||
<div class="text-white font-bold text-[0.9rem] font-mono" id="gold-try">₺3,142.45</div>
|
||
</div>
|
||
</div>
|
||
<div class="flex items-center gap-3">
|
||
<div class="w-2.5 h-2.5 rounded-full bg-info"></div>
|
||
<div>
|
||
<div class="text-[#cacaca] text-[0.65rem] uppercase font-bold">USD / TRY</div>
|
||
<div class="text-white font-bold text-[0.9rem] font-mono" id="usd-try">₺34.8250</div>
|
||
</div>
|
||
</div>
|
||
<div class="flex items-center gap-3">
|
||
<div class="w-2.5 h-2.5 rounded-full bg-success"></div>
|
||
<div>
|
||
<div class="text-[#cacaca] text-[0.65rem] uppercase font-bold">EUR / TRY</div>
|
||
<div class="text-white font-bold text-[0.9rem] font-mono" id="eur-try">₺37.2480</div>
|
||
</div>
|
||
</div>
|
||
<div class="flex items-center gap-3">
|
||
<div class="w-2.5 h-2.5 rounded-full bg-primary"></div>
|
||
<div>
|
||
<div class="text-[#cacaca] text-[0.65rem] uppercase font-bold">BTC / USD</div>
|
||
<div class="text-white font-bold text-[0.9rem] font-mono" id="btc-usd">$98,425.00</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div>
|
||
<a href="https://finance.truncgil.com/docs" target="_blank" class="btn btn-lg btn-aqua !text-white !bg-[#54a8c7] border-[#54a8c7] hover:text-white hover:bg-[#54a8c7] hover:!border-[#54a8c7] focus:shadow-[rgba(79,152,181,1)] active:!text-[#343f52] active:bg-[#54a8c7] active:border-[#54a8c7] disabled:!text-[#343f52] disabled:bg-[#54a8c7] disabled:border-[#54a8c7] rounded mr-3">
|
||
{!! t('Dokümantasyon') !!}
|
||
</a>
|
||
<a href="{{ route('page.show', ['slug' => 'iletisim']) }}" class="btn btn-lg btn-outline-white text-white border-white hover:bg-white hover:text-[#262b32] rounded">
|
||
{!! t('Teklif Alın') !!}
|
||
</a>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="lg:w-5/12 xl:w-5/12 w-full flex-[0_0_auto] max-w-full px-0 !mt-[50px] lg:!ml-[8.33333333%] xl:!ml-[8.33333333%] !mb-[-8rem] relative z-[3]">
|
||
<div class="!relative">
|
||
<a href="https://finance.truncgil.com/" target="_blank"
|
||
class="btn btn-circle btn-aqua !text-white !bg-[#54a8c7] border-[#54a8c7] hover:text-white hover:bg-[#54a8c7] hover:!border-[#54a8c7] focus:shadow-[rgba(79,152,181,1)] active:!text-[#343f52] active:bg-[#54a8c7] active:border-[#54a8c7] disabled:!text-[#343f52] disabled:bg-[#54a8c7] disabled:border-[#54a8c7] btn-play ripple !mx-auto !mb-6 !absolute !text-[calc(1.355rem_+_1.26vw)] xl:!text-[2.3rem] !w-[3.5rem] !h-[3.5rem] !inline-flex !items-center !justify-center !leading-none !p-0 !rounded-[100%] before:!bg-[#54a8c7] after:!bg-[#54a8c7] before:content-[''] before:block before:absolute before:opacity-80 before:animate-[ripple-1_2s_infinite_ease-in-out] before:z-[-1] before:rounded-[50%] before:inset-0 after:opacity-60 after:animate-[ripple-2_2s_infinite_ease-in-out] after:content-[''] after:block after:absolute after:z-[-1] after:rounded-[50%] after:inset-0 after:[animation-delay:.5s]"
|
||
style="top:50%; left: 50%; transform: translate(-50%,-50%); z-index:3;"><i
|
||
class="icn-caret-right !ml-[0.15rem] !relative z-[2] before:content-['\e900'] !text-[calc(1.355rem_+_1.26vw)]"></i></a>
|
||
<figure class="!rounded-[.4rem] !shadow-[0_0.25rem_1.75rem_rgba(30,34,40,0.07)]">
|
||
<img class="!rounded-[.4rem]" src="{{ asset('assets/img/photos/about13.jpg') }}" alt="Trunçgil Finance Preview">
|
||
</figure>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
{{-- Section 2: What We Do? --}}
|
||
<section class="wrapper !bg-[#ffffff]">
|
||
<div class="container pt-36 xl:pt-[12.5rem] lg:pt-[12.5rem] md:pt-[12.5rem] pb-24 xl:pb-32 lg:pb-32 md:pb-32">
|
||
<div class="flex flex-wrap mx-[-15px]">
|
||
<div class="lg:w-8/12 xl:w-7/12 xxl:w-6/12 w-full flex-[0_0_auto] !px-[15px] max-w-full">
|
||
<h2 class="!text-[0.8rem] uppercase inline-flex !leading-[1.35] text-line relative align-top !pl-[1.4rem] !tracking-[0.02rem] before:content-[''] before:absolute before:inline-block before:translate-y-[-60%] before:w-3 before:h-[0.05rem] before:left-0 before:top-2/4 before:bg-[#54a8c7] !text-[#54a8c7] !mb-3">
|
||
{!! t('Ne Yapıyoruz?') !!}
|
||
</h2>
|
||
<h3 class="!text-[calc(1.315rem_+_0.78vw)] font-bold xl:!text-[1.9rem] !leading-[1.25] !mb-9">
|
||
{!! t('İhtiyaçlarınıza özel olarak tasarlanmış yüksek hızlı finansal veri çözümleri.') !!}
|
||
</h3>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="flex flex-wrap mx-[-15px] xl:mx-[-20px] lg:mx-[-20px] md:mx-[-20px] !mt-[-40px] !mb-[4.5rem] xl:!mb-[8rem] lg:!mb-[8rem] md:!mb-[8rem]">
|
||
<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="icon btn btn-block btn-lg btn-soft-aqua pointer-events-none !mb-6">
|
||
<i class="uil uil-wind-moon"></i>
|
||
</div>
|
||
<h4 class="!text-[1rem] !leading-[1.45]">{!! t('7/24 Kesintisiz Destek') !!}</h4>
|
||
<p class="!mb-3">{!! t('Canlı veri hatlarımız ve uzman teknik ekibimiz, sistemlerinizin kesintisiz çalışması için her an hazır durumdadır.') !!}</p>
|
||
<a href="https://finance.truncgil.com/docs" target="_blank" class="more hover !text-[#54a8c7] focus:!text-[#54a8c7] hover:!text-[#54a8c7]">{!! t('Detaylar') !!}</a>
|
||
</div>
|
||
<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="icon btn btn-block btn-lg btn-soft-aqua pointer-events-none !mb-6">
|
||
<i class="uil uil-shield-exclamation before:content-['\ecb3']"></i>
|
||
</div>
|
||
<h4 class="!text-[1rem] !leading-[1.45]">{!! t('Güvenli Entegrasyon') !!}</h4>
|
||
<p class="!mb-3">{!! t('SSL/TLS korumalı, son derece güvenli RESTful API uç noktalarımız ile verilerinizi projelerinize güvenle çekin.') !!}</p>
|
||
<a href="https://finance.truncgil.com/docs" target="_blank" class="more hover !text-[#54a8c7] focus:!text-[#54a8c7] hover:!text-[#54a8c7]">{!! t('Detaylar') !!}</a>
|
||
</div>
|
||
<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="icon btn btn-block btn-lg btn-soft-aqua pointer-events-none !mb-6">
|
||
<i class="uil uil-laptop-cloud before:content-['\ebb2']"></i>
|
||
</div>
|
||
<h4 class="!text-[1rem] !leading-[1.45]">{!! t('Anlık Güncellemeler') !!}</h4>
|
||
<p class="!mb-3">{!! t('Altın fiyatları, serbest piyasa döviz kurları ve kripto paralar milisaniyeler bazında sürekli güncellenir.') !!}</p>
|
||
<a href="https://finance.truncgil.com/docs" target="_blank" class="more hover !text-[#54a8c7] focus:!text-[#54a8c7] hover:!text-[#54a8c7]">{!! t('Detaylar') !!}</a>
|
||
</div>
|
||
<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="icon btn btn-block btn-lg btn-soft-aqua pointer-events-none !mb-6">
|
||
<i class="uil uil-phone-volume before:content-['\ec50']"></i>
|
||
</div>
|
||
<h4 class="!text-[1rem] !leading-[1.45]">{!! t('Piyasa Analizleri') !!}</h4>
|
||
<p class="!mb-3">{!! t('Gelişmiş geçmiş veri havuzumuzla piyasa trendlerini kolayca analiz edin, raporlayın ve tahminler üretin.') !!}</p>
|
||
<a href="https://finance.truncgil.com/docs" target="_blank" class="more hover !text-[#54a8c7] focus:!text-[#54a8c7] hover:!text-[#54a8c7]">{!! t('Detaylar') !!}</a>
|
||
</div>
|
||
</div>
|
||
|
||
{{-- Section 3: How It Works? --}}
|
||
<div class="flex flex-wrap mx-[-15px] max-sm:!mt-[-50px] !mt-[-80px] xl:mx-[-7.5px] lg:mx-[-7.5px] !mb-24 md:!mb-[8rem] items-center">
|
||
<div class="md:w-8/12 lg:w-6/12 xl:w-6/12 w-full flex-[0_0_auto] xl:!px-[7.5px] lg:!px-[7.5px] !px-[15px] max-w-full !relative !mt-[80px]">
|
||
<div class="shape bg-dot rellax !w-[7rem] !h-[12.5rem] absolute z-[1] opacity-50 !bg-[radial-gradient(#54a8c7_2px,transparent_2.5px)]" data-rellax-speed="1" style="top: -2rem; left: -1.9rem;"></div>
|
||
<div class="shape !rounded-[.4rem] !bg-[#edf2fc] rellax xl:block lg:block md:block !absolute z-[1]" data-rellax-speed="0" style="bottom: -1.8rem; right: -1.5rem; width: 85%; height: 90%;"></div>
|
||
<figure class="!rounded-[.4rem] relative z-[2]">
|
||
<img class="!rounded-[.4rem]" src="{{ asset('assets/img/photos/about7.jpg') }}" alt="How Trunçgil Finance Works">
|
||
</figure>
|
||
</div>
|
||
|
||
<div class="lg:w-5/12 xl:w-4/12 xl:!ml-[8.33333333%] lg:!ml-[8.33333333%] w-full flex-[0_0_auto] xl:!px-[7.5px] lg:!px-[7.5px] !px-[15px] max-w-full !mt-[80px]">
|
||
<h2 class="!text-[0.8rem] uppercase inline-flex !leading-[1.35] text-line relative align-top !pl-[1.4rem] !tracking-[0.02rem] before:content-[''] before:absolute before:inline-block before:translate-y-[-60%] before:w-3 before:h-[0.05rem] before:left-0 before:top-2/4 before:bg-[#54a8c7] !text-[#54a8c7] !mb-3">
|
||
{!! t('Nasıl Çalışır?') !!}
|
||
</h2>
|
||
<h3 class="!text-[calc(1.315rem_+_0.78vw)] font-bold xl:!text-[1.9rem] !leading-[1.25] !mb-7">
|
||
{!! t('3 Kolay Adımda Entegrasyon Başarısı') !!}
|
||
</h3>
|
||
<div class="flex flex-row !mb-6">
|
||
<div>
|
||
<span class="icon btn btn-block btn-soft-aqua pointer-events-none !mr-5"><span class="number !text-[0.9rem]">1</span></span>
|
||
</div>
|
||
<div>
|
||
<h4 class="!mb-1 !text-[1rem] !leading-[1.45]">{!! t('Uç Noktayı Seçin') !!}</h4>
|
||
<p class="!mb-0">{!! t('Projenizin ihtiyaç duyduğu veriyi (Döviz, Altın veya Kripto) sağlayan JSON uç noktasını seçin.') !!}</p>
|
||
</div>
|
||
</div>
|
||
<div class="flex flex-row !mb-6">
|
||
<div>
|
||
<span class="icon btn btn-block btn-soft-aqua pointer-events-none !mr-5"><span class="number !text-[0.9rem]">2</span></span>
|
||
</div>
|
||
<div>
|
||
<h4 class="!mb-1 !text-[1rem] !leading-[1.45]">{!! t('Kodunuza Ekleyin') !!}</h4>
|
||
<p class="!mb-0">{!! t('No-Auth özelliğimiz sayesinde herhangi bir key yönetimi gerekmeden doğrudan API çağrısını başlatın.') !!}</p>
|
||
</div>
|
||
</div>
|
||
<div class="flex flex-row">
|
||
<div>
|
||
<span class="icon btn btn-block btn-soft-aqua pointer-events-none !mr-5"><span class="number !text-[0.9rem]">3</span></span>
|
||
</div>
|
||
<div>
|
||
<h4 class="!mb-1 !text-[1rem] !leading-[1.45]">{!! t('Canlı Veriyi İşleyin') !!}</h4>
|
||
<p class="!mb-0">{!! t('Milisaniyeler içinde gelen temiz ve yapılandırılmış çıktıyı uygulamanızda hemen kullanın.') !!}</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
{{-- Section 4: Why Choose Us? --}}
|
||
<div class="flex flex-wrap mx-[-15px] max-sm:!mt-[-50px] !mt-[-80px] xl:mx-[-7.5px] lg:mx-[-7.5px] items-center">
|
||
<div class="md:w-8/12 lg:w-6/12 xl:w-6/12 w-full flex-[0_0_auto] !px-[15px] !mt-[50px] xl:!mt-[80px] lg:!mt-[80px] md:!mt-[80px] sm:!mt-[80px] xl:!px-[7.5px] lg:!px-[7.5px] max-w-full xl:!ml-[8.33333333%] lg:!ml-[8.33333333%] xl:!order-2 !relative">
|
||
<div class="shape !rounded-[50%] bg-line aqua rellax !w-[8rem] !h-[8rem] !absolute z-[1] opacity-50" data-rellax-speed="1" style="top: -2rem; right: -1.9rem;"></div>
|
||
<div class="shape rounded !bg-[#edf2fc] rellax xl:block lg:block md:block absolute z-[1]" data-rellax-speed="0" style="bottom: -1.8rem; left: -1.5rem; width: 85%; height: 90%;"></div>
|
||
<figure class="rounded-[0.4rem] relative z-[2]">
|
||
<img class="rounded-[.4rem]" src="{{ asset('assets/img/photos/about9.jpg') }}" alt="Why Choose Trunçgil Finance">
|
||
</figure>
|
||
</div>
|
||
|
||
<div class="xl:w-5/12 lg:w-5/12 w-full flex-[0_0_auto] !px-[15px] !mt-[50px] xl:!mt-[80px] lg:!mt-[80px] md:!mt-[80px] sm:!mt-[80px] xl:!px-[7.5px] lg:!px-[7.5px] max-w-full">
|
||
<h2 class="!text-[0.8rem] uppercase inline-flex !leading-[1.35] text-line relative align-top !pl-[1.4rem] !tracking-[0.02rem] before:content-[''] before:absolute before:inline-block before:translate-y-[-60%] before:w-3 before:h-[0.05rem] before:left-0 before:top-2/4 before:bg-[#54a8c7] !text-[#54a8c7] !mb-3">
|
||
{!! t('Neden Biz?') !!}
|
||
</h2>
|
||
<h3 class="!text-[calc(1.315rem_+_0.78vw)] font-bold xl:!text-[1.9rem] !leading-[1.25] !mb-7">
|
||
{!! t('Değerli geliştiricilerimizin bizi tercih etmesinin birkaç önemli nedeni.') !!}
|
||
</h3>
|
||
<div class="accordion accordion-wrapper" id="accordionExample">
|
||
<div class="card plain accordion-item">
|
||
<div class="card-header !mb-0 !p-[0_0_.8rem_0] !border-0 !bg-inherit" id="headingOne">
|
||
<button class="before:!text-[#54a8c7] hover:!text-[#54a8c7] !p-[0_0_0_1.1rem] !text-[.9rem] accordion-button" data-bs-toggle="collapse" data-bs-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
|
||
{!! t('Sıfır Kurulum Maliyeti (No-Auth)') !!}
|
||
</button>
|
||
</div>
|
||
<div id="collapseOne" class="accordion-collapse collapse show" aria-labelledby="headingOne" data-bs-parent="#accordionExample">
|
||
<div class="card-body flex-[1_1_auto] pb-4 xl:!p-[2rem_2.5rem_1.25rem] lg:!p-[2rem_2.5rem_1.25rem] md:!p-[2rem_2.5rem_1.25rem]">
|
||
<p>{!! t('API anahtarları almakla, üyelik adımlarıyla uğraşmayın. Doğrudan açık API endpointlerimize bağlanıp saniyeler içinde geliştirme yapmaya başlayın.') !!}</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="card plain accordion-item">
|
||
<div class="card-header !mb-0 !p-[0_0_.8rem_0] !border-0 !bg-inherit" id="headingTwo">
|
||
<button class="before:!text-[#54a8c7] hover:!text-[#54a8c7] !p-[0_0_0_1.1rem] !text-[.9rem] collapsed" data-bs-toggle="collapse" data-bs-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
|
||
{!! t('Milisaniyeler Hızında JSON Yanıtları') !!}
|
||
</button>
|
||
</div>
|
||
<div id="collapseTwo" class="accordion-collapse collapse" aria-labelledby="headingTwo" data-bs-parent="#accordionExample">
|
||
<div class="card-body flex-[1_1_auto] pb-4 xl:!p-[2rem_2.5rem_1.25rem] lg:!p-[2rem_2.5rem_1.25rem] md:!p-[2rem_2.5rem_1.25rem]">
|
||
<p>{!! t('Ultra hızlı sunucu altyapımız ve optimize edilmiş önbellek katmanlarımız sayesinde isteklerinize anında ve sıfır gecikmeyle cevap alın.') !!}</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="card plain accordion-item">
|
||
<div class="card-header !mb-0 !p-[0_0_.8rem_0] !border-0 !bg-inherit" id="headingThree">
|
||
<button class="before:!text-[#54a8c7] hover:!text-[#54a8c7] !p-[0_0_0_1.1rem] !text-[.9rem] collapsed" data-bs-toggle="collapse" data-bs-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
|
||
{!! t('Dockerize Bağımsız Altyapı İmkanı') !!}
|
||
</button>
|
||
</div>
|
||
<div id="collapseThree" class="accordion-collapse collapse" aria-labelledby="headingThree" data-bs-parent="#accordionExample">
|
||
<div class="card-body flex-[1_1_auto] pb-4 xl:!p-[2rem_2.5rem_1.25rem] lg:!p-[2rem_2.5rem_1.25rem] md:!p-[2rem_2.5rem_1.25rem]">
|
||
<p>{!! t('Kurumsal işletmeler için geliştirdiğimiz özel Docker paketiyle, sistemi kendi iç ağınıza kurup bağımsız olarak anlık veri çekebilirsiniz.') !!}</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
{{-- Section 5: Join Our Community Banner --}}
|
||
<section class="wrapper image-wrapper bg-image bg-overlay !bg-fixed bg-no-repeat bg-[center_center] bg-cover 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(30,34,40,.5)]" style="background-image: url('{{ asset('assets/img/photos/bg1.jpg') }}');">
|
||
<div class="container py-[8rem]">
|
||
<div class="flex flex-wrap mx-[-15px]">
|
||
<div class="xl:w-8/12 lg:w-8/12 w-full flex-[0_0_auto] !px-[15px] max-w-full relative z-[2]">
|
||
<h2 class="!text-[0.8rem] uppercase inline-flex !leading-[1.35] text-line relative align-top !pl-[1.4rem] !tracking-[0.02rem] before:content-[''] before:absolute before:inline-block before:translate-y-[-60%] before:w-3 before:h-[0.05rem] before:left-0 before:top-2/4 before:bg-[#ffffff] !text-white !mb-3">
|
||
{!! t('Topluluğumuza Katılın') !!}
|
||
</h2>
|
||
<h3 class="!text-[calc(1.315rem_+_0.78vw)] font-bold xl:!text-[1.9rem] !leading-[1.25] !mb-6 !text-white xxl:!pr-32">
|
||
{!! t("5000'den fazla aktif geliştirici ve kurum tarafından tercih ediliyoruz. Siz de projenizi hemen güçlendirin.") !!}
|
||
</h3>
|
||
<a href="https://finance.truncgil.com/" target="_blank" class="btn btn-white !rounded-[.4rem] !text-[.85rem] !mb-0 whitespace-nowrap">{!! t('Şimdi Başlayın') !!}</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
{{-- Section 6: Case Studies (Kullanım Alanları) --}}
|
||
<section class="wrapper !bg-[#ffffff] angled upper-end relative border-0
|
||
before:top-[-4rem] before:content-[''] before:block before:absolute before:z-0 before:border-l-transparent before:border-r-[100vw] before:border-t-[4rem] before:border-y-transparent before:border-[#fefefe] before:border-0 before:border-solid before:right-0 after:content-[''] after:block after:absolute after:z-0 after:border-y-transparent after:border-[#fefefe] after:border-0 after:border-solid after:right-0">
|
||
<div class="container py-[4.5rem] xl:!py-24 lg:!py-24 md:!py-24">
|
||
<div class="flex flex-wrap mx-[-15px]">
|
||
<div class="lg:w-9/12 xl:w-8/12 xxl:w-7/12 w-full flex-[0_0_auto] !px-[15px] max-w-full">
|
||
<h2 class="!text-[0.8rem] uppercase inline-flex !leading-[1.35] text-line relative align-top !pl-[1.4rem] !tracking-[0.02rem] before:content-[''] before:absolute before:inline-block before:translate-y-[-60%] before:w-3 before:h-[0.05rem] before:left-0 before:top-2/4 before:bg-[#54a8c7] !text-[#54a8c7] !mb-3">
|
||
{!! t('Uygulama Alanları') !!}
|
||
</h2>
|
||
<h3 class="!text-[calc(1.315rem_+_0.78vw)] font-bold xl:!text-[1.9rem] !leading-[1.25] !mb-9">
|
||
{!! t('Piyasa verilerimizle zenginleştirilmiş bazı mükemmel kullanım senaryoları.') !!}
|
||
</h3>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="swiper-container blog grid-view !mb-10 relative z-10" data-margin="30" data-dots="true" data-items-xl="3" data-items-md="2" data-items-xs="1">
|
||
<div class="swiper">
|
||
<div class="swiper-wrapper">
|
||
<div class="swiper-slide">
|
||
<article>
|
||
<figure class="overlay overlay-1 hover-scale rounded !mb-6 group">
|
||
<a href="#">
|
||
<img class="!transition-all !duration-[0.35s] !ease-in-out group-hover:scale-105" src="{{ asset('assets/img/photos/b4.jpg') }}" alt="Use Case 1">
|
||
</a>
|
||
</figure>
|
||
<div class="post-header">
|
||
<h2 class="post-title h3 !mb-3 !text-[1.15rem] !leading-[1.4]"><a class='!text-[#343f52] hover:!text-[#54a8c7]' href='#'>{!! t('E-Ticaret & Otomatik Döviz Dönüşümleri') !!}</a></h2>
|
||
</div>
|
||
<div class="post-footer">
|
||
<ul class="!text-[0.7rem] !text-[#aab0bc] m-0 p-0 list-none">
|
||
<li class="post-date inline-block"><i class="uil uil-calendar-alt pr-[0.2rem] align-[-.05rem] before:content-['\e9ba']"></i><span>{!! t('Canlı Kur') !!}</span></li>
|
||
</ul>
|
||
</div>
|
||
</article>
|
||
</div>
|
||
<div class="swiper-slide">
|
||
<article>
|
||
<figure class="overlay overlay-1 hover-scale rounded !mb-6 group">
|
||
<a href="#">
|
||
<img class="!transition-all !duration-[0.35s] !ease-in-out group-hover:scale-105" src="{{ asset('assets/img/photos/b5.jpg') }}" alt="Use Case 2">
|
||
</a>
|
||
</figure>
|
||
<div class="post-header">
|
||
<h2 class="post-title h3 !mb-3 !text-[1.15rem] !leading-[1.4]"><a class='!text-[#343f52] hover:!text-[#54a8c7]' href='#'>{!! t('ERP & Otomatik Şirket İçi Kur Değerlemeleri') !!}</a></h2>
|
||
</div>
|
||
<div class="post-footer">
|
||
<ul class="!text-[0.7rem] !text-[#aab0bc] m-0 p-0 list-none">
|
||
<li class="post-date inline-block"><i class="uil uil-calendar-alt pr-[0.2rem] align-[-.05rem] before:content-['\e9ba']"></i><span>{!! t('Kurumsal ERP') !!}</span></li>
|
||
</ul>
|
||
</div>
|
||
</article>
|
||
</div>
|
||
<div class="swiper-slide">
|
||
<article>
|
||
<figure class="overlay overlay-1 hover-scale rounded !mb-6 group">
|
||
<a href="#">
|
||
<img class="!transition-all !duration-[0.35s] !ease-in-out group-hover:scale-105" src="{{ asset('assets/img/photos/b6.jpg') }}" alt="Use Case 3">
|
||
</a>
|
||
</figure>
|
||
<div class="post-header">
|
||
<h2 class="post-title h3 !mb-3 !text-[1.15rem] !leading-[1.4]"><a class='!text-[#343f52] hover:!text-[#54a8c7]' href='#'>{!! t('Mobil Finans & Canlı Altın Takip Portalları') !!}</a></h2>
|
||
</div>
|
||
<div class="post-footer">
|
||
<ul class="!text-[0.7rem] !text-[#aab0bc] m-0 p-0 list-none">
|
||
<li class="post-date inline-block"><i class="uil uil-calendar-alt pr-[0.2rem] align-[-.05rem] before:content-['\e9ba']"></i><span>{!! t('Mobil Entegrasyon') !!}</span></li>
|
||
</ul>
|
||
</div>
|
||
</article>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
{{-- Section 7: Company Facts (Counters) --}}
|
||
<section class="wrapper !bg-[#edf2fc]">
|
||
<div class="container py-[4.5rem] xl:pt-28 lg:pt-28 md:pt-28 xl:pb-[12.5rem] lg:pb-[12.5rem] md:pb-[12.5rem]">
|
||
<div class="flex flex-wrap mx-[-15px] xl:mx-[-35px] lg:mx-[-20px] !mt-[-50px] xl:!mt-0 lg:!mt-0 !mb-2 items-end">
|
||
<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">
|
||
<h2 class="!text-[0.8rem] uppercase inline-flex !leading-[1.35] text-line relative align-top !pl-[1.4rem] !tracking-[0.02rem] before:content-[''] before:absolute before:inline-block before:translate-y-[-60%] before:w-3 before:h-[0.05rem] before:left-0 before:top-2/4 before:bg-[#54a8c7] !text-[#54a8c7] !mb-3">
|
||
{!! t('Şirket Rakamlarımız') !!}
|
||
</h2>
|
||
<h3 class="!text-[calc(1.315rem_+_0.78vw)] font-bold xl:!text-[1.9rem] !leading-[1.25] !mb-0 xxl:!pr-20">
|
||
{!! t('Altyapımızın gücünü gösteren bazı önemli rakamlar.') !!}
|
||
</h3>
|
||
</div>
|
||
<div class="lg:w-8/12 xl:w-8/12 w-full flex-[0_0_auto] !px-[15px] xl:!px-[35px] lg:!px-[20px] !mt-[50px] max-w-full xl:!mt-2 lg:!mt-2">
|
||
<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">
|
||
<h3 class="counter counter-lg !text-[calc(1.35rem_+_1.2vw)] !tracking-[normal] !leading-none !mb-[.5rem] xl:!text-[2.25rem]">10M+</h3>
|
||
<p class="font-medium !mb-0">{!! t('Günlük API İstek Hacmi') !!}</p>
|
||
</div>
|
||
<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">
|
||
<h3 class="counter counter-lg !text-[calc(1.35rem_+_1.2vw)] !tracking-[normal] !leading-none !mb-[.5rem] xl:!text-[2.25rem]">5000+</h3>
|
||
<p class="font-medium !mb-0">{!! t('Aktif Geliştirici ve Kurum') !!}</p>
|
||
</div>
|
||
<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">
|
||
<h3 class="counter counter-lg !text-[calc(1.35rem_+_1.2vw)] !tracking-[normal] !leading-none !mb-[.5rem] xl:!text-[2.25rem]">%99.99</h3>
|
||
<p class="font-medium !mb-0">{!! t('Sunucu Uptime Garantisi') !!}</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
{{-- Section 8: Testimonial & Pricing Plan Integration --}}
|
||
<section class="wrapper !bg-[#ffffff] angled upper-end lower-start relative border-0
|
||
before:top-[-4rem] before:content-[''] before:block before:absolute before:z-0 before:border-l-transparent before:border-r-[100vw] before:border-t-[4rem] before:border-y-transparent before:border-[#fefefe] before:border-0 before:border-solid before:right-0 after:bottom-[-4rem] after:content-[''] after:block after:absolute after:z-0 after:border-l-[100vw] after:border-r-transparent after:border-b-[4rem] after:border-y-transparent after:border-[#fefefe] after:border-0 after:border-solid after:right-0">
|
||
<div class="container py-24 xl:!py-[8rem] lg:!py-[8rem] md:!py-[8rem] !relative">
|
||
|
||
{{-- Testimonial Slider --}}
|
||
<div class="relative !mt-[-8rem] xl:!mt-[-17.5rem] lg:!mt-[-17.5rem] md:!mt-[-17.5rem] !mb-24 xl:!mb-[8rem] lg:!mb-[8rem] md:!mb-[8rem]">
|
||
<div class="shape !rounded-[50%] bg-line aqua rellax !w-[8rem] !h-[8rem] absolute opacity-50" data-rellax-speed="1" style="top: -2rem; right: -2.7rem; z-index:0;"></div>
|
||
<div class="shape !rounded-[50%] !bg-[#eff7fa] rellax !w-[8rem] !h-[8rem] absolute" data-rellax-speed="1" style="bottom: -1rem; left: -3rem; z-index:0;"></div>
|
||
<div class="card !shadow-[0_0.25rem_1.75rem_rgba(30,34,40,0.07)]">
|
||
<div class="flex flex-wrap mx-0">
|
||
<div class="lg:w-6/12 xl:w-6/12 w-full flex-[0_0_auto] max-w-full image-wrapper bg-image rounded-t-[0.4rem] rounded-lg-start bg-cover bg-[center_center] bg-no-repeat bg-scroll relative z-0 xl:rounded-tl-[0.4rem] xl:rounded-tr-none xl:rounded-br-none xl:rounded-bl-[0.4rem] lg:rounded-tl-[0.4rem] lg:rounded-tr-none lg:rounded-br-none lg:rounded-bl-[0.4rem] md:min-h-[25rem] max-md:min-h-[25rem]" style="background-image: url('{{ asset('assets/img/photos/tm1.jpg') }}');"></div>
|
||
<div class="xl:w-6/12 lg:w-6/12 w-full flex-[0_0_auto] max-w-full">
|
||
<div class="!p-10 xl:!p-[4rem] lg:!p-[4rem] md:!p-12">
|
||
<div class="swiper-container dots-closer !mb-4 relative z-10" data-margin="30" data-dots="true">
|
||
<div class="swiper">
|
||
<div class="swiper-wrapper">
|
||
<div class="swiper-slide">
|
||
<blockquote class="icon icon-top !text-[1.05rem] !text-center relative pt-[3.75rem] p-0 border-0 !leading-[1.7] font-medium m-[0_0_1rem] before:translate-x-[-52%] before:left-2/4 before:content-['\201c'] before:!text-[#aab0bc] before:opacity-30 before:text-[6.5rem] before:font-normal before:absolute before:leading-none before:z-[1] before:top-0">
|
||
<p>“{!! t('Trunçgil Finance API altyapısını mobil cüzdan projemizde kullanıyoruz. Aylardır bir kere bile kesinti yaşamadık, performansı gerçekten harika!') !!}”</p>
|
||
<div class="flex items-center justify-center !text-center">
|
||
<div class="info !pl-0">
|
||
<h5 class="!mb-1 !text-[.95rem] !leading-[1.5]">{!! t('Can Özkan') !!}</h5>
|
||
<p class="!mb-0 !text-[.85rem]">{!! t('Kıdemli Mobil Geliştirici') !!}</p>
|
||
</div>
|
||
</div>
|
||
</blockquote>
|
||
</div>
|
||
<div class="swiper-slide">
|
||
<blockquote class="icon icon-top !text-[1.05rem] !text-center relative pt-[3.75rem] p-0 border-0 !leading-[1.7] font-medium m-[0_0_1rem] before:translate-x-[-52%] before:left-2/4 before:content-['\201c'] before:!text-[#aab0bc] before:opacity-30 before:text-[6.5rem] before:font-normal before:absolute before:leading-none before:z-[1] before:top-0">
|
||
<p>“{!! t('Sıfır kurulum (No-Auth) olması sayesinde entegrasyonu tam 5 dakikada tamamladık. Hız ve kullanım kolaylığı mükemmel.') !!}”</p>
|
||
<div class="flex items-center justify-center !text-center">
|
||
<div class="info !pl-0">
|
||
<h5 class="!mb-1 !text-[.95rem] !leading-[1.5]">{!! t('Elif Yılmaz') !!}</h5>
|
||
<p class="!mb-0 !text-[.85rem]">{!! t('Fullstack Yazılım Uzmanı') !!}</p>
|
||
</div>
|
||
</div>
|
||
</blockquote>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
{{-- Pricing and Plans --}}
|
||
<div class="flex flex-wrap mx-[-15px] !mt-[-30px] !mb-24 xl:!mb-[8rem] lg:!mb-[8rem] md:!mb-[8rem]">
|
||
<div class="xl:w-4/12 lg:w-4/12 w-full flex-[0_0_auto] !px-[15px] max-w-full">
|
||
<h2 class="!text-[0.8rem] uppercase inline-flex !leading-[1.35] text-line relative align-top !pl-[1.4rem] !tracking-[0.02rem] before:content-[''] before:absolute before:inline-block before:translate-y-[-60%] before:w-3 before:h-[0.05rem] before:left-0 before:top-2/4 before:bg-[#54a8c7] !text-[#54a8c7] lg:!mt-32 xl:!mt-32 !mb-3">
|
||
{!! t('Fiyatlandırma') !!}
|
||
</h2>
|
||
<h3 class="!text-[calc(1.315rem_+_0.78vw)] font-bold xl:!text-[1.9rem] !leading-[1.25] !mb-3">
|
||
{!! t('Geliştirici dostu ve son derece adil planlar.') !!}
|
||
</h3>
|
||
<p>{!! t('Hemen ücretsiz deneme planıyla başlayın ve API gücünü kendiniz deneyimleyin. Kredi kartı gerekmez!') !!}</p>
|
||
<a href="https://finance.truncgil.com/" target="_blank" class="btn btn-aqua !text-white !bg-[#54a8c7] border-[#54a8c7] hover:text-white hover:bg-[#54a8c7] hover:!border-[#54a8c7] focus:shadow-[rgba(79,152,181,1)] focus:text-white active:text-white active:bg-[#54a8c7] active:border-[#54a8c7] disabled:text-white disabled:bg-[#54a8c7] disabled:border-[#54a8c7] !text-[.85rem] rounded !mt-2">
|
||
{!! t('Tüm Planları Gör') !!}
|
||
</a>
|
||
</div>
|
||
|
||
<div class="xl:w-7/12 lg:w-7/12 w-full flex-[0_0_auto] !px-[15px] max-w-full xl:!ml-[8.33333333%] lg:!ml-[8.33333333%] pricing-wrapper !mt-[30px]">
|
||
<div class="flex flex-wrap items-center switcher xl:!justify-end lg:!justify-end">
|
||
<p class="!mb-0 !pr-[.75rem]">{!! t('Aylık') !!}</p>
|
||
<div class="pricing-switchers w-8 h-4 clear-both !text-center !relative bg-[rgba(30,34,40,0.07)] !box-content rounded-3xl border-[0.2rem] border-solid border-transparent">
|
||
<div class="pricing-switcher pricing-switcher-active cursor-pointer w-full float-left h-4 leading-4 !relative z-[888] transition-[0.3s] duration-[ease-in-out] uppercase !text-white"></div>
|
||
<div class="pricing-switcher cursor-pointer w-full float-left h-4 leading-4 !relative z-[888] transition-[0.3s] duration-[ease-in-out] uppercase"></div>
|
||
<div class="h-4 w-4 block absolute z-[555] transition-[0.3s] duration-[ease-in-out] m-0 rounded-[100%] border-[none] left-0 top-0 !bg-[rgba(84,168,199)] opacity-100 switcher-button"></div>
|
||
</div>
|
||
<p class="!mb-0 !pl-3 !relative">{!! t('Yıllık') !!} <span class="!text-[#e2626b]">({!! t('%30 Tasarruf') !!})</span></p>
|
||
</div>
|
||
|
||
<div class="flex flex-wrap mx-[-15px] !mt-[25px] !relative">
|
||
<div class="shape bg-dot aqua rellax !w-[6rem] !h-[8rem] absolute z-[1] opacity-50" data-rellax-speed="1" style="bottom: -0.5rem; right: -1.6rem;"></div>
|
||
<div class="shape !rounded-[50%] !bg-[#edf2fc] rellax !w-[8rem] !h-[8rem] absolute z-[1]" data-rellax-speed="1" style="top: -1rem; left: -2rem;"></div>
|
||
|
||
<div class="xl:w-6/12 lg:w-6/12 md:w-6/12 w-full flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
|
||
<div class="pricing card !shadow-[0_0.25rem_1.75rem_rgba(30,34,40,0.07)]">
|
||
<div class="card-body pb-14">
|
||
<div class="prices !text-[#343f52]">
|
||
<div class="price price-show !justify-start"><span class="price-currency">$</span><span class="price-value">0</span> <span class="price-duration">/{!! t('ay') !!}</span></div>
|
||
<div class="price price-hide price-hidden !justify-start"><span class="price-currency">$</span><span class="price-value">0</span> <span class="price-duration">/{!! t('yıl') !!}</span></div>
|
||
</div>
|
||
<h4 class="card-title !mt-2 text-[1rem] !leading-[1.45]">{!! t('Geliştirici Planı') !!}</h4>
|
||
<ul class="pl-0 list-none bullet-bg bullet-soft-primary !mt-7 !mb-8">
|
||
<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-[#e0eff5] !text-[#54a8c7] rounded-[100%] top-[0.2rem] before:content-['\e9dd'] before:align-middle before:table-cell"></i><span><strong>100K</strong> {!! t('API İstek / Ay') !!}</span></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-[#e0eff5] !text-[#54a8c7] rounded-[100%] top-[0.2rem] before:content-['\e9dd'] before:align-middle before:table-cell"></i><span>{!! t('Kimlik Doğrulama Gerekmez (No-Auth)') !!}</span></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-[#e0eff5] !text-[#54a8c7] rounded-[100%] top-[0.2rem] before:content-['\e9dd'] before:align-middle before:table-cell"></i><span>{!! t('Standart HTTP Önbellekleme') !!}</span></li>
|
||
<li class="relative !pl-6 !mt-[0.35rem]"><i class="uil uil-times bullet-soft-red absolute left-0 w-4 h-4 text-[0.8rem] leading-none !tracking-[normal] !text-center flex items-center justify-center !bg-[#fae3e4] !text-[#e2626b] rounded-[100%] top-[0.2rem] before:content-['\ed3b'] before:align-middle before:table-cell"></i><span>{!! t('Özel Docker Kurulum Desteği') !!}</span></li>
|
||
</ul>
|
||
<a href="https://finance.truncgil.com/" target="_blank" class="btn btn-aqua !text-white !bg-[#54a8c7] border-[#54a8c7] hover:text-white hover:bg-[#54a8c7] hover:!border-[#54a8c7] focus:shadow-[rgba(79,152,181,1)] focus:text-white active:text-white active:bg-[#54a8c7] active:border-[#54a8c7] disabled:text-white disabled:bg-[#54a8c7] disabled:border-[#54a8c7] !rounded-[.4rem] !text-[.85rem] hover:translate-y-[-0.15rem] hover:shadow-[0_0.25rem_0.75rem_rgba(30,34,40,0.15)]">{!! t('Ücretsiz Başla') !!}</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="xl:w-6/12 lg:w-6/12 md:w-6/12 w-full flex-[0_0_auto] !px-[15px] max-w-full popular !mt-[30px]">
|
||
<div class="pricing card !shadow-[0_0.25rem_1.75rem_rgba(30,34,40,0.07)]">
|
||
<div class="card-body pb-14">
|
||
<div class="prices !text-[#343f52]">
|
||
<div class="price price-show !justify-start"><span class="price-value">{!! t('Özel') !!}</span></div>
|
||
</div>
|
||
<h4 class="card-title !mt-2 text-[1rem] !leading-[1.45]">{!! t('Kurumsal Plan') !!}</h4>
|
||
<ul class="pl-0 list-none bullet-bg bullet-soft-primary !mt-7 !mb-8">
|
||
<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-[#e0eff5] !text-[#54a8c7] rounded-[100%] top-[0.2rem] before:content-['\e9dd'] before:align-middle before:table-cell"></i><span><strong>{!! t('Sınırsız') !!}</strong> {!! t('API İstek Hacmi') !!}</span></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-[#e0eff5] !text-[#54a8c7] rounded-[100%] top-[0.2rem] before:content-['\e9dd'] before:align-middle before:table-cell"></i><span><strong>{!! t('Özel Sunucu & Docker') !!}</strong> {!! t('Kurulumları') !!}</span></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-[#e0eff5] !text-[#54a8c7] rounded-[100%] top-[0.2rem] before:content-['\e9dd'] before:align-middle before:table-cell"></i><span>{!! t('Yüksek Öncelikli Özel Destek Hattı') !!}</span></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-[#e0eff5] !text-[#54a8c7] rounded-[100%] top-[0.2rem] before:content-['\e9dd'] before:align-middle before:table-cell"></i><span>{!! t('Milisaniyelik Ultra Düşük Gecikme') !!}</span></li>
|
||
</ul>
|
||
<a href="{{ route('page.show', ['slug' => 'iletisim']) }}" class="btn btn-aqua !text-white !bg-[#54a8c7] border-[#54a8c7] hover:text-white hover:bg-[#54a8c7] hover:!border-[#54a8c7] focus:shadow-[rgba(79,152,181,1)] focus:text-white active:text-white active:bg-[#54a8c7] active:border-[#54a8c7] disabled:text-white disabled:bg-[#54a8c7] disabled:border-[#54a8c7] !rounded-[.4rem] !text-[.85rem] hover:translate-y-[-0.15rem] hover:shadow-[0_0.25rem_0.75rem_rgba(30,34,40,0.15)]">{!! t('Bizimle İletişime Geçin') !!}</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
{{-- Section 9: Get In Touch (Contact Info) --}}
|
||
<div class="flex flex-wrap mx-[-15px] !mt-[-80px] xl:mx-[-7.5px] lg:mx-[-7.5px] items-center">
|
||
<div class="md:w-8/12 lg:w-6/12 xl:w-6/12 w-full flex-[0_0_auto] !mt-[80px] xl:!px-[7.5px] lg:!px-[7.5px] !px-[15px] max-w-full !relative">
|
||
<div class="shape bg-dot primary rellax !w-[7rem] !h-[12.5rem] absolute z-[1] opacity-50 bg-[radial-gradient(#e31e24_2px,transparent_2.5px)]" data-rellax-speed="1" style="top: -2rem; left: -1.9rem;"></div>
|
||
<div class="shape !rounded-[.4rem] !bg-[#edf2fc] rellax xl:block lg:block md:block !absolute z-[1]" data-rellax-speed="0" style="bottom: -1.8rem; right: -1.5rem; width: 85%; height: 90%;"></div>
|
||
<figure class="rounded-[0.4rem] relative z-[2]">
|
||
<img class="rounded-[.4rem]" src="{{ asset('assets/img/photos/about14.jpg') }}" alt="Contact Trunçgil Finance">
|
||
</figure>
|
||
</div>
|
||
|
||
<div class="lg:w-5/12 xl:w-4/12 xl:!ml-[8.33333333%] lg:!ml-[8.33333333%] w-full flex-[0_0_auto] !mt-[80px] xl:!px-[7.5px] lg:!px-[7.5px] !px-[15px] max-w-full">
|
||
<h2 class="!text-[0.8rem] uppercase inline-flex !leading-[1.35] text-line relative align-top !pl-[1.4rem] !tracking-[0.02rem] before:content-[''] before:absolute before:inline-block before:translate-y-[-60%] before:w-3 before:h-[0.05rem] before:left-0 before:top-2/4 before:bg-[#54a8c7] !text-[#54a8c7] !mb-3">
|
||
{!! t('Bize Ulaşın') !!}
|
||
</h2>
|
||
<h2 class="!text-[calc(1.315rem_+_0.78vw)] font-bold xl:!text-[1.9rem] !leading-[1.25] !mb-8">
|
||
{!! t('Hala ikna olmadınız mı? Gelin birlikte harika bir entegrasyon yapalım.') !!}
|
||
</h2>
|
||
<div class="flex flex-row">
|
||
<div>
|
||
<div class="icon !text-[#54a8c7] xl:!text-[1.4rem] !text-[calc(1.265rem_+_0.18vw)] !mr-6 !mt-[-0.25rem]">
|
||
<i class="uil uil-location-pin-alt before:content-['\ebd8']"></i>
|
||
</div>
|
||
</div>
|
||
<div>
|
||
<h5 class="!mb-1 !text-[0.95rem] !leading-[1.5]">{!! t('Adres') !!}</h5>
|
||
<address class="not-italic !leading-[inherit] !mb-4">{!! t('Merkez Ofis, Teknoloji Vadisi, İstanbul, Türkiye') !!}</address>
|
||
</div>
|
||
</div>
|
||
<div class="flex flex-row">
|
||
<div>
|
||
<div class="icon !text-[#54a8c7] xl:!text-[1.4rem] !text-[calc(1.265rem_+_0.18vw)] !mr-6 !mt-[-0.25rem]">
|
||
<i class="uil uil-phone-volume before:content-['\ec50']"></i>
|
||
</div>
|
||
</div>
|
||
<div>
|
||
<h5 class="!mb-1 !text-[0.95rem] !leading-[1.5]">{!! t('Telefon') !!}</h5>
|
||
<p>+90 (212) 123 45 67</p>
|
||
</div>
|
||
</div>
|
||
<div class="flex flex-row">
|
||
<div>
|
||
<div class="icon !text-[#54a8c7] xl:!text-[1.4rem] !text-[calc(1.265rem_+_0.18vw)] !mr-6 !mt-[-0.25rem]">
|
||
<i class="uil uil-envelope before:content-['\eac8']"></i>
|
||
</div>
|
||
</div>
|
||
<div>
|
||
<h5 class="!mb-1 !text-[0.95rem] !leading-[1.5]">{!! t('E-posta') !!}</h5>
|
||
<p class="!mb-0"><a href="mailto:info@truncgil.com" class="!text-[#60697b]">info@truncgil.com</a></p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
</section>
|
||
</div>
|
||
@endsection
|
||
|
||
@push('scripts')
|
||
<script>
|
||
document.addEventListener('DOMContentLoaded', function() {
|
||
// Switcher logic for Pricing Table
|
||
const switcherWrapper = document.querySelector('.pricing-switchers');
|
||
if (switcherWrapper) {
|
||
switcherWrapper.addEventListener('click', function() {
|
||
const button = this.querySelector('.switcher-button');
|
||
const pricesShow = document.querySelectorAll('.price-show');
|
||
const pricesHide = document.querySelectorAll('.price-hide');
|
||
|
||
if (button.style.left === '16px') {
|
||
button.style.left = '0px';
|
||
pricesShow.forEach(el => el.classList.remove('price-hidden'));
|
||
pricesHide.forEach(el => el.classList.add('price-hidden'));
|
||
} else {
|
||
button.style.left = '16px';
|
||
pricesShow.forEach(el => el.classList.add('price-hidden'));
|
||
pricesHide.forEach(el => el.classList.remove('price-hidden'));
|
||
}
|
||
});
|
||
}
|
||
|
||
// Live rates dynamic simulator
|
||
function startRateDynamics() {
|
||
const goldTryEl = document.getElementById('gold-try');
|
||
const usdTryEl = document.getElementById('usd-try');
|
||
const eurTryEl = document.getElementById('eur-try');
|
||
const btcUsdEl = document.getElementById('btc-usd');
|
||
|
||
setInterval(() => {
|
||
if (goldTryEl) {
|
||
const current = parseFloat(goldTryEl.innerText.replace('₺', '').replace(',', '').replace('.', '').replace(',', '.'));
|
||
const osc = (Math.random() - 0.48) * 0.75;
|
||
const next = current + osc;
|
||
goldTryEl.innerText = '₺' + next.toLocaleString('tr-TR', { minimumFractionDigits: 2, maximumFractionDigits: 2 });
|
||
}
|
||
if (usdTryEl) {
|
||
const current = parseFloat(usdTryEl.innerText.replace('₺', '').replace(',', '.'));
|
||
const osc = (Math.random() - 0.5) * 0.0015;
|
||
const next = current + osc;
|
||
usdTryEl.innerText = '₺' + next.toLocaleString('tr-TR', { minimumFractionDigits: 4, maximumFractionDigits: 4 });
|
||
}
|
||
if (eurTryEl) {
|
||
const current = parseFloat(eurTryEl.innerText.replace('₺', '').replace(',', '.'));
|
||
const osc = (Math.random() - 0.51) * 0.0018;
|
||
const next = current + osc;
|
||
eurTryEl.innerText = '₺' + next.toLocaleString('tr-TR', { minimumFractionDigits: 4, maximumFractionDigits: 4 });
|
||
}
|
||
if (btcUsdEl) {
|
||
const current = parseFloat(btcUsdEl.innerText.replace('$', '').replace(',', ''));
|
||
const osc = (Math.random() - 0.45) * 5.5;
|
||
const next = current + osc;
|
||
btcUsdEl.innerText = '$' + next.toLocaleString('en-US', { minimumFractionDigits: 2, maximumFractionDigits: 2 });
|
||
}
|
||
}, 2000);
|
||
}
|
||
|
||
startRateDynamics();
|
||
});
|
||
</script>
|
||
@endpush
|