fix: Update image sources to use dynamic asset paths and implement blog loop in CSR template

This commit is contained in:
2025-08-21 18:08:59 +05:45
parent 6e9b6291d3
commit 7155c1a6fc

View File

@@ -3,12 +3,7 @@
<section class="career"> <section class="career">
<div class="p-20 "> <div class="p-20 ">
<div class="h-175 rounded-10 bg-after relative"> <div class="h-175 rounded-10 bg-after relative">
<img class="h-full w-full rounded-30 object-cover" src="assets/images/general/about-banner.png" alt=""> <img class="h-full w-full rounded-30 object-cover" src="{{ asset($page->banner) }}" alt="">
<!-- <div
class="flex justify-center flex-col text-center items-center w-70percent mx-auto absolute top-20percent left-15percent z-30">
<h2 class="md:text-40 text-94 text-white">CSR</h2>
</div> -->
</div> </div>
@@ -29,7 +24,7 @@
<div class="content-wrapper"> <div class="content-wrapper">
<div class="image-section"> <div class="image-section">
<div class="image-frame"> <div class="image-frame">
<img src="assets/images/general/about-banner.png" alt="" class="ceo-image"> <img src="{{ asset($page->image) }}" alt="" class="ceo-image">
</div> </div>
</div> </div>
@@ -99,8 +94,6 @@
<section class="section "> <section class="section ">
<div class="container"> <div class="container">
<h2 class="text-60 md:text-30 text-brand text-center">Blogs</h2> <h2 class="text-60 md:text-30 text-brand text-center">Blogs</h2>
<!-- <img class="w-20percent" src="assets/images/icons/line.png" alt=""> -->
</div> </div>
</section> </section>
@@ -108,63 +101,16 @@
<div class="container"> <div class="container">
<div class="swiper mySwiper-img"> <div class="swiper mySwiper-img">
<div class="swiper-wrapper"> <div class="swiper-wrapper">
<div class="swiper-slide "> @foreach ($blogs as $blog)
<a class="h-full w-full relative bg-dark-before" href="blog-detail.php"> <img class="rounded-30"
src="assets/images/general/about-banner.png" alt="">
<div class="absolute left-5percent bottom-20">
<h3 class="text-white text-20">How do i manage my financials?</h3>
</div>
</a>
</div>
<div class="swiper-slide ">
<a class="h-full w-full relative bg-dark-before" href="blog-detail.php"> <img class="rounded-30"
src="assets/images/general/about-banner.png" alt="">
<div class="absolute left-5percent bottom-20">
<h3 class="text-white text-20">How do i manage my financials?</h3>
</div>
</a>
</div>
<div class="swiper-slide ">
<a class="h-full w-full relative bg-dark-before" href="blog-detail.php"> <img class="rounded-30"
src="assets/images/general/about-banner.png" alt="">
<div class="absolute left-5percent bottom-20">
<h3 class="text-white text-20">How do i manage my financials?</h3>
</div>
</a>
</div>
<div class="swiper-slide ">
<a class="h-full w-full relative bg-dark-before" href="blog-detail.php"> <img class="rounded-30"
src="assets/images/general/about-banner.png" alt="">
<div class="absolute left-5percent bottom-20">
<h3 class="text-white text-20">How do i manage my financials?</h3>
</div>
</a>
</div>
<div class="swiper-slide ">
<a class="h-full w-full relative bg-dark-before" href="blog-detail.php"> <img class="rounded-30"
src="assets/images/general/about-banner.png" alt="">
<div class="absolute left-5percent bottom-20">
<h3 class="text-white text-20">How do i manage my financials?</h3>
</div>
</a>
</div>
<div class="swiper-slide "> <div class="swiper-slide ">
<a class="h-full w-full relative bg-dark-before" href="blog-detail.php"> <img <a class="h-full w-full relative bg-dark-before" href="blog-detail.php"> <img
class="rounded-30" src="assets/images/general/about-banner.png" alt=""> class="rounded-30" src="{{ route('blog.single', $blog->slug) }}" alt="">
<div class="absolute left-5percent bottom-20"> <div class="absolute left-5percent bottom-20">
<h3 class="text-white text-20">How do i manage my financials?</h3> <h3 class="text-white text-20">{{ $blog->title }}</h3>
</div> </div>
</a> </a>
</div> </div>
<div class="swiper-slide "> @endforeach
<a class="h-full w-full relative bg-dark-before" href="blog-detail.php"> <img
class="rounded-30" src="assets/images/general/about-banner.png" alt="">
<div class="absolute left-5percent bottom-20">
<h3 class="text-white text-20">How do i manage my financials?</h3>
</div>
</a>
</div>
</div> </div>
<div class="swiper-button-prev"></div> <div class="swiper-button-prev"></div>
<div class="swiper-button-next"></div> <div class="swiper-button-next"></div>