19 lines
1.0 KiB
PHP
19 lines
1.0 KiB
PHP
<section class="bg-home-foreground py-8 overflow-hidden" id="brand-slider">
|
|
<div class="swiper brand-swiper overflow-visible">
|
|
<div class="swiper-wrapper !ease-linear">
|
|
@foreach (array_merge($brands, $brands) as $brand)
|
|
<div class="swiper-slide !w-auto">
|
|
<div class="flex flex-col items-center px-10 group">
|
|
<img src="{{ $brand['image'] }}" alt="{{ $brand['name'] }}"
|
|
class="w-10 h-10 lg:w-14 lg:h-14 object-contain brightness-0 invert opacity-50 group-hover:opacity-100 transition-all duration-500 filter grayscale hover:grayscale-0">
|
|
<h3
|
|
class="mt-3 text-[10px] lg:text-xs font-bold text-center text-white/30 uppercase tracking-[0.2em] group-hover:text-white transition-all duration-500">
|
|
{{ $brand['name'] }}
|
|
</h3>
|
|
</div>
|
|
</div>
|
|
@endforeach
|
|
</div>
|
|
</div>
|
|
</section>
|