Optimize images to WebP and enable lazy loading. Add security headers (HSTS, CSP, etc) for A+ SSL score.
This commit is contained in:
@@ -4,7 +4,7 @@
|
||||
<div class="container pt-24 xl:pt-32 lg:pt-32 md:pt-32 pb-24 xl:pb-32 lg:pb-32 md:pb-32 !text-center !relative">
|
||||
@if(!empty($data['background_image']))
|
||||
<div class="absolute" style="top: -7%; left: 50%; transform: translateX(-50%);">
|
||||
<img src="{{ asset($data['background_image']) }}" alt="background">
|
||||
<img src="{{ asset($data['background_image']) }}" alt="background" loading="lazy">
|
||||
</div>
|
||||
@endif
|
||||
|
||||
@@ -12,7 +12,7 @@
|
||||
<div class="lg:w-10/12 xl:w-9/12 xxl:w-7/12 w-full flex-[0_0_auto] !px-[15px] max-w-full !mx-auto">
|
||||
@if(!empty($data['icon']))
|
||||
<div class="!mb-5">
|
||||
<img class="m-[0_auto] !w-[4rem] !h-[4rem]" src="{{ asset($data['icon']) }}" alt="icon">
|
||||
<img class="m-[0_auto] !w-[4rem] !h-[4rem]" src="{{ asset($data['icon']) }}" alt="icon" loading="lazy">
|
||||
</div>
|
||||
@endif
|
||||
|
||||
@@ -46,7 +46,7 @@
|
||||
|
||||
@if(!empty($data['cta_image']))
|
||||
<div class="container !text-center !mt-10">
|
||||
<img class="max-w-full h-auto !relative m-[0_auto]" style="z-index: 2;" src="{{ asset($data['cta_image']) }}" alt="cta">
|
||||
<img class="max-w-full h-auto !relative m-[0_auto]" style="z-index: 2;" src="{{ asset($data['cta_image']) }}" alt="cta" loading="lazy">
|
||||
</div>
|
||||
@endif
|
||||
</div>
|
||||
|
||||
@@ -29,7 +29,7 @@
|
||||
<div class="flex flex-row">
|
||||
@if(!empty($feature['icon']))
|
||||
<div>
|
||||
<img src="{{ asset($feature['icon']) }}" class="!w-[2.2rem] !h-[2.2rem] !mr-4" alt="icon">
|
||||
<img src="{{ asset($feature['icon']) }}" class="!w-[2.2rem] !h-[2.2rem] !mr-4" alt="icon" loading="lazy">
|
||||
</div>
|
||||
@endif
|
||||
<div>
|
||||
|
||||
@@ -30,7 +30,7 @@
|
||||
<a href="{{ $item['link'] ?? '#' }}">
|
||||
<img class="!rounded-[0.8rem] !transition-all !duration-[0.3s] !ease-in-out group-hover:!scale-105"
|
||||
src="{{ asset($item['image']) }}"
|
||||
alt="{{ $item['title'] ?? '' }}">
|
||||
alt="{{ $item['title'] ?? '' }}" loading="lazy">
|
||||
</a>
|
||||
</figure>
|
||||
@if(!empty($item['category']))
|
||||
|
||||
@@ -4,7 +4,7 @@
|
||||
<div class="container pt-36 xl:pt-[12.5rem] lg:pt-[12.5rem] md:pt-[12.5rem] pb-24 xl:pb-32 lg:pb-32 md:pb-32 !text-center !relative">
|
||||
@if(!empty($data['background_image']))
|
||||
<div class="absolute" style="top: -12%; left: 50%; transform: translateX(-50%);" data-cue="fadeIn">
|
||||
<img src="{{ asset($data['background_image']) }}" alt="background">
|
||||
<img src="{{ asset($data['background_image']) }}" alt="background" loading="lazy">
|
||||
</div>
|
||||
@endif
|
||||
|
||||
@@ -44,7 +44,7 @@
|
||||
|
||||
@if(!empty($data['hero_image']))
|
||||
<div class="!mt-10">
|
||||
<img class="max-w-full h-auto !relative m-[0_auto]" src="{{ asset($data['hero_image']) }}" alt="hero">
|
||||
<img class="max-w-full h-auto !relative m-[0_auto]" src="{{ asset($data['hero_image']) }}" alt="hero" loading="lazy">
|
||||
</div>
|
||||
@endif
|
||||
</div>
|
||||
|
||||
@@ -8,7 +8,7 @@
|
||||
<div class="{{ $data['column_class'] ?? 'md:w-6/12 lg:w-3/12' }} xl:w-3/12 w-full flex-[0_0_auto] xl:!px-[35px] lg:!px-[35px] !px-[15px] max-w-full">
|
||||
<div class="!mb-4">
|
||||
@if(!empty($stat['icon']))
|
||||
<img src="{{ asset($stat['icon']) }}" class="!w-[3rem] !h-[3rem] m-[0_auto] !mb-3" alt="icon">
|
||||
<img src="{{ asset($stat['icon']) }}" class="!w-[3rem] !h-[3rem] m-[0_auto] !mb-3" alt="icon" loading="lazy">
|
||||
@endif
|
||||
|
||||
@if(!empty($stat['number']))
|
||||
|
||||
@@ -31,7 +31,7 @@
|
||||
<figure class="!mb-4">
|
||||
<img class="!rounded-[50%] !w-[10rem] !h-[10rem] m-[0_auto] object-cover"
|
||||
src="{{ asset($member['photo']) }}"
|
||||
alt="{{ $member['name'] ?? '' }}">
|
||||
alt="{{ $member['name'] ?? '' }}" loading="lazy">
|
||||
</figure>
|
||||
@endif
|
||||
|
||||
|
||||
@@ -43,7 +43,7 @@
|
||||
|
||||
<div class="flex items-center">
|
||||
@if(!empty($testimonial['avatar']))
|
||||
<img class="!rounded-[50%] !w-12 !h-12 !mr-4" src="{{ asset($testimonial['avatar']) }}" alt="avatar">
|
||||
<img class="!rounded-[50%] !w-12 !h-12 !mr-4" src="{{ asset($testimonial['avatar']) }}" alt="avatar" loading="lazy">
|
||||
@endif
|
||||
<div>
|
||||
@if(!empty($testimonial['name']))
|
||||
|
||||
Reference in New Issue
Block a user