amar
/
pesapakawan
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

update: compress image

main
marszayn 2025-08-14 20:22:10 +07:00
parent ea585c0959
commit 636d3d47fc
23 changed files with 21 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
Views/Website/Jasa/PengangkutanSampah.cshtml
View File

@ -22,7 +22,7 @@
<div class="w-20 h-1 bg-white mt-4 mx-auto md:mx-0 rounded-full"></div> <div class="w-20 h-1 bg-white mt-4 mx-auto md:mx-0 rounded-full"></div>
</div> </div>
<div class="flex-shrink-0 hidden md:block"> <div class="flex-shrink-0 hidden md:block">
<img src="@Url.Content("~/website/images/bg-header.png")" alt="Usaha Pesapakawan" class="w-75 h-auto"> <img src="@Url.Content("~/website/images/bg-header.webp")" alt="Usaha Pesapakawan" class="w-75 h-auto">
</div> </div>
</div> </div>
</div> </div>

4
Views/Website/Jasa/PengolahanSampah.cshtml
View File

@ -22,7 +22,7 @@
<div class="w-20 h-1 bg-white mt-4 mx-auto md:mx-0 rounded-full"></div> <div class="w-20 h-1 bg-white mt-4 mx-auto md:mx-0 rounded-full"></div>
</div> </div>
<div class="flex-shrink-0 hidden md:block"> <div class="flex-shrink-0 hidden md:block">
<img src="@Url.Content("~/website/images/bg-header.png")" alt="Usaha Pesapakawan" class="w-75 h-auto"> <img src="@Url.Content("~/website/images/bg-header.webp")" alt="Usaha Pesapakawan" class="w-75 h-auto">
</div> </div>
</div> </div>
</div> </div>
@ -53,7 +53,7 @@
<div class="w-24 h-1 bg-gradient-to-r from-blue-500 to-cyan-500 mx-auto rounded-full"></div> <div class="w-24 h-1 bg-gradient-to-r from-blue-500 to-cyan-500 mx-auto rounded-full"></div>
</div> </div>
<div class="flex justify-center mb-8"> <div class="flex justify-center mb-8">
<img src="@Url.Content("~/website/images/alur_jasa.png")" class="rounded-2xl border border-gray-200 shadow-lg max-w-full h-auto" alt="Gambaran Alur"> <img src="@Url.Content("~/website/images/alur_jasa.webp")" class="rounded-2xl border border-gray-200 shadow-lg max-w-full h-auto" alt="Gambaran Alur">
</div> </div>
<div class="bg-gradient-to-r from-blue-50 to-cyan-50 border-l-4 border-blue-500 p-6 rounded-r-xl"> <div class="bg-gradient-to-r from-blue-50 to-cyan-50 border-l-4 border-blue-500 p-6 rounded-r-xl">
<p class="text-gray-700 leading-relaxed"> <p class="text-gray-700 leading-relaxed">

2
Views/Website/Kontak/Index.cshtml
View File

@ -22,7 +22,7 @@
<div class="w-20 h-1 bg-white mt-4 mx-auto md:mx-0 rounded-full"></div> <div class="w-20 h-1 bg-white mt-4 mx-auto md:mx-0 rounded-full"></div>
</div> </div>
<div class="flex-shrink-0 hidden md:block"> <div class="flex-shrink-0 hidden md:block">
<img src="@Url.Content("~/website/images/bg-header.png")" alt="Usaha Pesapakawan" class="w-75 h-auto"> <img src="@Url.Content("~/website/images/bg-header.webp")" alt="Usaha Pesapakawan" class="w-75 h-auto">
</div> </div>
</div> </div>
</div> </div>

2
Views/Website/Shared/Components/Frontend/_Faq.cshtml
View File

@ -2,7 +2,7 @@
<div class="flex flex-wrap items-center"> <div class="flex flex-wrap items-center">
<div class="w-full lg:w-1/2 md:w-1/2 mb-4 md:mb-0 relative"> <div class="w-full lg:w-1/2 md:w-1/2 mb-4 md:mb-0 relative">
<div class="text-center p-8"> <div class="text-center p-8">
<img src="@Url.Content("~/website/images/bg-faq.svg")" alt="FAQ Illustration" class="max-w-full h-auto rounded-2xl"> <img src="@Url.Content("~/website/images/bg-faq.webp")" alt="FAQ Illustration" class="max-w-full h-auto rounded-2xl">
</div> </div>
<div class="text-left absolute top-1/2 left-1/7 z-10 text-white"> <div class="text-left absolute top-1/2 left-1/7 z-10 text-white">
<h3 class="text-2xl md:text-4xl font-bold mb-4">Kenapa Harus Melakukan</h3> <h3 class="text-2xl md:text-4xl font-bold mb-4">Kenapa Harus Melakukan</h3>

2
Views/Website/Shared/Components/Frontend/_Hero.cshtml
View File

@ -1,4 +1,4 @@
<section class="relative bg-cover bg-center bg-no-repeat min-h-screen flex items-center justify-center overflow-hidden" style="background-image: url('@Url.Content("~/website/images/bg-hero.jpg")');"> <section class="relative bg-cover bg-center bg-no-repeat min-h-screen flex items-center justify-center overflow-hidden" style="background-image: url('@Url.Content("~/website/images/bg-hero.webp")');">
<!-- Black overlay with 10% opacity --> <!-- Black overlay with 10% opacity -->
@* <div class="absolute inset-0 bg-black/20"></div> *@ @* <div class="absolute inset-0 bg-black/20"></div> *@

4
Views/Website/Shared/Components/Frontend/_Laksanakan.cshtml
View File

@ -2,7 +2,7 @@
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
<div class="text-center mb-12"> <div class="text-center mb-12">
<div class="relative inline-block"> <div class="relative inline-block">
<img src="@Url.Content("~/website/images/laksanakan.png")" alt="Badge" class="absolute -top-15 left-1/2 transform -translate-x-1/2 w-30 h-auto z-10"> <img src="@Url.Content("~/website/images/laksanakan.webp")" alt="Badge" class="absolute -top-15 left-1/2 transform -translate-x-1/2 w-30 h-auto z-10">
<div class="bg-[#20D3D3] text-white px-4 py-2 inline-block rounded-full text-sm font-medium"> <div class="bg-[#20D3D3] text-white px-4 py-2 inline-block rounded-full text-sm font-medium">
CARA MELAKSANAKAN CARA MELAKSANAKAN
</div> </div>
@ -11,7 +11,7 @@
</div> </div>
<div class="mt-8 items-center flex flex-col lg:flex-row justify-center"> <div class="mt-8 items-center flex flex-col lg:flex-row justify-center">
<img class="sm:max-w-3xl md:max-w-3xl lg:max-w-4xl" src="@Url.Content("~/website/images/laksanakan_bagan.png")" alt=""> <img class="sm:max-w-3xl md:max-w-3xl lg:max-w-4xl" src="@Url.Content("~/website/images/laksanakan_bagan.webp")" alt="">
</div> </div>
</div> </div>
</div> </div>

4
Views/Website/Shared/Components/Frontend/_Pengelolaan.cshtml
View File

@ -2,7 +2,7 @@
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
<div class="text-center mb-12"> <div class="text-center mb-12">
<div class="relative inline-block"> <div class="relative inline-block">
<img src="@Url.Content("~/website/images/pengelolaan.png")" alt="Badge" class="absolute -top-23 left-1/2 transform -translate-x-1/2 w-auto h-30 z-10"> <img src="@Url.Content("~/website/images/pengelolaan.webp")" alt="Badge" class="absolute -top-23 left-1/2 transform -translate-x-1/2 w-auto h-30 z-10">
<div class="bg-[#20D3D3] text-white px-4 py-2 inline-block rounded-full text-sm font-medium"> <div class="bg-[#20D3D3] text-white px-4 py-2 inline-block rounded-full text-sm font-medium">
ALUR PENGELOLAAN ALUR PENGELOLAAN
</div> </div>
@ -11,7 +11,7 @@
</div> </div>
<div class="mt-8 items-center flex flex-col lg:flex-row justify-center"> <div class="mt-8 items-center flex flex-col lg:flex-row justify-center">
<img class="sm:max-w-3xl md:max-w-3xl lg:max-w-4xl" src="@Url.Content("~/website/images/pengelolaan_bagan.png")" alt=""> <img class="sm:max-w-3xl md:max-w-3xl lg:max-w-4xl" src="@Url.Content("~/website/images/pengelolaan_bagan.webp")" alt="">
</div> </div>
</div> </div>
</div> </div>

4
Views/Website/Shared/Components/Frontend/_Peran.cshtml
View File

@ -2,7 +2,7 @@
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
<div class="text-center mb-12"> <div class="text-center mb-12">
<div class="relative inline-block"> <div class="relative inline-block">
<img src="@Url.Content("~/website/images/peran.png")" alt="Badge" class="absolute -top-17 left-1/2 transform -translate-x-1/2 w-30 h-auto z-10"> <img src="@Url.Content("~/website/images/peran.webp")" alt="Badge" class="absolute -top-17 left-1/2 transform -translate-x-1/2 w-30 h-auto z-10">
<div class="bg-[#20D3D3] text-white px-4 py-2 inline-block rounded-full text-sm font-medium"> <div class="bg-[#20D3D3] text-white px-4 py-2 inline-block rounded-full text-sm font-medium">
PIHAK YANG BERPERAN PIHAK YANG BERPERAN
</div> </div>
@ -11,7 +11,7 @@
</div> </div>
<div class="mt-8 items-center flex flex-col lg:flex-row justify-center"> <div class="mt-8 items-center flex flex-col lg:flex-row justify-center">
<img class="sm:max-w-3xl md:max-w-3xl lg:max-w-4xl" src="@Url.Content("~/website/images/peran_bagan.png")" alt=""> <img class="sm:max-w-3xl md:max-w-3xl lg:max-w-4xl" src="@Url.Content("~/website/images/peran_bagan.webp")" alt="">
</div> </div>
</div> </div>
</div> </div>

4
Views/Website/Shared/Components/Frontend/_Tentang.cshtml
View File

@ -1,4 +1,4 @@
<section class="relative container mx-auto max-w-6xl bg-cover bg-no-repeat min-h-screen flex flex-col overflow-hidden" style="background-image: url('@Url.Content("~/website/images/bg-tentang.png")')"> <section class="relative container mx-auto max-w-6xl bg-cover bg-no-repeat min-h-screen flex flex-col overflow-hidden" style="background-image: url('@Url.Content("~/website/images/bg-tentang.webp")')">
<div class="flex flex-col md:flex-row items-center justify-between px-4 sm:px-6 lg:px-8 py-8 md:py-12"> <div class="flex flex-col md:flex-row items-center justify-between px-4 sm:px-6 lg:px-8 py-8 md:py-12">
<div class="w-full md:w-1/2 mt-4 md:mt-8"> <div class="w-full md:w-1/2 mt-4 md:mt-8">
@ -25,7 +25,7 @@
</div> </div>
<div class="items-center justify-center flex mt-6 md:mt-8 px-4"> <div class="items-center justify-center flex mt-6 md:mt-8 px-4">
<img class="w-full max-w-md md:max-w-3xl h-auto object-contain" src="@Url.Content("~/website/images/bg-tentang-2.png")" alt=""> <img class="w-full max-w-md md:max-w-3xl h-auto object-contain" src="@Url.Content("~/website/images/bg-tentang-2.webp")" alt="">
</div> </div>
</section> </section>

8
Views/Website/Shared/Partials/Frontend/_Footer.cshtml
View File

@ -20,13 +20,17 @@
<div class="flex items-center group"> <div class="flex items-center group">
<div> <div>
<p class="text-sm text-white">Email</p> <p class="text-sm text-white">Email</p>
<p class="hover:text-white transition-colors duration-300">info@pesapakawan.com</p> <a href="mailto:dinaslh@jakarta.go.id" class=" hover:text-white transition-colors hover:underline">
dinaslh@jakarta.go.id
</a>
</div> </div>
</div> </div>
<div class="flex items-center group"> <div class="flex items-center group">
<div> <div>
<p class="text-sm text-white">Telepon</p> <p class="text-sm text-white">Telepon</p>
<p class="hover:text-white transition-colors duration-300">+62 123 456 789</p> <a href="tel:02180927744" class="hover:text-white transition-colors">
(021) 8092-7744
</a>
</div> </div>
</div> </div>
</div> </div>

2
Views/Website/Usaha/Index.cshtml
View File

@ -22,7 +22,7 @@
<div class="w-20 h-1 bg-white mt-4 mx-auto md:mx-0 rounded-full"></div> <div class="w-20 h-1 bg-white mt-4 mx-auto md:mx-0 rounded-full"></div>
</div> </div>
<div class="flex-shrink-0 hidden md:block"> <div class="flex-shrink-0 hidden md:block">
<img src="@Url.Content("~/website/images/bg-header.png")" alt="Usaha Pesapakawan" class="w-75 h-auto"> <img src="@Url.Content("~/website/images/bg-header.webp")" alt="Usaha Pesapakawan" class="w-75 h-auto">
</div> </div>
</div> </div>
</div> </div>

BIN
wwwroot/website/images/alur_jasa.webp 100644
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 48 KiB

BIN
wwwroot/website/images/bg-faq.webp 100644
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 91 KiB

BIN
wwwroot/website/images/bg-header.webp 100644
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 356 KiB

BIN
wwwroot/website/images/bg-hero.webp 100644
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 112 KiB

BIN
wwwroot/website/images/bg-tentang-2.webp 100644
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 466 KiB

BIN
wwwroot/website/images/bg-tentang.webp 100644
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 263 KiB

BIN
wwwroot/website/images/laksanakan.webp 100644
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 335 KiB

BIN
wwwroot/website/images/laksanakan_bagan.webp 100644
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 51 KiB

BIN
wwwroot/website/images/pengelolaan.webp 100644
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 264 KiB

BIN
wwwroot/website/images/pengelolaan_bagan.webp 100644
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 97 KiB

BIN
wwwroot/website/images/peran.webp 100644
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 259 KiB

BIN
wwwroot/website/images/peran_bagan.webp 100644
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 138 KiB