Ümit Tunç
72 lines
4.2 KiB
PHP
72 lines
4.2 KiB
PHP
<section class="wrapper bg-[rgba(255,255,255)] opacity-100">
|
||
<div class="container pt-20 pb-20 xl:pb-28 lg:pb-28 md:pb-28">
|
||
<div class="card !bg-[#f0f0f8] !rounded-[0.8rem] !mb-20 xl:!mb-[7rem] lg:!mb-[7rem] md:!mb-[7rem]">
|
||
<div class="card-body py-[4.5rem] xl:!px-0 lg:!px-0 px-[40px]">
|
||
<div class="flex flex-wrap mx-[-15px] !text-center">
|
||
<div class="lg:w-8/12 xl:w-8/12 w-full flex-[0_0_auto] !px-[15px] max-w-full xl:!ml-[16.66666667%] lg:!ml-[16.66666667%]">
|
||
<h2 class="!text-[0.8rem] uppercase !text-[#e31e24] !mb-3 !leading-[1.35] !tracking-[0.02rem]">{!! t('Mutlu Müşteriler') !!}</h2>
|
||
<h3 class="xl:!text-[1.9rem] !text-[calc(1.315rem_+_0.78vw)] !leading-[1.25] font-semibold !mb-10 xxl:!px-10">{!! t('Bizi müşterilerimizden dinleyin.') !!}</h3>
|
||
</div>
|
||
<!-- /column -->
|
||
</div>
|
||
<!-- /.row -->
|
||
<div class="flex flex-wrap mx-[-15px] xl:mx-[-35px] lg:mx-[-20px] items-center">
|
||
<div class="lg:w-5/12 xl:w-4/12 w-full flex-[0_0_auto] !px-[15px] max-w-full !ml-auto hidden xl:!flex lg:!flex xl:!px-[35px] lg:!px-[20px]">
|
||
<div class="img-mask mask-3"><img src="{{ setting('home_testimonials_image', asset('assets/img/photos/about28.webp')) }}" alt="image" loading="lazy"></div>
|
||
</div>
|
||
<!--/column -->
|
||
<div class="lg:w-6/12 xl:w-6/12 xxl:w-5/12 w-full flex-[0_0_auto] !px-[15px] max-w-full !mr-auto xl:!px-[35px] lg:!px-[20px]">
|
||
<div class="swiper-container dots-start dots-closer !mb-6 relative z-10 swiper-container-0" data-margin="30" data-dots="true">
|
||
<div class="swiper swiper-initialized swiper-horizontal swiper-pointer-events swiper-backface-hidden">
|
||
<div class="swiper-wrapper">
|
||
@php
|
||
$homePageTestimonials = $page ? $page->testimonials()->where('is_active', true)->orderBy('sort_order')->get() : collect([]);
|
||
|
||
// If home page has no testimonials, maybe fetch from 'musteri-gorusleri' page as fallback
|
||
if ($homePageTestimonials->isEmpty()) {
|
||
$tPage = \App\Models\Page::where('slug', 'musteri-gorusleri')->first();
|
||
if ($tPage) {
|
||
$homePageTestimonials = $tPage->testimonials()->where('is_active', true)->orderBy('sort_order')->take(5)->get();
|
||
}
|
||
}
|
||
@endphp
|
||
|
||
@forelse($homePageTestimonials as $testimonial)
|
||
<div class="swiper-slide">
|
||
<span class="ratings inline-block relative w-20 h-[0.8rem] text-[0.9rem] leading-none before:text-[rgba(38,43,50,0.1)] after:inline-block after:not-italic after:font-normal after:absolute after:!text-[#fcc032] after:content-['\2605\2605\2605\2605\2605'] after:overflow-hidden after:left-0 after:top-0 before:inline-block before:not-italic before:font-normal before:absolute before:!text-[#fcc032] before:content-['\2605\2605\2605\2605\2605'] before:overflow-hidden before:left-0 before:top-0 five !mb-3"></span>
|
||
<blockquote class="pl-0 text-[1.05rem] !mb-0 border-0 !leading-[1.7] font-medium m-[0_0_1rem]">
|
||
<p>"{!! $testimonial->content !!}"</p>
|
||
<div class="flex items-center text-left">
|
||
<div class="info !pl-0">
|
||
<p class="!mb-1 text-[.95rem] !leading-[1.5] !font-semibold">{{ $testimonial->name }}</p>
|
||
<p class="!mb-0 text-[.85rem]">{{ $testimonial->position }}</p>
|
||
</div>
|
||
</div>
|
||
</blockquote>
|
||
</div>
|
||
@empty
|
||
<div class="swiper-slide">
|
||
<p class="text-center opacity-50">{{ t('Müşteri görüşleri yakında burada olacak.') }}</p>
|
||
</div>
|
||
@endforelse
|
||
</div>
|
||
<!--/.swiper-wrapper -->
|
||
<span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span></div>
|
||
<!-- /.swiper -->
|
||
<div class="swiper-controls"><div class="swiper-pagination swiper-pagination-clickable swiper-pagination-bullets swiper-pagination-horizontal"><span class="swiper-pagination-bullet swiper-pagination-bullet-active" tabindex="0" role="button" aria-label="Go to slide 1" aria-current="true"></span><span class="swiper-pagination-bullet" tabindex="0" role="button" aria-label="Go to slide 2"></span><span class="swiper-pagination-bullet" tabindex="0" role="button" aria-label="Go to slide 3"></span></div></div></div>
|
||
<!-- /.swiper-container -->
|
||
</div>
|
||
<!--/column -->
|
||
</div>
|
||
<!--/.row -->
|
||
</div>
|
||
<!--/.card-body -->
|
||
</div>
|
||
<!--/.card -->
|
||
</div>
|
||
<!-- /.container -->
|
||
</section>
|
||
|
||
|
||
|