feat: Add galleries data to page views and update templates for dynamic content

This commit is contained in:
2025-08-22 11:35:47 +05:45
parent d966b75f56
commit 0652a07452
3 changed files with 46 additions and 60 deletions

View File

@@ -180,7 +180,7 @@ class WebsiteController extends Controller
$page = getPageWithChildrenBySlug(parent: $parent, slug: $slug, limit: null, order: 'asc');
$teams = getTeams(limit: null, order: 'asc');
$blogs = getBlogs(limit: null, order: 'asc');
$galleriesCSR = getPageWithChildrenBySlug(parent: $parent, slug: 'gallery', limit: null, order: 'asc');
if (!$page) {
return view('client.raffles.errors.404');
}
@@ -191,7 +191,7 @@ class WebsiteController extends Controller
return view('client.raffles.errors.404');
}
return view($path, ['page' => $page, 'teams' => $teams, 'blogs' => $blogs]);
return view($path, ['page' => $page, 'teams' => $teams, 'blogs' => $blogs, 'galleriesCSR' => $galleriesCSR]);
}
public function fallback()

View File

@@ -11,7 +11,6 @@
<div class="flex flex-col gap-5 justify-center items-center text-center">
<h2 class="text-60 md:text-30 text-sec">Career Opportunities</h2>
<div class="title-line mx-auto"></div>
<!-- <img class="w-20percent" src="assets/images/icons/line.png" alt=""> -->
</div>
</section>

View File

@@ -33,7 +33,7 @@
<div class="quote-mark">"</div>
<h2 class="heading">{{$page->short_description}}</h2>
<h2 class="heading">{{ $page->short_description }}</h2>
<p class="message">
{!! $page->description !!}
@@ -43,46 +43,46 @@
</div>
<!-- <div class="row items-center">
<div class="col col-12 col-md-6">
<div class="flex flex-wrap mr-120 ml-40 lg:m-0">
<div class="col col-12 col-md-6">
<div class="flex flex-wrap mr-120 ml-40 lg:m-0">
<div class="mb-20 relative">
<h2 class="ld-fh-element inline-block relative lqd-highlight-classic lqd-highlight-grow-left mt-0/5em mb-0 md:text-20 font-bold w-full"
data-inview="true" data-transition-delay="true"
data-delay-options='{"elements": ".lqd-highlight-inner", "delayType": "transition"}'>
<span>Your Trusted Study Abroad
</span>
<mark class="lqd-highlight"><span class="lqd-highlight-txt">Partner.</span>
<span class="left-0 bottom-10 lqd-highlight-inner"></span></mark>
</h2>
</div>
<div class="mb-20 ld-fancy-heading relative">
<p class="leading-25 ld-fh-element inline-block relative mb-0/5em">
Were more than just a consultancy—were your ultimate study abroad ally! With years of
experience and a passion for helping students succeed, weve guided thousands of
students to their dream universities across the globe. Your dreams are our mission
</p>
</div>
<div class="mb-20 relative">
<h2 class="ld-fh-element inline-block relative lqd-highlight-classic lqd-highlight-grow-left mt-0/5em mb-0 md:text-20 font-bold w-full"
data-inview="true" data-transition-delay="true"
data-delay-options='{"elements": ".lqd-highlight-inner", "delayType": "transition"}'>
<span>Your Trusted Study Abroad
</span>
<mark class="lqd-highlight"><span class="lqd-highlight-txt">Partner.</span>
<span class="left-0 bottom-10 lqd-highlight-inner"></span></mark>
</h2>
</div>
<div class="mb-20 ld-fancy-heading relative">
<p class="leading-25 ld-fh-element inline-block relative mb-0/5em">
Were more than just a consultancy—were your ultimate study abroad ally! With years of
experience and a passion for helping students succeed, weve guided thousands of
students to their dream universities across the globe. Your dreams are our mission
</p>
</div>
</div>
</div>
<div class="col col-12 col-md-6 p-0">
<div class="module-section flex items-center justify-center transition-all p-20 lg:p-0">
<div class="flex items-center justify-center bg-center bg-no-repeat bg-contain" style="
background-image: url('assets/images/demo/start-hub-1/shape-ellipse.png');
">
<div class="lqd-imggrp-single block relative " data-float="ease-in-out">
<div class="lqd-imggrp-img-container inline-flex relative items-center justify-center">
<figure class="w-full relative">
<img width="450" height="450" src="assets/images/general/about-banner.png"
alt="text box image" />
</figure>
</div>
</div>
</div>
</div>
</div>
</div> -->
<div class="col col-12 col-md-6 p-0">
<div class="module-section flex items-center justify-center transition-all p-20 lg:p-0">
<div class="flex items-center justify-center bg-center bg-no-repeat bg-contain" style="
background-image: url('assets/images/demo/start-hub-1/shape-ellipse.png');
">
<div class="lqd-imggrp-single block relative " data-float="ease-in-out">
<div class="lqd-imggrp-img-container inline-flex relative items-center justify-center">
<figure class="w-full relative">
<img width="450" height="450" src="assets/images/general/about-banner.png"
alt="text box image" />
</figure>
</div>
</div>
</div>
</div>
</div>
</div> -->
</div>
</section>
@@ -101,8 +101,9 @@
<div class="swiper-wrapper">
@foreach ($blogs as $blog)
<div class="swiper-slide ">
<a class="h-full w-full relative bg-dark-before" href="blog-detail.php"> <img
class="rounded-30" src="{{ route('blog.single', $blog->slug) }}" alt="">
<a class="h-full w-full relative bg-dark-before"
href="{{ route('blog.single', $blog->slug) }}"> <img class="rounded-30"
src="{{ asset($blog->image) }}" alt="">
<div class="absolute left-5percent bottom-20">
<h3 class="text-white text-20">{{ $blog->title }}</h3>
</div>
@@ -132,24 +133,10 @@
<div class="swiper mySwiper-img">
<div class="swiper-wrapper">
<div class="swiper-slide"> <img class="rounded-10" src="assets/images/general/about-banner.png"
alt=""></div>
<div class="swiper-slide"> <img class="rounded-10" src="assets/images/general/about-banner.png"
alt=""></div>
<div class="swiper-slide"> <img class="rounded-10" src="assets/images/general/about-banner.png"
alt=""></div>
<div class="swiper-slide"> <img class="rounded-10" src="assets/images/general/about-banner.png"
alt=""></div>
<div class="swiper-slide"> <img class="rounded-10" src="assets/images/general/about-banner.png"
alt=""></div>
<div class="swiper-slide"> <img class="rounded-10" src="assets/images/general/about-banner.png"
alt=""></div>
<div class="swiper-slide"> <img class="rounded-10" src="assets/images/general/about-banner.png"
alt=""></div>
<div class="swiper-slide"> <img class="rounded-10" src="assets/images/general/about-banner.png"
alt=""></div>
<div class="swiper-slide"> <img class="rounded-10" src="assets/images/general/about-banner.png"
alt=""></div>
@foreach ($galleriesCSR->images as $gallery)
<div class="swiper-slide"> <img class="rounded-10" src="{{ asset($image) }}" alt="">
</div>
@endforeach
</div>
<div class="swiper-button-prev"></div>
<div class="swiper-button-next"></div>