update: compress image

Views/Website/Jasa/PengangkutanSampah.cshtml

@@ -22,7 +22,7 @@
                 <div class="w-20 h-1 bg-white mt-4 mx-auto md:mx-0 rounded-full"></div>
             </div>
             <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>

Views/Website/Jasa/PengolahanSampah.cshtml

@@ -22,7 +22,7 @@
                 <div class="w-20 h-1 bg-white mt-4 mx-auto md:mx-0 rounded-full"></div>
             </div>
             <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>
@@ -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>
             <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 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">

Views/Website/Kontak/Index.cshtml

@@ -22,7 +22,7 @@
                 <div class="w-20 h-1 bg-white mt-4 mx-auto md:mx-0 rounded-full"></div>
             </div>
             <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>

Views/Website/Shared/Components/Frontend/_Faq.cshtml

@@ -2,7 +2,7 @@
     <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="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 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>

Views/Website/Shared/Components/Frontend/_Hero.cshtml

@@ -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 -->
     @* <div class="absolute inset-0 bg-black/20"></div> *@

Views/Website/Shared/Components/Frontend/_Laksanakan.cshtml

@@ -2,7 +2,7 @@
     <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
         <div class="text-center mb-12">
             <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">
                     CARA MELAKSANAKAN
                 </div>
@@ -11,7 +11,7 @@
         </div>
 
         <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>

Views/Website/Shared/Components/Frontend/_Pengelolaan.cshtml

@@ -2,7 +2,7 @@
     <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
         <div class="text-center mb-12">
             <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">
                     ALUR PENGELOLAAN
                 </div>
@@ -11,7 +11,7 @@
         </div>
 
         <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>

Views/Website/Shared/Components/Frontend/_Peran.cshtml

@@ -2,7 +2,7 @@
     <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
         <div class="text-center mb-12">
             <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">
                     PIHAK YANG BERPERAN
                 </div>
@@ -11,7 +11,7 @@
         </div>
 
         <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>

Views/Website/Shared/Components/Frontend/_Tentang.cshtml

@@ -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="w-full md:w-1/2 mt-4 md:mt-8">
@@ -25,7 +25,7 @@
     </div>
 
     <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>
 
 </section>

Views/Website/Shared/Partials/Frontend/_Footer.cshtml

@@ -20,13 +20,17 @@
                     <div class="flex items-center group">
                         <div>
                             <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 class="flex items-center group">
                         <div>
                             <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>

Views/Website/Usaha/Index.cshtml

@@ -22,7 +22,7 @@
                 <div class="w-20 h-1 bg-white mt-4 mx-auto md:mx-0 rounded-full"></div>
             </div>
             <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>