+@php
+ $fullImg = wp_get_attachment_image_url($settings['image']['id'],'full');
+@endphp
<div class="mira-bannerImg" data-aos-delay="300" data-aos="fade-up" data-aos-offset="0" data-aos-duration="1000">
- <img src="{{ $settings['image']['url'] }}" />
+ <img src="{{ str_replace('.png','.webp',$fullImg) }}" />
</div>
@foreach($settings['posts'] as $key => $post)
<div class="mira-culture-post">
<div class="mira-culture-post-image" data-aos-delay="{{ $key === 0 ? 300 : 100 }}" data-aos="fade-up" data-aos-offset="0" data-aos-duration="1000">
- <img src="{{ $post['image']['url'] }}" />
+ <img src="{{ esc_url( str_replace('.png','.webp',$post['image']['url'])) }}" />
</div>
<div class="mira-culture-post-body" data-aos-delay="{{ $key === 0 ? 300 : 100 }}" data-aos="fade-up" data-aos-offset="0" data-aos-duration="1000">
<h3>{{ $post['title'] }}</h3>
<div class="mira-offers">
@foreach($settings['posts'] as $key => $post)
@php
- $largeImg = wp_get_attachment_image_url($post['image']['id'],'large')
+ $largeImg = wp_get_attachment_image_url($post['image']['id'],'full')
@endphp
@if($key % 2 === 0)
<div class="mira-offer-wrapper">
@endphp
<div class="mira-story" data-aos-delay="{{ $key*300 }}" data-aos="fade-up" data-aos-offset="0" data-aos-duration="1000">
<div class="mira-story-image">
- <img src="{{ esc_url($largeImg) }}" alt="" />
+ <img src="{{ esc_url(str_replace('.png','.webp',$largeImg)) }}" alt="" />
</div>
<h3 class="mira-story-title mira-semibold">{{ $post['title'] }}</h3>
<h3 class="mira-story-body">{!! nl2br($post['body']) !!}</h3>