Enhance homepage with dynamic success and portfolio settings: replace static content with values from SuccessSettings and PortfolioSettings, and implement loops for skill and portfolio items.
This commit is contained in:
@@ -1,6 +1,8 @@
|
||||
@extends('web.layouts.app')
|
||||
|
||||
@inject('solutionSettings', 'App\Settings\SolutionSettings')
|
||||
@inject('successSettings', 'App\Settings\SuccessSettings')
|
||||
@inject('portfolioSettings', 'App\Settings\PortfolioSettings')
|
||||
|
||||
@section('content')
|
||||
<!-- Banner Area Start -->
|
||||
@@ -167,11 +169,11 @@
|
||||
<div class="row al-center">
|
||||
<div class="col-lg-6 lg-mb-25">
|
||||
<div class="success__area-title mr-70 xl-mr-0">
|
||||
<span class="subtitle wow fadeInLeft" data-wow-delay=".4s">Construction Advices</span>
|
||||
<h2 class="title_split_anim mb-20">Building Success With Expert Advisory Services</h2>
|
||||
<p class="wow fadeInUp" data-wow-delay=".4s">With a focus on innovation and sustainability, we help you navigate complex challenges, ensuring</p>
|
||||
<span class="subtitle wow fadeInLeft" data-wow-delay=".4s">{{ $successSettings->success_subtitle }}</span>
|
||||
<h2 class="title_split_anim mb-20">{{ $successSettings->success_header }}</h2>
|
||||
<p class="wow fadeInUp" data-wow-delay=".4s">{{ $successSettings->success_paragraph }}</p>
|
||||
<div class="item_bounce">
|
||||
<a class="build_button mt-25" href="contact.html">Get Advices<i class="flaticon-right-up"></i></a>
|
||||
<a class="build_button mt-25" href="{{ $successSettings->success_button_url }}">{{ $successSettings->success_button_text }}<i class="flaticon-right-up"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -179,24 +181,17 @@
|
||||
<div class="success__area-right">
|
||||
<img class="lg_img_full wow img_top_animation" src="/web/assets/img/page/skill.jpg" alt="image">
|
||||
<div class="success__area-right-skill mt-40 wow fadeInUp" data-wow-delay=".5s">
|
||||
<div class="skill__area-item">
|
||||
<div class="skill__area-item-content">
|
||||
<h6>Building Construction</h6>
|
||||
<span class="skill__area-item-count"><span class="counter">89</span>%</span>
|
||||
@foreach($successSettings->skill_items as $skill)
|
||||
<div class="skill__area-item">
|
||||
<div class="skill__area-item-content">
|
||||
<h6>{{ $skill['name'] }}</h6>
|
||||
<span class="skill__area-item-count"><span class="counter">{{ $skill['percentage'] }}</span>%</span>
|
||||
</div>
|
||||
<div class="skill__area-item-inner">
|
||||
<div class="skill__area-item-bar" data-width="{{ $skill['percentage'] }}"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="skill__area-item-inner">
|
||||
<div class="skill__area-item-bar" data-width="89"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="skill__area-item">
|
||||
<div class="skill__area-item-content">
|
||||
<h6>Interiors Design</h6>
|
||||
<span class="skill__area-item-count"><span class="counter">70</span>%</span>
|
||||
</div>
|
||||
<div class="skill__area-item-inner">
|
||||
<div class="skill__area-item-bar" data-width="70"></div>
|
||||
</div>
|
||||
</div>
|
||||
@endforeach
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -210,42 +205,17 @@
|
||||
<div class="row">
|
||||
<div class="col-xl-12">
|
||||
<div class="portfolio__four-area">
|
||||
<div class="portfolio__four-area-item">
|
||||
<img src="/web/assets/img/portfolio/portfolio-6.jpg" alt="image">
|
||||
<div class="portfolio__four-area-item-area">
|
||||
<div class="portfolio__one-item-content">
|
||||
<span>Hospitality</span>
|
||||
<h4><a href="#" class="text-white">Seaside Resort Expansion</a></h4>
|
||||
@foreach($portfolioSettings->portfolio_items as $item)
|
||||
<div class="portfolio__four-area-item">
|
||||
<img src="/storage/{{ $item['image'] }}" alt="image">
|
||||
<div class="portfolio__four-area-item-area">
|
||||
<div class="portfolio__one-item-content">
|
||||
<span>{{ $item['category'] }}</span>
|
||||
<h4><a href="{{ $item['link'] }}" class="text-white">{{ $item['title'] }}</a></h4>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="portfolio__four-area-item">
|
||||
<img src="/web/assets/img/portfolio/portfolio-2.jpg" alt="image">
|
||||
<div class="portfolio__four-area-item-area">
|
||||
<div class="portfolio__one-item-content">
|
||||
<span>Retail</span>
|
||||
<h4><a href="#" class="text-white">Urban Mall Development</a></h4>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="portfolio__four-area-item">
|
||||
<img src="/web/assets/img/portfolio/portfolio-4.jpg" alt="image">
|
||||
<div class="portfolio__four-area-item-area">
|
||||
<div class="portfolio__one-item-content">
|
||||
<span>Residential</span>
|
||||
<h4><a href="#" class="text-white">Luxury Home Renovation</a></h4>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="portfolio__four-area-item">
|
||||
<img src="/web/assets/img/portfolio/portfolio-8.jpg" alt="image">
|
||||
<div class="portfolio__four-area-item-area">
|
||||
<div class="portfolio__one-item-content">
|
||||
<span>Architecture</span>
|
||||
<h4><a href="#" class="text-white">Modern Architecture</a></h4>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@endforeach
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -253,11 +223,11 @@
|
||||
<div class="container mt-60">
|
||||
<div class="row al-center">
|
||||
<div class="col-xl-5 col-md-7 md-mb-25 lg-t-center title_split_anim">
|
||||
<h3>Get Expert Construction Advice and a Free Quote</h3>
|
||||
<h3>{{ $portfolioSettings->portfolio_header }}</h3>
|
||||
</div>
|
||||
<div class="col-xl-7 col-md-5 t-right lg-t-center">
|
||||
<div class="item_bounce">
|
||||
<a class="build_button" href="request-quote.html">Start a Journey<i class="flaticon-right-up"></i></a>
|
||||
<a class="build_button" href="{{ $portfolioSettings->portfolio_button_url }}">{{ $portfolioSettings->portfolio_button_text }}<i class="flaticon-right-up"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user