Muhammet Güler
e4ca3b228b
* Yeni Sayfa: Kurumsal menüsü altına modern tasarımlı 'Müşteri Görüşleri' sayfası eklendi.\n* Düzeltme: Kitaplar sayfasındaki renk döngüsü hatası giderildi ve eksik Google Play linki eklendi.\n* Temizlik: Proje dizinindeki gereksiz bakım dosyaları silindi.
167 lines
10 KiB
PHP
167 lines
10 KiB
PHP
<section class="wrapper !bg-[#ffffff]">
|
||
<div class="container pt-20 xl:pt-28 lg:pt-28 md:pt-28 pb-16 xl:pb-20 lg:pb-20 md:pb-20">
|
||
|
||
@php
|
||
// Mapping specific styles for the zigzag layout loop
|
||
$styles = [
|
||
'leaf' => [
|
||
'class_suffix' => 'leaf',
|
||
'main_color' => '#7cb798',
|
||
'bg_color' => '#e7f2ec',
|
||
'shape_color' => '#f0eaf6',
|
||
'shape_class' => 'bg-line leaf',
|
||
'btn_class' => 'btn-soft-leaf',
|
||
],
|
||
'aqua' => [
|
||
'class_suffix' => 'aqua',
|
||
'main_color' => '#54a8c7',
|
||
'bg_color' => '#e0eff5',
|
||
'shape_color' => '#fae6e7',
|
||
'shape_class' => 'bg-line aqua',
|
||
'btn_class' => 'btn-soft-aqua',
|
||
],
|
||
'purple' => [ // Adding more for variety if needed, falling back to leaf/aqua
|
||
'class_suffix' => 'purple',
|
||
'main_color' => '#9d7ad2',
|
||
'bg_color' => '#f2eef9',
|
||
'shape_color' => '#eaddf0',
|
||
'shape_class' => 'bg-line purple',
|
||
'btn_class' => 'btn-soft-purple',
|
||
]
|
||
];
|
||
|
||
$books = [
|
||
[
|
||
'id' => 1,
|
||
'title' => 'TENSORFLOW İLE DERİN ÖĞRENME',
|
||
'author' => 'Ümit Tunç / İ. Halil Sanduvaç',
|
||
'description' => 'Sıkı durun, sizinle derin bir yolculuğa çıkacağız. Bu yolculukta şoförümüz siz, muavininiz biz olacağız. Yapay zeka ve derin öğrenme hususundaki örneklerle belirlediğimiz bu kaynak ile hem bu işin matematiğini, hem de tasarım aşamasına kadar olan aşamaları göreceksiniz.',
|
||
'full_description' => 'Yapay zeka ve derin öğrenme hususundaki örneklerle belirlediğimiz bu kaynak ile hem bu işin matematiğini, hem de tasarım aşamasına kadar olan aşamaları göreceksiniz. Günlük hayatta kullanılan canlı örneklerle ilham verebileceğini düşündüğümüz çalışmaları sizlerin huzuruna büyük bir özveriyle sunmanın gururunu yaşıyoruz.',
|
||
'topics' => [
|
||
'Yapay Zeka & Derin Öğrenme',
|
||
'Yapay Nöronlar & Katmanlar',
|
||
'Konvolüsyonel Sinir Ağları',
|
||
'Görüntü İşleme & HaarCascade',
|
||
'Makine Öğrenmesi & Tensorflow',
|
||
'OpenCV & Nesne Tanıma',
|
||
'Veri Artırma & Setleri',
|
||
'GANs ve Projeler'
|
||
],
|
||
'image' => 'assets/img/photos/tensorflow-book-real.jpg',
|
||
'google_play_link' => 'https://play.google.com/store/books/details/%C3%9CM%C4%B0T_TUN%C3%87_TENSORFLOW_%C4%B0LE_DER%C4%B0N_%C3%96%C4%9ERENME?id=X8gqEAAAQBAJ'
|
||
],
|
||
[
|
||
'id' => 2,
|
||
'title' => 'PHP İLE E-TİCARET KAPILARI',
|
||
'author' => 'Ümit Tunç',
|
||
'description' => 'Günümüz dünyasında gittikçe büyüyen sektörlerden biri olan sanal mağazacılık, birden bire toplumlarda yeni yeni öğretiler, kavramlar meydana getirmiştir. Kendinizi bu yeniliklere adapte edebilmek için çeşitli kavramlar öğrenilmelidir.',
|
||
'full_description' => 'Ezber bozacak metotlar içeren bu kitap size farklı bir bakış açısıyla e-ticaret yazılımını öğretebileceği gibi; bir projenin geliştirilebilirliği bakımından çeşitli örnekler de sunacak. Sözü ve kodu fazla uzatmadan kestirme bir yol izleyen kitap; hedef pazarı gittikçe büyüyen bu sektörün kapılarını da size ardına kadar açacaktır.',
|
||
'topics' => [
|
||
'Az Kod Çok İş & Kobetik',
|
||
'MySQL Fonksiyonları & SP',
|
||
'Web Tasarımı & Şablonlar',
|
||
'Üyelik & Kriptolama',
|
||
'Sepet & Sipariş İşlemleri',
|
||
'3D Secure & Güvenlik',
|
||
'SSL & SEO',
|
||
'Yönetim Paneli Geliştirme'
|
||
],
|
||
'image' => 'assets/img/photos/php-eticaret-book.jpg',
|
||
'google_play_link' => 'https://play.google.com/store/books/details/%C3%9Cmit_TUN%C3%87_PHP_%C4%B0LE_E_T%C4%B0CARET_KAPILARI?id=aPK3DwAAQBAJ'
|
||
],
|
||
[
|
||
'id' => 3,
|
||
'title' => 'ADOBE PREMIERE PRO CC',
|
||
'author' => 'Ümit Tunç',
|
||
'description' => 'Video editörlüğü hangi açıdan bakılırsa bakılsın bir kişinin mutlaka alaka duyması gerekli olan bir konu. Günümüz dünyasında değişen medya anlayışıyla artık haberler çok uzun yazılardan ziyade görsellerle zenginleştiriliyor.',
|
||
'full_description' => 'Kendi haberlerinizi hazırlayacağınız, kliplerinizi çekeceğiniz, kitaplarınızı seslendirip görüntülü ortamlara dönüştüreceğiniz harika bir kaynak. Sayısal ses ve sayısal video alanında kurgu ve montaj tekniklerinin eğitim videoları ile desteklenerek anlatıldığı bu kitap, mutlaka kütüphanenizin ön raflarında bulunması gereklidir.',
|
||
'topics' => [
|
||
'Görüntü Stabilize Etmek',
|
||
'Adobe Audition & Ses Montajı',
|
||
'Kurgu ve Montaj Estetiği',
|
||
'Greenbox & Bluebox',
|
||
'Haber ve Film Montajı',
|
||
'Animasyon & Geçiş Efektleri',
|
||
'Timeline & Keyframe',
|
||
'Render & Formatlar'
|
||
],
|
||
'image' => 'assets/img/photos/adobe-premiere-book.jpg',
|
||
'google_play_link' => 'https://play.google.com/store/books/details/%C3%9Cmit_Tun%C3%A7_ADOBE_PREMIERE_PRO_CC?id=it1TDwAAQBAJ'
|
||
]
|
||
];
|
||
@endphp
|
||
|
||
@foreach($books as $index => $book)
|
||
@php
|
||
// Dynamic style cycling
|
||
$styleKeys = array_keys($styles);
|
||
$styleKey = $styleKeys[$index % count($styleKeys)];
|
||
$style = $styles[$styleKey];
|
||
$reverse = ($index % 2 != 0); // Keep alternation for layout but decouple from style
|
||
|
||
// Split topics into 2 columns
|
||
$topicChunks = array_chunk($book['topics'], ceil(count($book['topics']) / 2));
|
||
@endphp
|
||
|
||
<div class="flex flex-wrap mx-[-15px] xl:mx-[-35px] lg:mx-[-20px] !mt-[-50px] {{ $loop->last ? '' : '!mb-[4.5rem] xl:!mb-[8rem] lg:!mb-[8rem] md:!mb-[8rem]' }} items-center">
|
||
|
||
{{-- Image Column --}}
|
||
<div class="xl:w-6/12 lg:w-6/12 w-full flex-[0_0_auto] xl:!px-[35px] lg:!px-[20px] !px-[15px] max-w-full !mt-[50px] !relative {{ $reverse ? 'xl:!order-2 lg:!order-2' : '' }}">
|
||
|
||
{{-- Decorative Shapes --}}
|
||
@if(!$reverse)
|
||
<div class="shape {{ $style['shape_class'] }} !rounded-[50%] rellax !w-[7rem] !h-[7rem] !absolute z-[1] opacity-50" data-rellax-speed="1" style="top: -2rem; right: -0.6rem;"></div>
|
||
<div class="shape !rounded-[50%] rellax !w-[7rem] !h-[7rem] !absolute z-[1] opacity-50" data-rellax-speed="1" style="bottom: -2rem; left: -0.4rem; background-color: {{ $style['shape_color'] }};"></div>
|
||
@else
|
||
<div class="shape {{ $style['shape_class'] }} !rounded-[50%] rellax !w-[7rem] !h-[7rem] !absolute z-[1] opacity-50" data-rellax-speed="1" style="top: -2rem; left: -0.6rem;"></div>
|
||
<div class="shape !rounded-[50%] rellax !w-[7rem] !h-[7rem] !absolute z-[1] opacity-50" data-rellax-speed="1" style="bottom: -2rem; right: -0.4rem; background-color: {{ $style['shape_color'] }};"></div>
|
||
@endif
|
||
|
||
<figure class="!rounded-[.4rem] !mb-0 shadow-lg group overflow-hidden">
|
||
<img class="!rounded-[.4rem] w-full h-auto object-cover transform group-hover:scale-105 transition-transform duration-500" src="{{ asset($book['image']) }}" alt="{{ $book['title'] }}">
|
||
</figure>
|
||
</div>
|
||
<!--/column -->
|
||
|
||
{{-- Content Column --}}
|
||
<div class="xl:w-6/12 lg:w-6/12 w-full flex-[0_0_auto] xl:!px-[35px] lg:!px-[20px] !px-[15px] max-w-full !mt-[50px] {{ $reverse ? 'xl:!order-1 lg:!order-1' : '' }}">
|
||
<h3 class="!text-[calc(1.305rem_+_0.66vw)] font-bold xl:!text-[1.8rem] !leading-[1.3] !mb-2">{{ $book['title'] }}</h3>
|
||
<div class="text-[#e31e24] font-medium mb-4 uppercase tracking-wide text-sm">{{ $book['author'] }}</div>
|
||
|
||
<p class="!mb-5 text-gray-600 leading-relaxed">{{ $book['full_description'] }}</p>
|
||
|
||
<div class="flex flex-wrap mx-[-15px] !mt-[-15px]">
|
||
@foreach($topicChunks as $chunk)
|
||
<div class="xl:w-6/12 w-full flex-[0_0_auto] !px-[15px] max-w-full !mt-[15px]">
|
||
<ul class="pl-0 list-none bullet-bg bullet-{{ $style['class_suffix'] }} !mb-0">
|
||
@foreach($chunk as $liIndex => $topic)
|
||
<li class="{{ $liIndex > 0 ? '!mt-3' : '' }} relative !pl-6">
|
||
<span>
|
||
<i class="uil uil-check !w-4 !h-4 text-[0.8rem] leading-none !tracking-[normal] text-center table absolute rounded-[100%] left-0 top-[0.2rem] before:align-middle before:table-cell before:content-['\e9dd']" style="color: {{ $style['main_color'] }}; background-color: {{ $style['bg_color'] }};"></i>
|
||
</span>
|
||
<span class="text-sm text-gray-700">{{ $topic }}</span>
|
||
</li>
|
||
@endforeach
|
||
</ul>
|
||
</div>
|
||
@endforeach
|
||
</div>
|
||
<!--/.row -->
|
||
|
||
<div class="flex items-center gap-3 mt-8">
|
||
@if(isset($book['google_play_link']))
|
||
<a href="{{ $book['google_play_link'] }}" target="_blank" class="btn !rounded-[50rem] !mb-0 !mr-0 hover:translate-y-[-2px] transition-transform" style="background-color: {{ $style['bg_color'] }}; color: {{ $style['main_color'] }};">
|
||
{{ t('İncele & Satın Al') }}
|
||
</a>
|
||
@endif
|
||
</div>
|
||
|
||
</div>
|
||
<!--/column -->
|
||
</div>
|
||
<!--/.row -->
|
||
@endforeach
|
||
|
||
</div>
|
||
</section>
|