Refactor About page settings: replace management section with a video upload feature, update view to display static management information, and clean up related settings for improved content management and user experience.
This commit is contained in:
@@ -426,27 +426,27 @@ body {
|
||||
</section>
|
||||
<section class="mb-24">
|
||||
<div class="text-center max-w-3xl mx-auto mb-12">
|
||||
<h2 class="text-3xl md:text-4xl font-bold tracking-tight mb-4 bg-clip-text text-transparent bg-gradient-to-r from-teal-500 to-purple-600">{{ $aboutSettings->our_management_title }}</h2>
|
||||
<p class="text-lg text-gray-600">{{ $aboutSettings->our_management_subtitle }}</p>
|
||||
<h2 class="text-3xl md:text-4xl font-bold tracking-tight mb-4 bg-clip-text text-transparent bg-gradient-to-r from-teal-500 to-purple-600">Our Management</h2>
|
||||
<p class="text-lg text-gray-600">Meet the leadership team driving our vision forward</p>
|
||||
</div>
|
||||
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
|
||||
@foreach ($aboutSettings->our_management_team as $member)
|
||||
@foreach (App\Models\TeamMember::all() as $member)
|
||||
<div class="bg-white rounded-xl shadow-md hover:shadow-lg transition-shadow duration-300 overflow-hidden">
|
||||
<div class="relative h-56 w-full">
|
||||
<img
|
||||
alt="{{ $member['name'] }}"
|
||||
alt="{{ $member->name }}"
|
||||
loading="lazy"
|
||||
decoding="async"
|
||||
data-nimg="fill"
|
||||
class="object-cover"
|
||||
src="{{ asset('storage/' . $member['image']) }}"
|
||||
src="{{ asset('storage/' . $member->image) }}"
|
||||
style="position: absolute; height: 100%; width: 100%; inset: 0px; color: transparent;"
|
||||
/>
|
||||
</div>
|
||||
<div class="p-6">
|
||||
<h3 class="text-xl font-bold">{{ $member['name'] }}</h3>
|
||||
<p class="text-teal-600 text-sm font-medium mb-3">{{ $member['title'] }}</p>
|
||||
<p class="text-gray-600 text-sm mb-4">{{ $member['description'] }}</p>
|
||||
<h3 class="text-xl font-bold">{{ $member->name }}</h3>
|
||||
<p class="text-teal-600 text-sm font-medium mb-3">{{ $member->title }}</p>
|
||||
<p class="text-gray-600 text-sm mb-4">{{ $member->description }}</p>
|
||||
</div>
|
||||
</div>
|
||||
@endforeach
|
||||
@@ -524,7 +524,7 @@ body {
|
||||
<p class="text-gray-600 mb-4">{{ $location['description'] }}</p>
|
||||
<div class="flex flex-wrap gap-2">
|
||||
@foreach ($location['tags'] as $tag)
|
||||
<span class="bg-gray-100 text-gray-700 text-xs px-2 py-1 rounded-full">{{ $tag['value'] }}</span>
|
||||
<span class="bg-gray-100 text-gray-700 text-xs px-2 py-1 rounded-full">{{ $tag }}</span>
|
||||
@endforeach
|
||||
</div>
|
||||
</div>
|
||||
@@ -537,203 +537,4 @@ body {
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<!-- Mission Area Start -->
|
||||
<div class="mission__area section-padding">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-6 lg-mb-25">
|
||||
<div class="mission__area-left mr-40 xl-mr-0">
|
||||
<span class="subtitle wow fadeInLeft" data-wow-delay=".4s">Our Mission</span>
|
||||
<h2 class="title_split_anim">Dedicated to Delivering Value and Excellence</h2>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-6">
|
||||
<div class="mission__area-right">
|
||||
<div class="row">
|
||||
<div class="col-md-6 md-mb-25 wow fadeInUp" data-wow-delay=".6s">
|
||||
<div class="experience__area-list-item">
|
||||
<i class="flaticon-team"></i>
|
||||
<div class="experience__area-list-item-content">
|
||||
<h4>Project Planning</h4>
|
||||
<p>Ensuring every detail is considered designing</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6 wow fadeInUp" data-wow-delay=".9s">
|
||||
<div class="experience__area-list-item">
|
||||
<i class="flaticon-technology"></i>
|
||||
<div class="experience__area-list-item-content">
|
||||
<h4>Labor Preparation</h4>
|
||||
<p>We take pride in our quality craftsmanship</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Mission Area End -->
|
||||
<!-- About Area Start -->
|
||||
<div class="about__five section-padding pt-0">
|
||||
<div class="container">
|
||||
<div class="row al-center">
|
||||
<div class="col-lg-5 lg-mb-25">
|
||||
<div class="about__five-image wow img_left_animation">
|
||||
<img src="/web/assets/img/about/about-4.jpg" alt="image">
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-7">
|
||||
<div class="about__five-right ml-70 xl-ml-0">
|
||||
<div class="about__five-right-title">
|
||||
<span class="subtitle wow fadeInLeft" data-wow-delay=".4s">About Our Company</span>
|
||||
<h2 class="title_split_anim">Trusted Partner in Construction and Design</h2>
|
||||
</div>
|
||||
<div class="features wow fadeInUp" data-wow-delay=".3s" style="background-image: url('/web/assets/img/portfolio/portfolio-8.jpg');">
|
||||
<h3>Building Trust<br>Since 1989</h3>
|
||||
</div>
|
||||
<p class="wow fadeInUp" data-wow-delay=".6s">Our journey began with a commitment to excellence, and that commitment remains at the core of our operations today. We’ve grown from a small local business into a trusted partner for both residential and commercial.</p>
|
||||
<div class="item_bounce">
|
||||
<a class="build_button mt-20" href="portfolio.html">See Projects<i class="flaticon-right-up"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- About Area End -->
|
||||
<!-- Video Area Start -->
|
||||
<div class="video__two" style="background-image: url('/web/assets/img/service/services-1.jpg');">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-xl-12">
|
||||
<div class="video__two-icon item_bounce">
|
||||
<div class="video video-pulse">
|
||||
<a class="video-popup" href="https://youtube.com/watch?v=0WC-tD-njcA"><i class="fas fa-play"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="scroll__slider">
|
||||
<div class="text-slide">
|
||||
<div class="sliders text_scroll">
|
||||
<ul>
|
||||
<li><img src="/web/assets/img/icon/star-dark.svg" alt="icon"><a href="portfolio-details">Residential</a></li>
|
||||
<li><img src="/web/assets/img/icon/star-dark.svg" alt="icon"><a href="portfolio-details">Architecture</a></li>
|
||||
<li><img src="/web/assets/img/icon/star-dark.svg" alt="icon"><a href="portfolio-details">Community</a></li>
|
||||
<li><img src="/web/assets/img/icon/star-dark.svg" alt="icon"><a href="portfolio-details">Healthcare</a></li>
|
||||
<li><img src="/web/assets/img/icon/star-dark.svg" alt="icon"><a href="portfolio-details">Seaside Resort</a></li>
|
||||
<li><img src="/web/assets/img/icon/star-dark.svg" alt="icon"><a href="portfolio-details">Modern</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="sliders text_scroll">
|
||||
<ul>
|
||||
<li><img src="/web/assets/img/icon/star-dark.svg" alt="icon"><a href="portfolio-details">Residential</a></li>
|
||||
<li><img src="/web/assets/img/icon/star-dark.svg" alt="icon"><a href="portfolio-details">Architecture</a></li>
|
||||
<li><img src="/web/assets/img/icon/star-dark.svg" alt="icon"><a href="portfolio-details">Community</a></li>
|
||||
<li><img src="/web/assets/img/icon/star-dark.svg" alt="icon"><a href="portfolio-details">Healthcare</a></li>
|
||||
<li><img src="/web/assets/img/icon/star-dark.svg" alt="icon"><a href="portfolio-details">Seaside Resort</a></li>
|
||||
<li><img src="/web/assets/img/icon/star-dark.svg" alt="icon"><a href="portfolio-details">Modern</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Video Area End -->
|
||||
<!-- Certification Area Start -->
|
||||
<div class="certification section-padding pt-0">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-xl-4 col-lg-5 lg-mb-25">
|
||||
<div class="certification-left section-padding pb-0">
|
||||
<span class="subtitle wow fadeInLeft" data-wow-delay=".4s">Industry Certifications</span>
|
||||
<h2 class="title_split_anim">Our Key Achievements Over the Years</h2>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-xl-8 col-lg-7">
|
||||
<div class="certification-right">
|
||||
<img class="wow img_top_animation" src="/web/assets/img/page/who-we-are.jpg" alt="image">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-lg-12">
|
||||
<div class="counter__one-area mt-80">
|
||||
<div class="certification-right-counter">
|
||||
<h2><span class="counter">678</span>+</h2>
|
||||
<span>Complete Projects</span>
|
||||
</div>
|
||||
<div class="certification-right-counter">
|
||||
<h2><span class="counter">120</span>+</h2>
|
||||
<span>Team Members</span>
|
||||
</div>
|
||||
<div class="certification-right-counter">
|
||||
<h2><span class="counter">635</span>+</h2>
|
||||
<span>Client Reviews</span>
|
||||
</div>
|
||||
<div class="certification-right-counter">
|
||||
<h2><span class="counter">89</span>+</h2>
|
||||
<span>Winning Awards</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Certification Area End -->
|
||||
<!-- Team Area Start -->
|
||||
<div class="team__area section-padding">
|
||||
<div class="container">
|
||||
<div class="row mb-35">
|
||||
<div class="col-xl-12">
|
||||
<div class="team__area-title t-center">
|
||||
<span class="subtitle wow fadeInLeft" data-wow-delay=".4s">Meet Our Experts</span>
|
||||
<h2 class="title_split_anim">Dedicated Professionals</h2>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-lg-3 col-md-6 wow fadeInUp mt-25" data-wow-delay=".3s">
|
||||
<div class="team__area-item">
|
||||
<img class="img_full" src="/web/assets/img/team/team-1.jpg" alt="image">
|
||||
<div class="team__area-item-content t-center pt-20">
|
||||
<h5>Alan Dosan</h5>
|
||||
<span>Lead Architect</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-3 col-md-6 wow fadeInUp mt-25" data-wow-delay=".6s">
|
||||
<div class="team__area-item">
|
||||
<img class="img_full" src="/web/assets/img/team/team-2.jpg" alt="image">
|
||||
<div class="team__area-item-content t-center pt-20">
|
||||
<h5>Sarah Johnson</h5>
|
||||
<span>General Laborer</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-3 col-md-6 wow fadeInUp mt-25" data-wow-delay=".9s">
|
||||
<div class="team__area-item">
|
||||
<img class="img_full" src="/web/assets/img/team/team-3.jpg" alt="image">
|
||||
<div class="team__area-item-content t-center pt-20">
|
||||
<h5>Derya Kurtulus</h5>
|
||||
<span>Safety Inspector</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-3 col-md-6 wow fadeInUp mt-25" data-wow-delay="1.2s">
|
||||
<div class="team__area-item">
|
||||
<img class="img_full" src="/web/assets/img/team/team-4.jpg" alt="image">
|
||||
<div class="team__area-item-content t-center pt-20">
|
||||
<h5>Steve Rhodes</h5>
|
||||
<span>Civil Engineer</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Team Area End -->
|
||||
@stop
|
||||
|
||||
Reference in New Issue
Block a user