Files
backend-mm/resources/views/web/themes/shella/components/carousel/hero-carousel-item.blade.php
2025-09-25 03:03:31 +05:00

42 lines
2.5 KiB
PHP

<div class="slider__slide" @if($carousel->link) onclick="window.location.href = '{{ $carousel->link }}'" @endif>
<div class="promobox promobox--type-07 promobox--is-slider position-relative d-flex flex-column align-items-center text-center overflow-hidden">
<div class="image-animation-trigger w-100">
<div class="w-100">
<div class="image-animation image-animation--from-default image-animation--to-default">
<div class="rimage">
<div class="d-sm-none" style="padding-top: 200px;"></div>
<div class="d-none d-sm-block d-md-none" style="padding-top: 550px;"></div>
<div class="d-none d-md-block d-lg-none" style="padding-top: 550px;"></div>
<div class="d-none d-lg-block d-xl-none" style="padding-top: 550px;"></div>
<div class="d-none d-xl-block" style="padding-top: 550px;"></div>
<img
src="data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs="
class="rimage__img rimage__img--cover rimage__img--fade-in lazyload"
data-master="{{ $carousel->image() }}"
data-aspect-ratio="3.4909090909090907"
data-srcset="{{ $carousel->image() }} 1x, {{ $carousel->image() }} 2x"
alt=""
>
</div>
</div>
</div>
<div class="promobox__content promobox__content--animation-scale-in absolute-stretch hide-on-mobile d-flex flex-column flex-center px-15 py-7 overflow-hidden">
<div class="promobox__content_inner position-absolute d-flex flex-column flex-center w-100" style="max-width: 650px;margin-top: -10px;">
<div class="promo-text mx-auto">
<p class="h1 mb-15 colorize-theme2-c" style="color: {{ $carousel->textColor() }};">{{ $carousel->title }}</p>
<p class="mb-25 h4 colorize-theme2-c" style="color: {{ $carousel->textColor() }};">{{ $carousel->description }}</p>
@if($carousel->link)
{{-- <a href="{{ $carousel->link }}" class="promobox__btn btn px-20 mt-25 pointer-events-all btn--secondary">{{ __('DISCOVER MORE') }}</a> --}}
@endif
</div>
</div>
</div>
</div>
</div>
</div>