feat: add finance logo SVG and update finance product page
This commit is contained in:
Ümit Tunç
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 14 KiB |
@@ -12,7 +12,7 @@
|
||||
<style>
|
||||
/* Premium visual helpers matching theme */
|
||||
.typer-custom {
|
||||
color: #54a8c7 !important;
|
||||
color: #009846 !important;
|
||||
}
|
||||
</style>
|
||||
@endpush
|
||||
@@ -25,76 +25,118 @@
|
||||
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">
|
||||
|
||||
{{-- Top Row: Logo (No borders, transparent bg, centered/left at the very top) --}}
|
||||
<div class="w-full text-left !mb-10">
|
||||
<a href="https://finance.truncgil.com/" target="_blank" class="inline-block transition-transform duration-300 hover:scale-105">
|
||||
<img src="{{ asset('assets/img/finance-logo.svg') }}" alt="Trunçgil Finance Logo" class="h-16 w-auto" style="max-height: 64px;">
|
||||
</a>
|
||||
</div>
|
||||
|
||||
{{-- Main Row: Text & Rates Side-by-Side --}}
|
||||
<div class="flex flex-wrap mx-0 !mt-[-30px] items-center">
|
||||
|
||||
{{-- Left Column: Headline and Descriptions --}}
|
||||
<div class="lg:w-5/12 xl:w-5/12 w-full flex-[0_0_auto] max-w-full px-0 !mt-[30px] lg:!pr-8">
|
||||
<h1 class="!text-[calc(1.375rem_+_1.5vw)] font-bold !leading-[1.15] xl:!text-[2.3rem] !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>
|
||||
<span class="typer !text-[#009846] 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-[#009846]" 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">
|
||||
<p class="lead !text-[1.1rem] !leading-[1.5] !text-white !mb-7">
|
||||
{!! 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">
|
||||
<a href="https://finance.truncgil.com/docs" target="_blank" class="btn btn-green !text-white !bg-[#009846] border-[#009846] hover:text-white hover:bg-[#007f3a] hover:!border-[#007f3a] focus:shadow-[rgba(0,152,70,0.5)] active:!text-white active:bg-[#007f3a] active:border-[#007f3a] disabled:bg-[#009846] disabled:border-[#009846] 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">
|
||||
<a href="{{ route('page.show', ['slug' => 'iletisim']) }}" class="btn 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>
|
||||
{{-- Right Column: Live Rates Cards Side-by-Side --}}
|
||||
<div class="lg:w-7/12 xl:w-7/12 w-full flex-[0_0_auto] max-w-full px-0 !mt-[30px]">
|
||||
<div class="w-full p-4 rounded-2xl bg-[rgba(255,255,255,0.03)] border border-[rgba(255,255,255,0.06)]" style="backdrop-filter: blur(15px);">
|
||||
<div class="flex items-center gap-2 mb-3 px-1">
|
||||
<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') !!}</span>
|
||||
</div>
|
||||
<div class="grid grid-cols-2 md:grid-cols-4 gap-3">
|
||||
|
||||
{{-- USD Card --}}
|
||||
<div class="bg-white rounded-xl p-3 shadow-md flex flex-col justify-between" style="min-height: 105px;">
|
||||
<div class="flex items-center justify-between">
|
||||
<span class="text-[0.65rem] font-bold text-gray-500 uppercase">USD</span>
|
||||
<span class="text-[0.65rem] font-bold text-[#009846] flex items-center gap-0.5" id="usd-change-container">
|
||||
<span id="usd-pct">+0.42%</span>
|
||||
<i class="uil uil-arrow-up-right font-bold text-[0.75rem]" id="usd-arrow">▲</i>
|
||||
</span>
|
||||
</div>
|
||||
<div class="text-[1.2rem] font-bold text-[#1e2229] font-mono leading-none my-2" id="usd-rate-container">
|
||||
<span id="usd-try">45.9000</span> <span class="text-[0.9rem] font-normal font-sans">₺</span>
|
||||
</div>
|
||||
<div class="w-full bg-gray-100 rounded-full h-1.5 overflow-hidden">
|
||||
<div class="bg-[#009846] h-1.5 rounded-full" style="width: 45%;" id="usd-bar"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{{-- EUR Card --}}
|
||||
<div class="bg-white rounded-xl p-3 shadow-md flex flex-col justify-between" style="min-height: 105px;">
|
||||
<div class="flex items-center justify-between">
|
||||
<span class="text-[0.65rem] font-bold text-gray-500 uppercase">EUR</span>
|
||||
<span class="text-[0.65rem] font-bold text-[#e2626b] flex items-center gap-0.5" id="eur-change-container">
|
||||
<span id="eur-pct">-0.15%</span>
|
||||
<i class="uil uil-arrow-down-right font-bold text-[0.75rem]" id="eur-arrow">▼</i>
|
||||
</span>
|
||||
</div>
|
||||
<div class="text-[1.2rem] font-bold text-[#1e2229] font-mono leading-none my-2" id="eur-rate-container">
|
||||
<span id="eur-try">53.4061</span> <span class="text-[0.9rem] font-normal font-sans">₺</span>
|
||||
</div>
|
||||
<div class="w-full bg-gray-100 rounded-full h-1.5 overflow-hidden">
|
||||
<div class="bg-[#e2626b] h-1.5 rounded-full" style="width: 35%;" id="eur-bar"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{{-- GBP Card --}}
|
||||
<div class="bg-white rounded-xl p-3 shadow-md flex flex-col justify-between" style="min-height: 105px;">
|
||||
<div class="flex items-center justify-between">
|
||||
<span class="text-[0.65rem] font-bold text-gray-500 uppercase">GBP</span>
|
||||
<span class="text-[0.65rem] font-bold text-[#e2626b] flex items-center gap-0.5" id="gbp-change-container">
|
||||
<span id="gbp-pct">-0.42%</span>
|
||||
<i class="uil uil-arrow-down-right font-bold text-[0.75rem]" id="gbp-arrow">▼</i>
|
||||
</span>
|
||||
</div>
|
||||
<div class="text-[1.2rem] font-bold text-[#1e2229] font-mono leading-none my-2" id="gbp-rate-container">
|
||||
<span id="gbp-try">61.7723</span> <span class="text-[0.9rem] font-normal font-sans">₺</span>
|
||||
</div>
|
||||
<div class="w-full bg-gray-100 rounded-full h-1.5 overflow-hidden">
|
||||
<div class="bg-[#e2626b] h-1.5 rounded-full" style="width: 40%;" id="gbp-bar"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{{-- GRA Card --}}
|
||||
<div class="bg-white rounded-xl p-3 shadow-md flex flex-col justify-between" style="min-height: 105px;">
|
||||
<div class="flex items-center justify-between">
|
||||
<span class="text-[0.65rem] font-bold text-gray-500 uppercase">GRA</span>
|
||||
<span class="text-[0.65rem] font-bold text-[#e2626b] flex items-center gap-0.5" id="gra-change-container">
|
||||
<span id="gra-pct">-1.00%</span>
|
||||
<i class="uil uil-arrow-down-right font-bold text-[0.75rem]" id="gra-arrow">▼</i>
|
||||
</span>
|
||||
</div>
|
||||
<div class="text-[1.2rem] font-bold text-[#1e2229] font-mono leading-none my-2" id="gra-rate-container">
|
||||
<span id="gold-try">6650.24</span> <span class="text-[0.9rem] font-normal font-sans">₺</span>
|
||||
</div>
|
||||
<div class="w-full bg-gray-100 rounded-full h-1.5 overflow-hidden">
|
||||
<div class="bg-[#e2626b] h-1.5 rounded-full" style="width: 30%;" id="gra-bar"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@@ -104,7 +146,7 @@
|
||||
<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">
|
||||
<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-[#009846] !text-[#009846] !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">
|
||||
@@ -115,51 +157,51 @@
|
||||
|
||||
<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">
|
||||
<div class="icon btn btn-block btn-lg btn-soft-green pointer-events-none !mb-6 !bg-[#e6f5ec] !text-[#009846]">
|
||||
<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>
|
||||
<a href="https://finance.truncgil.com/docs" target="_blank" class="more hover !text-[#009846] focus:!text-[#009846] hover:!text-[#009846]">{!! 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">
|
||||
<div class="icon btn btn-block btn-lg btn-soft-green pointer-events-none !mb-6 !bg-[#e6f5ec] !text-[#009846]">
|
||||
<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>
|
||||
<a href="https://finance.truncgil.com/docs" target="_blank" class="more hover !text-[#009846] focus:!text-[#009846] hover:!text-[#009846]">{!! 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">
|
||||
<div class="icon btn btn-block btn-lg btn-soft-green pointer-events-none !mb-6 !bg-[#e6f5ec] !text-[#009846]">
|
||||
<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>
|
||||
<a href="https://finance.truncgil.com/docs" target="_blank" class="more hover !text-[#009846] focus:!text-[#009846] hover:!text-[#009846]">{!! 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">
|
||||
<div class="icon btn btn-block btn-lg btn-soft-green pointer-events-none !mb-6 !bg-[#e6f5ec] !text-[#009846]">
|
||||
<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>
|
||||
<a href="https://finance.truncgil.com/docs" target="_blank" class="more hover !text-[#009846] focus:!text-[#009846] hover:!text-[#009846]">{!! 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>
|
||||
<div class="shape bg-dot rellax !w-[7rem] !h-[12.5rem] absolute z-[1] opacity-50 !bg-[radial-gradient(#009846_2px,transparent_2.5px)]" data-rellax-speed="1" style="top: -2rem; left: -1.9rem;"></div>
|
||||
<div class="shape !rounded-[.4rem] !bg-[#edfbf2] 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">
|
||||
<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-[#009846] !text-[#009846] !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">
|
||||
@@ -167,7 +209,7 @@
|
||||
</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>
|
||||
<span class="icon btn btn-block btn-soft-green pointer-events-none !mr-5 !bg-[#e6f5ec] !text-[#009846]"><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>
|
||||
@@ -176,7 +218,7 @@
|
||||
</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>
|
||||
<span class="icon btn btn-block btn-soft-green pointer-events-none !mr-5 !bg-[#e6f5ec] !text-[#009846]"><span class="number !text-[0.9rem]">2</span></span>
|
||||
</div>
|
||||
<div>
|
||||
<h4 class="!mb-1 !text-[1rem] !leading-[1.45]">{!! t('Kodunuza Ekleyin') !!}</h4>
|
||||
@@ -185,7 +227,7 @@
|
||||
</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>
|
||||
<span class="icon btn btn-block btn-soft-green pointer-events-none !mr-5 !bg-[#e6f5ec] !text-[#009846]"><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>
|
||||
@@ -198,15 +240,15 @@
|
||||
{{-- 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>
|
||||
<div class="shape !rounded-[50%] bg-line green rellax !w-[8rem] !h-[8rem] !absolute z-[1] opacity-50 bg-[radial-gradient(#009846_2px,transparent_2.5px)]" data-rellax-speed="1" style="top: -2rem; right: -1.9rem;"></div>
|
||||
<div class="shape rounded !bg-[#edfbf2] 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">
|
||||
<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-[#009846] !text-[#009846] !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">
|
||||
@@ -215,7 +257,7 @@
|
||||
<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">
|
||||
<button class="before:!text-[#009846] hover:!text-[#009846] !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>
|
||||
@@ -227,7 +269,7 @@
|
||||
</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">
|
||||
<button class="before:!text-[#009846] hover:!text-[#009846] !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>
|
||||
@@ -239,7 +281,7 @@
|
||||
</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">
|
||||
<button class="before:!text-[#009846] hover:!text-[#009846] !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>
|
||||
@@ -278,7 +320,7 @@
|
||||
<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">
|
||||
<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-[#009846] !text-[#009846] !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">
|
||||
@@ -298,7 +340,7 @@
|
||||
</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>
|
||||
<h2 class="post-title h3 !mb-3 !text-[1.15rem] !leading-[1.4]"><a class='!text-[#343f52] hover:!text-[#009846]' 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">
|
||||
@@ -315,7 +357,7 @@
|
||||
</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>
|
||||
<h2 class="post-title h3 !mb-3 !text-[1.15rem] !leading-[1.4]"><a class='!text-[#343f52] hover:!text-[#009846]' 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">
|
||||
@@ -332,7 +374,7 @@
|
||||
</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>
|
||||
<h2 class="post-title h3 !mb-3 !text-[1.15rem] !leading-[1.4]"><a class='!text-[#343f52] hover:!text-[#009846]' 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">
|
||||
@@ -348,11 +390,11 @@
|
||||
</section>
|
||||
|
||||
{{-- Section 7: Company Facts (Counters) --}}
|
||||
<section class="wrapper !bg-[#edf2fc]">
|
||||
<section class="wrapper !bg-[#edfbf2]">
|
||||
<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">
|
||||
<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-[#009846] !text-[#009846] !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">
|
||||
@@ -386,8 +428,8 @@
|
||||
|
||||
{{-- 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="shape !rounded-[50%] bg-line green rellax !w-[8rem] !h-[8rem] absolute opacity-50 bg-[radial-gradient(#009846_2px,transparent_2.5px)]" data-rellax-speed="1" style="top: -2rem; right: -2.7rem; z-index:0;"></div>
|
||||
<div class="shape !rounded-[50%] !bg-[#edfbf2] 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>
|
||||
@@ -430,14 +472,14 @@
|
||||
{{-- 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">
|
||||
<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-[#009846] !text-[#009846] 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">
|
||||
<a href="https://finance.truncgil.com/" target="_blank" class="btn btn-green !text-white !bg-[#009846] border-[#009846] hover:text-white hover:bg-[#007f3a] hover:!border-[#007f3a] focus:shadow-[rgba(0,152,70,0.5)] focus:text-white active:text-white active:bg-[#007f3a] active:border-[#007f3a] disabled:bg-[#009846] disabled:border-[#009846] !text-[.85rem] rounded !mt-2">
|
||||
{!! t('Tüm Planları Gör') !!}
|
||||
</a>
|
||||
</div>
|
||||
@@ -448,14 +490,14 @@
|
||||
<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 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-[#009846] 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="shape bg-dot green rellax !w-[6rem] !h-[8rem] absolute z-[1] opacity-50 bg-[radial-gradient(#009846_2px,transparent_2.5px)]" data-rellax-speed="1" style="bottom: -0.5rem; right: -1.6rem;"></div>
|
||||
<div class="shape !rounded-[50%] !bg-[#edfbf2] 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)]">
|
||||
@@ -466,12 +508,12 @@
|
||||
</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-check absolute left-0 w-4 h-4 text-[0.8rem] leading-none !tracking-[normal] !text-center flex items-center justify-center bg-[#e6f5ec] !text-[#009846] 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-[#e6f5ec] !text-[#009846] 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-[#e6f5ec] !text-[#009846] 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>
|
||||
<a href="https://finance.truncgil.com/" target="_blank" class="btn btn-green !text-white !bg-[#009846] border-[#009846] hover:text-white hover:bg-[#007f3a] hover:!border-[#007f3a] focus:shadow-[rgba(0,152,70,0.5)] focus:text-white active:text-white active:bg-[#007f3a] active:border-[#007f3a] disabled:bg-[#009846] disabled:border-[#009846] !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>
|
||||
@@ -484,12 +526,12 @@
|
||||
</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>
|
||||
<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-[#e6f5ec] !text-[#009846] 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-[#e6f5ec] !text-[#009846] 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-[#e6f5ec] !text-[#009846] 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-[#e6f5ec] !text-[#009846] 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>
|
||||
<a href="{{ route('page.show', ['slug' => 'iletisim']) }}" class="btn btn-green !text-white !bg-[#009846] border-[#009846] hover:text-white hover:bg-[#007f3a] hover:!border-[#007f3a] focus:shadow-[rgba(0,152,70,0.5)] focus:text-white active:text-white active:bg-[#007f3a] active:border-[#007f3a] disabled:bg-[#009846] disabled:border-[#009846] !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>
|
||||
@@ -501,14 +543,14 @@
|
||||
<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>
|
||||
<div class="shape !rounded-[.4rem] !bg-[#edfbf2] 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">
|
||||
<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-[#009846] !text-[#009846] !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">
|
||||
@@ -516,7 +558,7 @@
|
||||
</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]">
|
||||
<div class="icon !text-[#009846] 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>
|
||||
@@ -527,7 +569,7 @@
|
||||
</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]">
|
||||
<div class="icon !text-[#009846] 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>
|
||||
@@ -538,7 +580,7 @@
|
||||
</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]">
|
||||
<div class="icon !text-[#009846] 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>
|
||||
@@ -580,36 +622,59 @@
|
||||
|
||||
// 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');
|
||||
const gbpTryEl = document.getElementById('gbp-try');
|
||||
const goldTryEl = document.getElementById('gold-try');
|
||||
|
||||
function updateCard(id, currentVal, oscRange, precision, barId, pctId, arrowId, containerId) {
|
||||
const osc = (Math.random() - 0.5) * oscRange;
|
||||
const nextVal = Math.max(0.1, currentVal + osc);
|
||||
|
||||
const pctChange = (osc / currentVal) * 100;
|
||||
const sign = pctChange >= 0 ? '+' : '';
|
||||
|
||||
const rateEl = document.getElementById(id);
|
||||
if (rateEl) {
|
||||
rateEl.innerText = nextVal.toFixed(precision);
|
||||
}
|
||||
|
||||
const pctEl = document.getElementById(pctId);
|
||||
const arrowEl = document.getElementById(arrowId);
|
||||
const containerEl = document.getElementById(containerId);
|
||||
const barEl = document.getElementById(barId);
|
||||
|
||||
if (pctEl && arrowEl && containerEl) {
|
||||
pctEl.innerText = sign + pctChange.toFixed(2) + '%';
|
||||
if (pctChange >= 0) {
|
||||
arrowEl.innerText = '▲';
|
||||
containerEl.style.color = '#009846';
|
||||
if (barEl) {
|
||||
barEl.style.backgroundColor = '#009846';
|
||||
barEl.style.width = Math.min(100, Math.max(10, (barEl.style.width ? parseFloat(barEl.style.width) : 50) + 2)) + '%';
|
||||
}
|
||||
} else {
|
||||
arrowEl.innerText = '▼';
|
||||
containerEl.style.color = '#e2626b';
|
||||
if (barEl) {
|
||||
barEl.style.backgroundColor = '#e2626b';
|
||||
barEl.style.width = Math.min(100, Math.max(10, (barEl.style.width ? parseFloat(barEl.style.width) : 50) - 2)) + '%';
|
||||
}
|
||||
}
|
||||
}
|
||||
return nextVal;
|
||||
}
|
||||
|
||||
let usdVal = parseFloat(usdTryEl?.innerText || '45.9000');
|
||||
let eurVal = parseFloat(eurTryEl?.innerText || '53.4061');
|
||||
let gbpVal = parseFloat(gbpTryEl?.innerText || '61.7723');
|
||||
let goldVal = parseFloat(goldTryEl?.innerText || '6650.24');
|
||||
|
||||
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 });
|
||||
}
|
||||
if (usdTryEl) usdVal = updateCard('usd-try', usdVal, 0.05, 4, 'usd-bar', 'usd-pct', 'usd-arrow', 'usd-change-container');
|
||||
if (eurTryEl) eurVal = updateCard('eur-try', eurVal, 0.06, 4, 'eur-bar', 'eur-pct', 'eur-arrow', 'eur-change-container');
|
||||
if (gbpTryEl) gbpVal = updateCard('gbp-try', gbpVal, 0.07, 4, 'gbp-bar', 'gbp-pct', 'gbp-arrow', 'gbp-change-container');
|
||||
if (goldTryEl) goldVal = updateCard('gold-try', goldVal, 5.0, 2, 'gra-bar', 'gra-pct', 'gra-arrow', 'gra-change-container');
|
||||
}, 2000);
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user