diff --git a/Views/Website/Jasa/PengangkutanSampah.cshtml b/Views/Website/Jasa/PengangkutanSampah.cshtml
index aaaf994..8a3b930 100644
--- a/Views/Website/Jasa/PengangkutanSampah.cshtml
+++ b/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>
diff --git a/Views/Website/Jasa/PengolahanSampah.cshtml b/Views/Website/Jasa/PengolahanSampah.cshtml
index 0a36856..f5894fb 100644
--- a/Views/Website/Jasa/PengolahanSampah.cshtml
+++ b/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">
diff --git a/Views/Website/Kontak/Index.cshtml b/Views/Website/Kontak/Index.cshtml
index 361ac9e..3311459 100644
--- a/Views/Website/Kontak/Index.cshtml
+++ b/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>
diff --git a/Views/Website/Shared/Components/Frontend/_Faq.cshtml b/Views/Website/Shared/Components/Frontend/_Faq.cshtml
index b09f575..ccf66ba 100644
--- a/Views/Website/Shared/Components/Frontend/_Faq.cshtml
+++ b/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>
diff --git a/Views/Website/Shared/Components/Frontend/_Hero.cshtml b/Views/Website/Shared/Components/Frontend/_Hero.cshtml
index 13a2a14..360af19 100644
--- a/Views/Website/Shared/Components/Frontend/_Hero.cshtml
+++ b/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> *@
diff --git a/Views/Website/Shared/Components/Frontend/_Laksanakan.cshtml b/Views/Website/Shared/Components/Frontend/_Laksanakan.cshtml
index 20bedca..0c6fa51 100644
--- a/Views/Website/Shared/Components/Frontend/_Laksanakan.cshtml
+++ b/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>
\ No newline at end of file
diff --git a/Views/Website/Shared/Components/Frontend/_Pengelolaan.cshtml b/Views/Website/Shared/Components/Frontend/_Pengelolaan.cshtml
index 0f71560..db163e4 100644
--- a/Views/Website/Shared/Components/Frontend/_Pengelolaan.cshtml
+++ b/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>
\ No newline at end of file
diff --git a/Views/Website/Shared/Components/Frontend/_Peran.cshtml b/Views/Website/Shared/Components/Frontend/_Peran.cshtml
index 40f4671..2a4b1d6 100644
--- a/Views/Website/Shared/Components/Frontend/_Peran.cshtml
+++ b/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>
\ No newline at end of file
diff --git a/Views/Website/Shared/Components/Frontend/_Tentang.cshtml b/Views/Website/Shared/Components/Frontend/_Tentang.cshtml
index a739634..e448c99 100644
--- a/Views/Website/Shared/Components/Frontend/_Tentang.cshtml
+++ b/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>
\ No newline at end of file
diff --git a/Views/Website/Shared/Partials/Frontend/_Footer.cshtml b/Views/Website/Shared/Partials/Frontend/_Footer.cshtml
index 85a22ac..b8049ee 100644
--- a/Views/Website/Shared/Partials/Frontend/_Footer.cshtml
+++ b/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>
diff --git a/Views/Website/Usaha/Index.cshtml b/Views/Website/Usaha/Index.cshtml
index 6ac0522..d1eecf8 100644
--- a/Views/Website/Usaha/Index.cshtml
+++ b/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>
diff --git a/wwwroot/website/images/alur_jasa.webp b/wwwroot/website/images/alur_jasa.webp
new file mode 100644
index 0000000..c40732c
Binary files /dev/null and b/wwwroot/website/images/alur_jasa.webp differ
diff --git a/wwwroot/website/images/bg-faq.webp b/wwwroot/website/images/bg-faq.webp
new file mode 100644
index 0000000..3023f5b
Binary files /dev/null and b/wwwroot/website/images/bg-faq.webp differ
diff --git a/wwwroot/website/images/bg-header.webp b/wwwroot/website/images/bg-header.webp
new file mode 100644
index 0000000..55d424c
Binary files /dev/null and b/wwwroot/website/images/bg-header.webp differ
diff --git a/wwwroot/website/images/bg-hero.webp b/wwwroot/website/images/bg-hero.webp
new file mode 100644
index 0000000..6c1805d
Binary files /dev/null and b/wwwroot/website/images/bg-hero.webp differ
diff --git a/wwwroot/website/images/bg-tentang-2.webp b/wwwroot/website/images/bg-tentang-2.webp
new file mode 100644
index 0000000..f1755f3
Binary files /dev/null and b/wwwroot/website/images/bg-tentang-2.webp differ
diff --git a/wwwroot/website/images/bg-tentang.webp b/wwwroot/website/images/bg-tentang.webp
new file mode 100644
index 0000000..0488b75
Binary files /dev/null and b/wwwroot/website/images/bg-tentang.webp differ
diff --git a/wwwroot/website/images/laksanakan.webp b/wwwroot/website/images/laksanakan.webp
new file mode 100644
index 0000000..0ebdbaf
Binary files /dev/null and b/wwwroot/website/images/laksanakan.webp differ
diff --git a/wwwroot/website/images/laksanakan_bagan.webp b/wwwroot/website/images/laksanakan_bagan.webp
new file mode 100644
index 0000000..bd4127a
Binary files /dev/null and b/wwwroot/website/images/laksanakan_bagan.webp differ
diff --git a/wwwroot/website/images/pengelolaan.webp b/wwwroot/website/images/pengelolaan.webp
new file mode 100644
index 0000000..291c979
Binary files /dev/null and b/wwwroot/website/images/pengelolaan.webp differ
diff --git a/wwwroot/website/images/pengelolaan_bagan.webp b/wwwroot/website/images/pengelolaan_bagan.webp
new file mode 100644
index 0000000..ad51034
Binary files /dev/null and b/wwwroot/website/images/pengelolaan_bagan.webp differ
diff --git a/wwwroot/website/images/peran.webp b/wwwroot/website/images/peran.webp
new file mode 100644
index 0000000..6345208
Binary files /dev/null and b/wwwroot/website/images/peran.webp differ
diff --git a/wwwroot/website/images/peran_bagan.webp b/wwwroot/website/images/peran_bagan.webp
new file mode 100644
index 0000000..61b2d51
Binary files /dev/null and b/wwwroot/website/images/peran_bagan.webp differ