<x-main.header />
<main class="shop-main">
<section class="banner-inner" style="background-image: url({{ asset('storage/images/'.$banner->banner_image) }});">
<div class="container">
<div class="row justify-content-center">
<div class="col-xl-11 col-12">
<div class="banner-txt">
<div class="col-lg-7 col-12 pe-lg-5">
<h1 class="theme-h1">{!! $banner->banner_description !!}</h1>
<ul>
<li><a href="{{ url('/') }}">Home</a></li>
<li>{{ $banner->banner_heading }}</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="blogs-sec sec-padding">
<div class="container">
<div class="row justify-content-center">
<div class="col-xl-11 col-12">
<h2 class="theme-h2 text-center"><strong>{{ $sec_1->cms_heading }}</strong> {{ $sec_1->cms_sub_heading }}</h2>
<div class="blogs-listing">
<div class="row justify-content-center g-4">
@foreach($posts as $key => $post)
<div class="col-lg-4 col-md-6 col-12">
<div class="blog-card">
<div class="blog-img">
<img class="img-fluid" src="{{ asset('storage/images/'.$post->post_thumbnail) }}" alt="">
</div>
<div class="blog-txt">
<h4 class="theme-h4"><a href="{{ url('/post_detail'.$post->post_id) }}">{{ $post->post_heading }}</a></h4>
<p class="theme-p">{!! $post->post_short_descruption !!}</p>
<ul class="blogs-cta">
<li>
<a href="javascript:;">
<i class="fa-solid fa-comment"></i>
<span>{{ count($post->comments) }} comment</span>
</a>
</li>
<li>
<a href="javascript:;">
<i class="fa-solid fa-user"></i>
<span>by admin</span>
</a>
</li>
</ul>
</div>
</div>
</div>
@endforeach
<!-- <div class="col-lg-4 col-md-6 col-12">
<div class="blog-card">
<div class="blog-img">
<img class="img-fluid" src="{{ asset('asset/front_asset/images/blogs/blog-2.jpg') }}" alt="">
</div>
<div class="blog-txt">
<h4 class="theme-h4"><a href="blog-detail.php">title here</a></h4>
<p class="theme-p">Lorem Ipsum is simply dummy text of the printing and
typesetting industry. Lorem Ipsum has been the industry's standard dummy
text ever since.</p>
<ul class="blogs-cta">
<li>
<a href="javascript:;">
<i class="fa-solid fa-comment"></i>
<span>0 comment</span>
</a>
</li>
<li>
<a href="javascript:;">
<i class="fa-solid fa-user"></i>
<span>by admin</span>
</a>
</li>
</ul>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 col-12">
<div class="blog-card">
<div class="blog-img">
<img class="img-fluid" src="{{ asset('asset/front_asset/images/blogs/blog-3.jpg') }}" alt="">
</div>
<div class="blog-txt">
<h4 class="theme-h4"><a href="blog-detail.php">title here</a></h4>
<p class="theme-p">Lorem Ipsum is simply dummy text of the printing and
typesetting industry. Lorem Ipsum has been the industry's standard dummy
text ever since.</p>
<ul class="blogs-cta">
<li>
<a href="javascript:;">
<i class="fa-solid fa-comment"></i>
<span>0 comment</span>
</a>
</li>
<li>
<a href="javascript:;">
<i class="fa-solid fa-user"></i>
<span>by admin</span>
</a>
</li>
</ul>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 col-12">
<div class="blog-card">
<div class="blog-img">
<img class="img-fluid" src="{{ asset('asset/front_asset/images/blogs/blog-4.jpg') }}" alt="">
</div>
<div class="blog-txt">
<h4 class="theme-h4"><a href="blog-detail.php">title here</a></h4>
<p class="theme-p">Lorem Ipsum is simply dummy text of the printing and
typesetting industry. Lorem Ipsum has been the industry's standard dummy
text ever since.</p>
<ul class="blogs-cta">
<li>
<a href="javascript:;">
<i class="fa-solid fa-comment"></i>
<span>0 comment</span>
</a>
</li>
<li>
<a href="javascript:;">
<i class="fa-solid fa-user"></i>
<span>by admin</span>
</a>
</li>
</ul>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 col-12">
<div class="blog-card">
<div class="blog-img">
<img class="img-fluid" src="{{ asset('asset/front_asset/images/blogs/blog-5.jpg') }}" alt="">
</div>
<div class="blog-txt">
<h4 class="theme-h4"><a href="blog-detail.php">title here</a></h4>
<p class="theme-p">Lorem Ipsum is simply dummy text of the printing and
typesetting industry. Lorem Ipsum has been the industry's standard dummy
text ever since.</p>
<ul class="blogs-cta">
<li>
<a href="javascript:;">
<i class="fa-solid fa-comment"></i>
<span>0 comment</span>
</a>
</li>
<li>
<a href="javascript:;">
<i class="fa-solid fa-user"></i>
<span>by admin</span>
</a>
</li>
</ul>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 col-12">
<div class="blog-card">
<div class="blog-img">
<img class="img-fluid" src="{{ asset('asset/front_asset/images/blogs/blog-6.jpg') }}" alt="">
</div>
<div class="blog-txt">
<h4 class="theme-h4"><a href="blog-detail.php">title here</a></h4>
<p class="theme-p">Lorem Ipsum is simply dummy text of the printing and
typesetting industry. Lorem Ipsum has been the industry's standard dummy
text ever since.</p>
<ul class="blogs-cta">
<li>
<a href="javascript:;">
<i class="fa-solid fa-comment"></i>
<span>0 comment</span>
</a>
</li>
<li>
<a href="javascript:;">
<i class="fa-solid fa-user"></i>
<span>by admin</span>
</a>
</li>
</ul>
</div>
</div>
</div> -->
</div>
</div>
<!--<img class="loading" src="images/loading.svg" alt="">-->
</div>
</div>
</div>
</section>
</main>
<x-main.footer />