truncgit/citrus
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Optimize images to WebP and enable lazy loading. Add security headers (HSTS, CSP, etc) for A+ SSL score.

Browse Source
This commit is contained in:
Muhammet Güler
2026-02-17 10:30:36 +03:00
parent 7101f7878a
commit 477993ec83
743 changed files with 927 additions and 232 deletions
Download Patch File Download Diff File Expand all files Collapse all files
resources/views/components/blocks/cta.blade.php
+3 -3
View File
@@ -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>
resources/views/components/blocks/features.blade.php
+1 -1
View File
@@ -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>
resources/views/components/blocks/gallery.blade.php
+1 -1
View File
@@ -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']))
resources/views/components/blocks/hero.blade.php
+2 -2
View File
@@ -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>
resources/views/components/blocks/stats.blade.php
+1 -1
View File
@@ -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']))
resources/views/components/blocks/team.blade.php
+1 -1
View File
@@ -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
resources/views/components/blocks/testimonials.blade.php
+1 -1
View File
@@ -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']))
resources/views/components/custom/blog.blade.php
+2 -2
View File
@@ -21,7 +21,7 @@
$excerpt = method_exists($blog, 'translate') ? $blog->translate('excerpt') : ($blog->excerpt ?? '');
$categoryName = $blog->category ? ($blog->category->name ?? '') : '';
$publishedDate = $blog->published_at ? $blog->published_at->format('d M Y') : '';
$imageUrl = $blog->featured_image ? asset('storage/' . $blog->featured_image) : asset('assets/img/photos/b4.jpg');
$imageUrl = $blog->featured_image ? asset('storage/' . $blog->featured_image) : asset('assets/img/photos/b4.webp');
$blogUrl = route('blog.show', $blog->slug);
$commentCount = $blog->comments_count ?? 0;
@endphp
@@ -30,7 +30,7 @@
<article>
<figure class="overlay overlay-1 hover-scale group rounded !mb-5">
<a href="{{ $blogUrl }}">
<img class="!transition-all !duration-[0.35s] !ease-in-out group-hover:scale-105" src="{{ $imageUrl }}" alt="{{ $title }}">
<img class="!transition-all !duration-[0.35s] !ease-in-out group-hover:scale-105" src="{{ $imageUrl }}" alt="{{ $title }}" loading="lazy">
</a>
<figcaption class="group-hover:opacity-100 absolute w-full h-full opacity-0 text-center px-4 py-3 inset-0 z-[5] pointer-events-none p-2">
<h5 class="from-top !mb-0 absolute w-full translate-y-[-80%] p-[.75rem_1rem] left-0 top-2/4">{{ __('blog.read_more', ['default' => 'Read More']) }}</h5>
resources/views/components/footer.blade.php
+2 -2
View File
@@ -3,8 +3,8 @@
<div class="grid grid-cols-1 md:grid-cols-4 gap-8">
<!-- Logo ve Açıklama -->
<div class="col-span-1 md:col-span-2">
<img src="{{ asset('logos/truncgil-yatay.svg') }}" alt="Trunçgil Teknoloji" class="h-10 mb-4 dark:hidden">
<img src="{{ asset('logos/truncgil-yatay-dark.svg') }}" alt="Trunçgil Teknoloji" class="h-10 mb-4 hidden dark:block">
<img src="{{ asset('logos/truncgil-yatay.svg') }}" alt="Trunçgil Teknoloji" class="h-10 mb-4 dark:hidden" loading="lazy">
<img src="{{ asset('logos/truncgil-yatay-dark.svg') }}" alt="Trunçgil Teknoloji" class="h-10 mb-4 hidden dark:block" loading="lazy">
<p class="text-gray-600 dark:text-gray-400 mt-4 max-w-md">
Trunçgil Teknoloji olarak, yenilikçi ve güvenilir teknoloji çözümleri sunuyoruz.
</p>
resources/views/components/front/footer.blade.php
+1 -1
View File
@@ -3,7 +3,7 @@
<div class="flex flex-wrap mx-[-15px] !mt-[-30px] xl:!mt-0 lg:!mt-0">
<div class="md:w-4/12 xl:w-3/12 lg:w-3/12 w-full flex-[0_0_auto] !px-[15px] max-w-full xl:!mt-0 lg:!mt-0 !mt-[30px]">
<div class="widget !text-[#cacaca]">
<img class="!mb-4" src="{{ asset('assets/img/truncgil-yatay-dark.svg') }}" alt="image">
<img class="!mb-4" src="{{ asset('assets/img/truncgil-yatay-dark.svg') }}" alt="image" loading="lazy">
<p class="!mb-4">© {{ date('Y') }} {{ t('Trunçgil Teknoloji') }}. <br class="hidden xl:block lg:block !text-[#cacaca]">{{ t('Tüm hakları saklıdır.') }}</p>
<?php $social_media = json_decode(setting('social_links'), true);
?>
resources/views/components/front/header.blade.php
+5 -5
View File
@@ -29,8 +29,8 @@ $isHomepage = $currentRoute === 'homepage' || $currentPath === '/' || request()-
<!-- Mobile Header -->
<div class="flex flex-row w-full justify-between items-center xl:!hidden lg:!hidden">
<div class="navbar-brand"><a href="/">
<img class="logo-dark" src="{{ asset('assets/img/truncgil-yatay.svg') }}" alt="image">
<img class="logo-light" src="{{ asset('assets/img/truncgil-yatay-dark.svg') }}" alt="image">
<img class="logo-dark" src="{{ asset('assets/img/truncgil-yatay.svg') }}" alt="image" loading="lazy">
<img class="logo-light" src="{{ asset('assets/img/truncgil-yatay-dark.svg') }}" alt="image" loading="lazy">
</a></div>
<div class="navbar-other !ml-auto">
<ul class="navbar-nav flex-row items-center">
@@ -47,8 +47,8 @@ $isHomepage = $currentRoute === 'homepage' || $currentPath === '/' || request()-
<div class="navbar-collapse-wrapper flex flex-row items-center w-full">
<div class="navbar-collapse offcanvas offcanvas-nav offcanvas-start">
<div class="offcanvas-header lg:mx-auto xl:mx-auto order-0 lg:!order-1 lg:!px-[5rem] xl:!order-1 xl:!px-[5rem] p-[1.5rem] !flex items-center justify-between flex-row">
<a class="transition-none hidden lg:!flex xl:!flex" href="/"><img class="logo-dark" src="{{ asset('assets/img/truncgil-yatay.svg') }}" alt="image">
<img class="logo-light" src="{{ asset('assets/img/truncgil-yatay-dark.svg') }}" alt="image"></a>
<a class="transition-none hidden lg:!flex xl:!flex" href="/"><img class="logo-dark" src="{{ asset('assets/img/truncgil-yatay.svg') }}" alt="image" loading="lazy">
<img class="logo-light" src="{{ asset('assets/img/truncgil-yatay-dark.svg') }}" alt="image" loading="lazy"></a>
</div>
<div class="w-full order-1 lg:!order-none lg:!flex xl:!order-none xl:!flex offcanvas-body">
<ul class="navbar-nav lg:!ml-auto xl:!ml-auto">
@@ -88,7 +88,7 @@ $isHomepage = $currentRoute === 'homepage' || $currentPath === '/' || request()-
<!-- Logo on Left -->
<div class="navbar-brand">
<a href="/">
<img class="!h-[2.5rem]" src="{{ asset('assets/img/truncgil-yatay.svg') }}" alt="Truncgil Teknoloji">
<img class="!h-[2.5rem]" src="{{ asset('assets/img/truncgil-yatay.svg') }}" alt="Truncgil Teknoloji" loading="lazy">
</a>
</div>
resources/views/components/front/menu-item.blade.php
+2 -2
View File
@@ -55,9 +55,9 @@
<figure style="width: 183px; height: 103px;"
class="!rounded-[.4rem] lift overflow-hidden shadow-[0_0.25rem_1.75rem_rgba(30,34,40,0.57)] mx-auto block transition-transform duration-300 group-hover:-translate-y-1 hidden xl:block lg:block ">
@if($item->hero_image)
<img style="width: 183px; height: 103px;" class="!rounded-[.4rem] object-cover block" src="{{ \Storage::url($item->hero_image) }}" alt="{{ $item->translate('title') }}">
<img loading="lazy" style="width: 183px; height: 103px;" class="!rounded-[.4rem] object-cover block" src="{{ \Storage::url($item->hero_image) }}" alt="{{ $item->translate('title') }}">
@else
<img style="width: 183px; height: 103px;" class="!rounded-[.4rem] object-cover block" src="https://placehold.co/185x135?text={{ urlencode($item->translate('title')) }}" alt="{{ $item->translate('title') }}">
<img loading="lazy" style="width: 183px; height: 103px;" class="!rounded-[.4rem] object-cover block" src="https://placehold.co/185x135?text={{ urlencode($item->translate('title')) }}" alt="{{ $item->translate('title') }}">
@endif
</figure>
<span class="xl:!hidden lg:!hidden">{{ $item->translate('title') }}</span>
resources/views/components/navigation.blade.php
+2 -2
View File
@@ -4,8 +4,8 @@
<!-- Logo -->
<div class="flex-shrink-0">
<a href="{{ route('home') }}" class="flex items-center">
<img src="{{ asset('logos/truncgil-yatay.svg') }}" alt="Trunçgil Teknoloji" class="h-10 dark:hidden">
<img src="{{ asset('logos/truncgil-yatay-dark.svg') }}" alt="Trunçgil Teknoloji" class="h-10 hidden dark:block">
<img src="{{ asset('logos/truncgil-yatay.svg') }}" alt="Trunçgil Teknoloji" class="h-10 dark:hidden" loading="lazy">
<img src="{{ asset('logos/truncgil-yatay-dark.svg') }}" alt="Trunçgil Teknoloji" class="h-10 hidden dark:block" loading="lazy">
</a>
</div>