Integrate dynamic solution settings into homepage: replace static service titles and button with values from SolutionSettings, and implement a loop to display service items dynamically.
This commit is contained in:
@@ -1,5 +1,7 @@
|
||||
@extends('web.layouts.app')
|
||||
|
||||
@inject('solutionSettings', 'App\Settings\SolutionSettings')
|
||||
|
||||
@section('content')
|
||||
<!-- Banner Area Start -->
|
||||
<div class="banner__four">
|
||||
@@ -126,10 +128,10 @@
|
||||
<div class="row">
|
||||
<div class="col-xl-5 col-lg-6 lg-mb-25">
|
||||
<div class="services__four-title section-padding pb-0">
|
||||
<span class="subtitle wow fadeInLeft" data-wow-delay=".4s">Our Services</span>
|
||||
<h2 class="title_split_anim">Provide Quality Services</h2>
|
||||
<span class="subtitle wow fadeInLeft" data-wow-delay=".4s">{{ $solutionSettings->solutions_subtitle }}</span>
|
||||
<h2 class="title_split_anim">{{ $solutionSettings->solutions_header }}</h2>
|
||||
<div class="item_bounce">
|
||||
<a class="build_button mt-40" href="services.html">more Services<i class="flaticon-right-up"></i></a>
|
||||
<a class="build_button mt-40" href="{{ $solutionSettings->solutions_button_url }}">{{ $solutionSettings->solutions_button_text }}<i class="flaticon-right-up"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -143,34 +145,15 @@
|
||||
<div class="col-xl-12">
|
||||
<div class="swiper services_four_slide data_cursor" data-cursor-text="Drag">
|
||||
<div class="swiper-wrapper">
|
||||
<div class="swiper-slide">
|
||||
<div class="services__one-item">
|
||||
<i class="flaticon-it-department"></i>
|
||||
<h4><a href="#">Flooring Installation</a></h4>
|
||||
<a class="more_btn" href="#">Read More<i class="flaticon-right-up"></i></a>
|
||||
@foreach($solutionSettings->solution_items as $item)
|
||||
<div class="swiper-slide">
|
||||
<div class="services__one-item">
|
||||
<i class="{{ $item['icon_class'] }}"></i>
|
||||
<h4><a href="{{ $item['link'] }}">{{ $item['title'] }}</a></h4>
|
||||
<a class="more_btn" href="{{ $item['link'] }}">Read More<i class="flaticon-right-up"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="swiper-slide">
|
||||
<div class="services__one-item">
|
||||
<i class="flaticon-project"></i>
|
||||
<h4><a href="#">Building Architecture</a></h4>
|
||||
<a class="more_btn" href="#">Read More<i class="flaticon-right-up"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="swiper-slide">
|
||||
<div class="services__one-item">
|
||||
<i class="flaticon-design-thinking"></i>
|
||||
<h4><a href="#">Interior Design</a></h4>
|
||||
<a class="more_btn" href="#">Read More<i class="flaticon-right-up"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="swiper-slide">
|
||||
<div class="services__one-item">
|
||||
<i class="flaticon-data"></i>
|
||||
<h4><a href="#">House Renovation</a></h4>
|
||||
<a class="more_btn" href="#">Read More<i class="flaticon-right-up"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
@endforeach
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user