| Server IP : 162.213.251.212 / Your IP : 18.222.127.152 [ Web Server : LiteSpeed System : Linux business55.web-hosting.com 4.18.0-553.lve.el8.x86_64 #1 SMP Mon May 27 15:27:34 UTC 2024 x86_64 User : allssztx ( 535) PHP Version : 8.1.31 Disable Function : NONE Domains : 1 Domains MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : OFF | Pkexec : OFF Directory : /proc/self/root/home/allssztx/public_html/easybuyer/resources/views/ |
Upload File : |
<x-main.header />
<main>
<section class="banner-main">
<div class="container-fluid p-0">
<div class="row">
<div class="banner-slides owl-carousel owl-theme">
@foreach($banners as $banner)
@php
// Decode the JSON string for each banner
$bannerImages = json_decode($banner->banner_image);
// Check if $bannerImages is an array and not empty
if(is_array($bannerImages) && count($bannerImages) > 0) {
// Generate a unique class name for each strap-9874
foreach($bannerImages as $key => $banImg) {
$className = 'strap-9874-' . ($key + 1);
@endphp
<div class="item">
<div class="strap-9874" style="background-image: url({{ asset('storage/images/' . $banImg) }});">
<span>{{ $banner->banner_sub_heading }}</span>
<h3>{{ $banner->banner_heading }}</h3>
<p>{{ $banner->banner_description }}</p>
<h5>{{ $banner->banner_price }}</h5>
<a href="{{ url('/shop') }}">Shop Now<i class="fa-light fa-arrow-right"></i></a>
</div>
</div>
@php
} // End foreach
} else {
// Handle case when $bannerImages is not an array or empty
echo "No banner images found.";
}
@endphp
@endforeach
</div>
</div>
</div>
</section>
<section class="second-proomax">
<div class="container">
<div class="row g-4">
<div class="col-md-3 col-12">
<div class="laptop" style="background-image: url({{asset('storage/images/'.$sec_1_1->cms_image)}});">
<h3>{!! $sec_1_1->cms_heading !!}</h3>
<p>{!! $sec_1_1->cms_description !!}</p>
<span>{!! $sec_1_1->cms_sub_heading !!}</span>
<ul class="extra-price">
<li>
<h6>{!! $sec_1_1->cms_price !!}</h6>
</li>
<li><a href="{{ url('/shop/category/20') }}"><img class="img-fluid" src="{{ asset('asset/front_asset/images/arrow.png') }}" alt=""></a></li>
</ul>
</div>
</div>
<div class="col-md-6 col-12">
<div class="laptop-cmp" style="background-image: url({{asset('storage/images/'.$sec_1_2->cms_image)}});">
<ul>
<li class="fvt-98">
<h3>{!! $sec_1_2->cms_heading !!}</h3>
<p>{!! $sec_1_2->cms_description !!}</p>
</li>
<li>
<span>{!! $sec_1_2->cms_sub_heading !!}</span>
<h6>{!! $sec_1_2->cms_price !!}</h6>
<a href="{{ url('/shop') }}"><img class="img-fluid" src="{{ asset('asset/front_asset/images/arrow.png') }}" alt=""></a>
</li>
</ul>
</div>
</div>
<div class="col-md-3 col-12">
<div class="laptop lipsticks" style="background-image: url({{asset('storage/images/'.$sec_1_3->cms_image)}});">
<h3>{!! $sec_1_3->cms_heading !!}</h3>
<p>{!! $sec_1_3->cms_description !!}</p>
<span>{!! $sec_1_3->cms_sub_heading !!}</span>
<ul class="extra-price">
<li>
<h6>{!! $sec_1_3->cms_price !!}</h6>
</li>
<li><a href="{{ url('/shop/category/24') }}"><img class="img-fluid" src="{{ asset('asset/front_asset/images/arrow.png') }}" alt=""></a></li>
</ul>
</div>
</div>
</div>
</div>
</section>
<section class="best-dealss">
<div class="container">
<div class="row g-4">
<h3 data-aos="fade-up" data-aos-duration="3000">{!! $sec_2->cms_heading !!}</h3>
@foreach($products as $key => $pro)
<div class="col-md-3 col-12">
<a href="{{ url('/product_detail/'.$pro->product_id) }}">
<div class="main-dealing">
<div class="short-best">
<img class="img-fluid" src="{{ asset('storage/images/'.$pro->product_image) }}" alt="no">
</div>
<ul class="vehicle">
<li>
<p>{{ $pro->product_front_title }}</p>
</li>
<li><span>${{ $pro->product_origional_price }}</span></li>
<li><img class="img-fluid" src="{{ asset('asset/front_asset/images/star.png') }}" alt=""></li>
</ul>
</div>
</a>
</div>
@endforeach
</div>
</div>
</section>
<section class="fivebreth">
<div class="container">
<div class="row row-cols-lg-5 row-cols-1">
<div class="col">
<div class="sheeta">
<div class="maili98">
<img src="{{asset('storage/images/'.$sec_3_1->cms_image)}}" alt="">
</div>
<ul class="walkings">
<li>
<h6>{!! $sec_3_1->cms_heading !!}</h6>
</li>
<li>
<p>{!! $sec_3_1->cms_description !!}</p>
</li>
</ul>
</div>
</div>
<div class="col">
<div class="sheeta">
<div class="maili98">
<img src="{{asset('storage/images/'.$sec_3_2->cms_image)}}" alt="">
</div>
<ul class="walkings">
<li>
<h6>{!! $sec_3_2->cms_heading !!}</h6>
</li>
<li>
<p>{!! $sec_3_2->cms_description !!}</p>
</li>
</ul>
</div>
</div>
<div class="col">
<div class="sheeta">
<div class="maili98">
<img src="{{asset('storage/images/'.$sec_3_3->cms_image)}}" alt="">
</div>
<ul class="walkings">
<li>
<h6>{!! $sec_3_3->cms_heading !!}</h6>
</li>
<li>
<p>{!! $sec_3_3->cms_description !!}</p>
</li>
</ul>
</div>
</div>
<div class="col">
<div class="sheeta">
<div class="maili98">
<img src="{{asset('storage/images/'.$sec_3_4->cms_image)}}" alt="">
</div>
<ul class="walkings">
<li>
<h6>{!! $sec_3_4->cms_heading !!}</h6>
</li>
<li>
<p>{!! $sec_3_4->cms_description !!}</p>
</li>
</ul>
</div>
</div>
<div class="col">
<div class="sheeta">
<div class="maili98">
<img src="{{asset('storage/images/'.$sec_3_5->cms_image)}}" alt="">
</div>
<ul class="walkings">
<li>
<h6>{!! $sec_3_5->cms_heading !!}</h6>
</li>
<li>
<p>{!! $sec_3_5->cms_description !!}</p>
</li>
</ul>
</div>
</div>
</div>
</div>
</section>
<section class="reality-products">
<div class="container">
<div class="row">
<div class="col-md-7 col-12">
<div class="while-calling" style="background-image: url({{asset('storage/images/'.$sec_4_1->cms_image)}});">
<p>{!! $sec_4_1->cms_sub_heading !!}</p>
<h3 data-aos="flip-up" data-aos-duration="3000">{!! $sec_4_1->cms_heading !!}</h3>
<p>{!! $sec_4_1->cms_description !!}</p>
<h5>{!! $sec_4_1->cms_price !!}</h5>
<a href="{{ url('/shop') }}">Shop Now <i class="fa-light fa-arrow-right"></i></a>
</div>
</div>
<div class="col-md-5 col-12">
<ul>
<li>
<div class="small-box" style="background-image: url({{asset('storage/images/'.$sec_4_2->cms_image)}});">
<h4>{!! $sec_4_2->cms_heading !!}</h4>
<a href="{{ url('/shop') }}">Buy Now<i class="fa-solid fa-chevron-right red-side"></i></a>
</div>
</li>
<li>
<div class="small-box small-box-2" style="background-image: url({{asset('storage/images/'.$sec_4_3->cms_image)}});">
<h4>{!! $sec_4_3->cms_heading !!}</h4>
<a href="{{ url('/shop') }}">Buy Now<i class="fa-solid fa-chevron-right red-side"></i></a>
</div>
</li>
</ul>
</div>
</div>
</div>
</section>
<section class="caraoo-products">
<div class="container">
<div class="row">
<h3 data-aos="fade-up" data-aos-duration="3000">{!! $sec_5->cms_heading !!}</h3>
<div class="products-951 owl-carousel owl-theme">
@foreach($products as $key => $pro)
<div class="item">
<div class="hosefull">
<a href="{{ url('/product_detail/'.$pro->product_id) }}">
<img class="img-fluid" src="{{ asset('storage/images/'.$pro->product_image) }}" alt="">
<p>${{ $pro->product_origional_price }}</p>
<span>${{ $pro->product_selling_price }}</span>
<h6>{{ $pro->product_front_title }}</h6>
</a>
</div>
</div>
@endforeach
</div>
</div>
</div>
</div>
</section>
<section class="flash-sale">
<div class="container">
<div class="row align-items-center emergrncy">
<div class="col-md-4 col-12">
<div class="ten-perccntage">
<h4 data-aos="zoom-in-down" data-aos-duration="2000">{!! $sec_6->cms_heading !!}</h4>
<p>{!! $sec_6->cms_description !!}</p>
<h5>{!! $sec_6->cms_price !!}</h5>
</div>
</div>
<div class="col-md-8 col-12 p-0">
<div class="flash-saling owl-carousel owl-theme">
@foreach($products as $key => $pro)
<div class="item">
<a href="{{ url('/product_detail/'.$pro->product_id) }}">
<div class="flash-dealing">
<div class="short">
<img class="img-fluid" src="{{ asset('storage/images/'.$pro->product_image) }}" alt="no">
</div>
<ul class="tyre">
<li>
<p>{{ $pro->product_front_title }}</p>
</li>
<li><span>${{ $pro->product_origional_price }}</span></li>
<li><img class="img-fluid" src="{{ asset('asset/front_asset/images/star.png') }}" alt=""></li>
</ul>
</div>
</a>
</div>
@endforeach
</div>
</div>
</div>
</div>
</section>
<section class="caraoo-products">
<div class="container">
<div class="row">
<h3 data-aos="fade-up" data-aos-duration="3000">{!! $sec_7->cms_heading !!}</h3>
<div class="products-951 owl-carousel owl-theme">
@foreach($products as $key => $pro)
<div class="item">
<div class="hosefull">
<a href="{{ url('/product_detail/'.$pro->product_id) }}">
<img class="img-fluid" src="{{ asset('storage/images/'.$pro->product_image) }}" alt="">
<p>${{ $pro->product_origional_price }}</p>
<span>${{ $pro->product_selling_price }}</span>
<h6>{{ $pro->product_front_title }}</h6>
</a>
</div>
</div>
@endforeach
</div>
</div>
</div>
</div>
</section>
<section class="testimonials">
<div class="container">
<div class="row">
<h3 data-aos="fade-up" data-aos-duration="3000">Testimonials</h3>
<div class="new-testimonials owl-carousel owl-theme">
@foreach($testimonial as $key => $testi)
<div class="item">
<div class="main-testi">
<img class="img-fluid commas" src="{{ asset('asset/front_asset/images/commas.png') }}" alt="">
<p class="seventh">{!! $testi->testimonial_text !!}</p>
<div class="try-newly">
<img class="img-fluid" src="{{asset('storage/images/'.$testi->client_image)}}" alt="">
<ul>
<li>
<p>{{ $testi->client_name }}</p>
</li>
<li><span>{{ $testi->client_position }}</span></li>
</ul>
</div>
</div>
</div>
@endforeach
</div>
</div>
</div>
</section>
<section class="newsletter">
<div class="container">
<div class="row align-items-center">
<div class="col-md-6 col-12">
<div class="main-news">
<div class="under">
<img class="img-fluid" src="{{asset('storage/images/'.$sec_8->cms_image)}}" alt="no">
</div>
<ul class="it-was">
<li>
<h6>{!! $sec_8->cms_heading !!}</h6>
</li>
<li>
<p>{!! $sec_8->cms_description !!}</p>
</li>
</ul>
</div>
</div>
<div class="col-md-6 col-12">
<form id="newsLetter" method="POST" action="{{ url('/newsletter') }}">
@csrf
<div class="nes-let"><input name="search" type="text" placeholder="Enter Your Email"><button type="submit" class="ink-do">SUBSCRIBE</button></div>
</form>
</div>
</div>
</div>
</section>
</main>
<x-main.footer />