feat: Add Logos page, refactor Testimonials to RelationManager, and improve designs

This commit is contained in:
Muhammet Güler
2026-02-08 04:54:32 +03:00
parent 33c1ffe779
commit 177ebff119
24 changed files with 863 additions and 573 deletions
@@ -3,12 +3,12 @@
@section('content')
{{-- Unified Hero & Testimonials Section --}}
<section class="wrapper image-wrapper bg-image bg-overlay bg-overlay-400" data-image-src="{{ asset('assets/img/photos/bg18.png') }}">
<section id="testimonials-hero" class="wrapper image-wrapper bg-image bg-overlay bg-overlay-500" data-image-src="{{ asset('assets/img/photos/bg1.jpg') }}">
{{-- Inline style override to ensure background image works if JS fails --}}
{{-- Inline style scoped to this ID --}}
<style>
.wrapper.bg-image[data-image-src] {
background-image: url("{{ asset('assets/img/photos/bg18.png') }}");
#testimonials-hero.bg-image[data-image-src] {
background-image: url("{{ asset('assets/img/photos/bg1.jpg') }}");
}
</style>
@@ -30,20 +30,34 @@
<div class="swiper-container dots-closer dots-light dots-light-75" 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">
@php
$testimonials = $page ? $page->testimonials()->where('is_active', true)->orderBy('sort_order')->get() : collect([]);
@endphp
{{-- Müşteri 1: Stellar Construction --}}
@forelse($testimonials as $testimonial)
<div class="swiper-slide">
<div class="item-inner">
<div class="card border-0 h-full" style="background-color: rgba(255, 255, 255, 0.85); backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, 0.5); box-shadow: 0 10px 30px rgba(0,0,0,0.05);">
<div class="card-body flex-[1_1_auto] p-[40px]">
<span class="ratings inline-block relative w-20 h-[0.8rem] text-[0.9rem] leading-none before:text-[rgba(0,0,0,0.1)] five !mb-4" style="color: #fcc032;"></span>
<span class="ratings inline-block relative w-20 h-[0.8rem] text-[0.9rem] leading-none before:text-[rgba(0,0,0,0.1)] five !mb-4" style="color: #fcc032;">
@for($i=0; $i<$testimonial->rating; $i++)
<i class="uil uil-star"></i>
@endfor
</span>
<blockquote class="!text-[1rem] !leading-[1.7] font-medium m-[0_0_1rem] !mb-0 text-[#1e293b]">
<p>“{!! t('Dijital dönüşüm yolculuğumuzda yanımızda oldukları için mutluyuz. Profesyonel yaklaşımları ve çözüm odaklı çalışmaları ile projelerimize değer kattılar.') !!}”</p>
<p>“{!! $testimonial->content !!}”</p>
<div class="flex items-center text-left mt-6">
@if($testimonial->avatar)
<div class="avatar w-12 h-12 !mr-4">
<img src="{{ asset('storage/' . $testimonial->avatar) }}" class="!rounded-[50%] w-full h-full object-cover" alt="{{ $testimonial->name }}">
</div>
@endif
<div class="info p-0">
<h5 class="!mb-0 text-[#1e293b] !font-bold !text-[1.05rem]">Kerem Can Azak</h5>
<p class="!mb-0 !text-[0.85rem] text-[#1e293b] opacity-70">Stellar Construction</p>
<h5 class="!mb-0 text-[#1e293b] !font-bold !text-[1.05rem]">{{ $testimonial->name }}</h5>
@if($testimonial->position)
<p class="!mb-0 !text-[0.85rem] text-[#1e293b] opacity-70">{{ $testimonial->position }}</p>
@endif
</div>
</div>
</blockquote>
@@ -51,47 +65,15 @@
</div>
</div>
</div>
{{-- Müşteri 2: Dijimind Akademi --}}
@empty
<div class="swiper-slide">
<div class="item-inner">
<div class="card border-0 h-full" style="background-color: rgba(255, 255, 255, 0.85); backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, 0.5); box-shadow: 0 10px 30px rgba(0,0,0,0.05);">
<div class="card-body flex-[1_1_auto] p-[40px]">
<span class="ratings inline-block relative w-20 h-[0.8rem] text-[0.9rem] leading-none before:text-[rgba(0,0,0,0.1)] five !mb-4" style="color: #fcc032;"></span>
<blockquote class="!text-[1rem] !leading-[1.7] font-medium m-[0_0_1rem] !mb-0 text-[#1e293b]">
<p>“{!! t('Eğitim teknolojileri alanındaki vizyoner bakış açıları ve teknik altyapı konusundaki uzmanlıkları sayesinde hedeflediğimiz kitleye çok daha etkili bir şekilde ulaştık.') !!}”</p>
<div class="flex items-center text-left mt-6">
<div class="info p-0">
<h5 class="!mb-0 text-[#1e293b] !font-bold !text-[1.05rem]">Servet Demir</h5>
<p class="!mb-0 !text-[0.85rem] text-[#1e293b] opacity-70">Dijimind Akademi</p>
</div>
</div>
</blockquote>
</div>
<div class="text-center text-white opacity-50">
<p>{{ t('Henüz bir müşteri görüşü eklenmemiş.') }}</p>
</div>
</div>
</div>
{{-- Müşteri 3: Rhapsode Akademik Yayınevi --}}
<div class="swiper-slide">
<div class="item-inner">
<div class="card border-0 h-full" style="background-color: rgba(255, 255, 255, 0.85); backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, 0.5); box-shadow: 0 10px 30px rgba(0,0,0,0.05);">
<div class="card-body flex-[1_1_auto] p-[40px]">
<span class="ratings inline-block relative w-20 h-[0.8rem] text-[0.9rem] leading-none before:text-[rgba(0,0,0,0.1)] five !mb-4" style="color: #fcc032;"></span>
<blockquote class="!text-[1rem] !leading-[1.7] font-medium m-[0_0_1rem] !mb-0 text-[#1e293b]">
<p>“{!! t('Akademik yayıncılık süreçlerimizi dijitalleştirirken sundukları yenilikçi çözümler ve hızlı destekleri için teşekkür ederiz. Güvenilir bir iş ortağı.') !!}”</p>
<div class="flex items-center text-left mt-6">
<div class="info p-0">
<h5 class="!mb-0 text-[#1e293b] !font-bold !text-[1.05rem]">A. Cezmi Savaş</h5>
<p class="!mb-0 !text-[0.85rem] text-[#1e293b] opacity-70">Rhapsode Akademik Yayınevi</p>
</div>
</div>
</blockquote>
</div>
</div>
</div>
</div>
@endforelse
</div>
<!--/.swiper-wrapper -->
</div>