From 01a708b054fd751d952b1548c56ba380e97f8bc9 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=C3=9Cmit=20Tun=C3=A7?= Date: Tue, 26 May 2026 23:27:00 +0300 Subject: [PATCH] feat: add finance logo SVG and update finance product page --- public/assets/img/finance-logo.svg | 28 ++ .../views/front/products/finance.blade.php | 327 +++++++++++------- 2 files changed, 224 insertions(+), 131 deletions(-) create mode 100644 public/assets/img/finance-logo.svg diff --git a/public/assets/img/finance-logo.svg b/public/assets/img/finance-logo.svg new file mode 100644 index 0000000..8610a75 --- /dev/null +++ b/public/assets/img/finance-logo.svg @@ -0,0 +1,28 @@ + + + + + + + + + + + + + + + + + + + diff --git a/resources/views/front/products/finance.blade.php b/resources/views/front/products/finance.blade.php index 24aa3c0..d871941 100644 --- a/resources/views/front/products/finance.blade.php +++ b/resources/views/front/products/finance.blade.php @@ -12,7 +12,7 @@ @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">
-
-
-

+ + {{-- Top Row: Logo (No borders, transparent bg, centered/left at the very top) --}} +
+ + Trunçgil Finance Logo + +
+ + {{-- Main Row: Text & Rates Side-by-Side --}} +
+ + {{-- Left Column: Headline and Descriptions --}} +
+

{!! t('Trunçgil Finance ile') !!}
- - + +

-

+

{!! 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.') !!}

- - {{-- Live Rates Widget (Wow Factor Integration inside Hero) --}} -
-
- - {!! t('Canlı Piyasalar (Simüle)') !!} -
-
-
-
-
-
{!! t('Gram Altın') !!}
-
₺3,142.45
-
-
-
-
-
-
USD / TRY
-
₺34.8250
-
-
-
-
-
-
EUR / TRY
-
₺37.2480
-
-
-
-
-
-
BTC / USD
-
$98,425.00
-
-
-
-
-
-
-
- -
- Trunçgil Finance Preview -
+ {{-- Right Column: Live Rates Cards Side-by-Side --}} +
+
+
+ + {!! t('Canlı Piyasalar') !!} +
+
+ + {{-- USD Card --}} +
+
+ USD + + +0.42% + ▲ + +
+
+ 45.9000 ₺ +
+
+
+
+
+ + {{-- EUR Card --}} +
+
+ EUR + + -0.15% + ▼ + +
+
+ 53.4061 ₺ +
+
+
+
+
+ + {{-- GBP Card --}} +
+
+ GBP + + -0.42% + ▼ + +
+
+ 61.7723 ₺ +
+
+
+
+
+ + {{-- GRA Card --}} +
+
+ GRA + + -1.00% + ▼ + +
+
+ 6650.24 ₺ +
+
+
+
+
+ +
+
@@ -104,7 +146,7 @@
-

+

{!! t('Ne Yapıyoruz?') !!}

@@ -115,51 +157,51 @@
-
+

{!! t('7/24 Kesintisiz Destek') !!}

{!! t('Canlı veri hatlarımız ve uzman teknik ekibimiz, sistemlerinizin kesintisiz çalışması için her an hazır durumdadır.') !!}

- {!! t('Detaylar') !!} + {!! t('Detaylar') !!}
-
+

{!! t('Güvenli Entegrasyon') !!}

{!! t('SSL/TLS korumalı, son derece güvenli RESTful API uç noktalarımız ile verilerinizi projelerinize güvenle çekin.') !!}

- {!! t('Detaylar') !!} + {!! t('Detaylar') !!}
-
+

{!! t('Anlık Güncellemeler') !!}

{!! t('Altın fiyatları, serbest piyasa döviz kurları ve kripto paralar milisaniyeler bazında sürekli güncellenir.') !!}

- {!! t('Detaylar') !!} + {!! t('Detaylar') !!}
-
+

{!! t('Piyasa Analizleri') !!}

{!! t('Gelişmiş geçmiş veri havuzumuzla piyasa trendlerini kolayca analiz edin, raporlayın ve tahminler üretin.') !!}

- {!! t('Detaylar') !!} + {!! t('Detaylar') !!}
{{-- Section 3: How It Works? --}}
-
-
+
+
How Trunçgil Finance Works
-

+

{!! t('Nasıl Çalışır?') !!}

@@ -167,7 +209,7 @@

- 1 + 1

{!! t('Uç Noktayı Seçin') !!}

@@ -176,7 +218,7 @@
- 2 + 2

{!! t('Kodunuza Ekleyin') !!}

@@ -185,7 +227,7 @@
- 3 + 3

{!! t('Canlı Veriyi İşleyin') !!}

@@ -198,15 +240,15 @@ {{-- Section 4: Why Choose Us? --}}
-
-
+
+
Why Choose Trunçgil Finance
-

+

{!! t('Neden Biz?') !!}

@@ -215,7 +257,7 @@
-
@@ -227,7 +269,7 @@
-
@@ -239,7 +281,7 @@
-
@@ -278,7 +320,7 @@
-

+

{!! t('Uygulama Alanları') !!}

@@ -298,7 +340,7 @@
-

{!! t('E-Ticaret & Otomatik Döviz Dönüşümleri') !!}

+

{!! t('E-Ticaret & Otomatik Döviz Dönüşümleri') !!}

    @@ -315,7 +357,7 @@
    -

    {!! t('ERP & Otomatik Şirket İçi Kur Değerlemeleri') !!}

    +

    {!! t('ERP & Otomatik Şirket İçi Kur Değerlemeleri') !!}

      @@ -332,7 +374,7 @@
      -

      {!! t('Mobil Finans & Canlı Altın Takip Portalları') !!}

      +

      {!! t('Mobil Finans & Canlı Altın Takip Portalları') !!}

        @@ -348,11 +390,11 @@ {{-- Section 7: Company Facts (Counters) --}} -
        +
        -

        +

        {!! t('Şirket Rakamlarımız') !!}

        @@ -386,8 +428,8 @@ {{-- Testimonial Slider --}}
        -
        -
        +
        +
        @@ -430,14 +472,14 @@ {{-- Pricing and Plans --}}
        -

        +

        {!! t('Fiyatlandırma') !!}

        {!! t('Geliştirici dostu ve son derece adil planlar.') !!}

        {!! t('Hemen ücretsiz deneme planıyla başlayın ve API gücünü kendiniz deneyimleyin. Kredi kartı gerekmez!') !!}

        - + {!! t('Tüm Planları Gör') !!}
        @@ -448,14 +490,14 @@
        -
        +

        {!! t('Yıllık') !!} ({!! t('%30 Tasarruf') !!})

        -
        -
        +
        +
        @@ -466,12 +508,12 @@

        {!! t('Geliştirici Planı') !!}

          -
        • 100K {!! t('API İstek / Ay') !!}
          • -
        • {!! t('Kimlik Doğrulama Gerekmez (No-Auth)') !!}
          • -
        • {!! t('Standart HTTP Önbellekleme') !!}
          • +
        • 100K {!! t('API İstek / Ay') !!}
          • +
        • {!! t('Kimlik Doğrulama Gerekmez (No-Auth)') !!}
          • +
        • {!! t('Standart HTTP Önbellekleme') !!}
        • {!! t('Özel Docker Kurulum Desteği') !!}
        - {!! t('Ücretsiz Başla') !!} + {!! t('Ücretsiz Başla') !!}
        @@ -484,12 +526,12 @@

        {!! t('Kurumsal Plan') !!}

          -
        • {!! t('Sınırsız') !!} {!! t('API İstek Hacmi') !!}
          • -
        • {!! t('Özel Sunucu & Docker') !!} {!! t('Kurulumları') !!}
          • -
        • {!! t('Yüksek Öncelikli Özel Destek Hattı') !!}
          • -
        • {!! t('Milisaniyelik Ultra Düşük Gecikme') !!}
          • +
        • {!! t('Sınırsız') !!} {!! t('API İstek Hacmi') !!}
          • +
        • {!! t('Özel Sunucu & Docker') !!} {!! t('Kurulumları') !!}
          • +
        • {!! t('Yüksek Öncelikli Özel Destek Hattı') !!}
          • +
        • {!! t('Milisaniyelik Ultra Düşük Gecikme') !!}
        - {!! t('Bizimle İletişime Geçin') !!} + {!! t('Bizimle İletişime Geçin') !!}

        @@ -501,14 +543,14 @@
        -
        +
        Contact Trunçgil Finance
        -

        +

        {!! t('Bize Ulaşın') !!}

        @@ -516,7 +558,7 @@

        -
        +
        @@ -527,7 +569,7 @@
        -
        +
        @@ -538,7 +580,7 @@
        -
        +
        @@ -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); }