Developer
@php
$app_local = get_default_language_code();
$default = App\Constants\LanguageConst::NOT_REMOVABLE;
$slug = Illuminate\Support\Str::slug(App\Constants\SiteSectionConst::HOW_ITS_WORK_SECTION);
$how_it_work = App\Models\Admin\SiteSections::getData($slug)->first();
@endphp
<!--~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Start How it works
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~-->
<section class="how-it-works pt-80" id="animated-section">
<div class="container">
<div class="section-tag">
<span class="d-flex align-items-center"><p>{{ $how_it_work->value->language->$app_local->title ?? $how_it_work->value->language->$default->title ?? '' }}</p> <i class="las la-cog"></i>
</span>
<div class="section-element">
<img src="{{ asset('public/frontend') }}/images/element/section-element.webp">
</div>
</div>
<div class="how-it-work-wrapper">
<div class="row">
<div class="col-xl-8 col-lg-10">
<div class="section-title mb-40">
<h2 class="title">{{ $how_it_work->value->language->$app_local->heading ?? $how_it_work->value->language->$default->heading ?? '' }}</h2>
<p class="sub-title">{{ $how_it_work->value->language->$app_local->sub_heading ?? $how_it_work->value->language->$default->sub_heading ?? '' }}</p>
</div>
</div>
</div>
<div class="row align-items-center mb-30-none">
<div class="col-lg-6 mb-30">
<div class="section-wrapper">
@php
$step = 1;
@endphp
@foreach ($how_it_work->value->items ?? [] as $item)
<div class="how-it-work-item mb-30" data-aos="fade-right" data-aos-duration="1200">
<div class="seciral-number">
<span>{{ $step++ }}</span>
</div>
<div class="item-content">
<h3 class="title">{{ @$item->language->$app_local->item_title ?? $item->language->$default->item_title ?? '' }}</h3>
<p>{{ @$item->language->$app_local->item_heading ?? $item->language->$default->item_heading ?? '' }}</p>
</div>
</div>
@endforeach
</div>
</div>
<div class="col-lg-6 mb-30">
<div class="how-its-work-img text-center" data-aos="fade-left" data-aos-duration="1200">
<img src="{{ get_image($how_it_work->value->image ?? '','site-section') }}">
</div>
</div>
</div>
</div>
</div>
</section>
<!--~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
End How it works
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~-->
Developer
To ensure a smooth integration process and optimal performance, follow these best practices: