diff --git a/public/wfc_places.html b/public/wfc_places.html
index fcfacbb..91d5e2b 100644
--- a/public/wfc_places.html
+++ b/public/wfc_places.html
@@ -1,6 +1,3 @@
-<!-- TOBE DELETED -->
- <!-- Move this page to react component page -->
-
 <!DOCTYPE html>
 <html lang="en">
 
@@ -10,6 +7,15 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Loteng Dev - Beriuk Berajah dan Berkembang</title>
     <link rel="stylesheet" href="./css/main.css">
+    <style>
+        .zoom-button {
+            transition: transform 0.2s ease;
+        }
+
+        .zoom-button:hover {
+            transform: scale(1.05); /* Zoom in */
+        }
+    </style>
 </head>
 
 <body>
@@ -26,10 +32,10 @@
             <li class="mr-8"><a href="about.html">Tentang</a></li>
         </ul>
         <div class="hidden lg:flex justify-center">
-            <button class="flex items-center bg-blue px-4 py-3 mr-4 rounded text-white">
+            <button class="flex items-center bg-blue px-4 py-3 mr-4 rounded text-white zoom-button">
                 <img class="inline mr-3" src="./icons/telegram.svg" />Join Group
             </button>
-            <button class="flex items-center bg-neutral-100 border border-solid border-grey px-4 py-2 rounded">
+            <button class="flex items-center bg-neutral-100 border border-solid border-grey px-4 py-2 rounded zoom-button">
                 <img class="inline mr-3" src="./icons/github.svg" />Contribute
             </button>
         </div>
@@ -58,9 +64,7 @@
                             <a href="#">Acara</a>
                         </li>
                         <li class="py-2 px-4 w-full">
-                            <a href="#">
-                                Pembicara
-                            </a>
+                            <a href="#">Pembicara</a>
                         </li>
                         <li class="py-2 px-4 w-full">
                             <a href="#">Lokasi WFC</a>
@@ -72,11 +76,11 @@
                 </div>
                 <div class="flex flex-col justify-center ">
                     <a href="#"
-                        class="flex justify-center items-center bg-neutral-100 border border-solid border-grey px-4 py-2 rounded mb-5">
+                        class="flex justify-center items-center bg-neutral-100 border border-solid border-grey px-4 py-2 rounded mb-5 zoom-button">
                         <img class="inline mr-3" src="./icons/github.svg" />Contribute
                     </a>
                     <a href="#"
-                        class="flex justify-center items-center bg-blue px-4 py-3 rounded text-white mb-5">
+                        class="flex justify-center items-center bg-blue px-4 py-3 rounded text-white mb-5 zoom-button">
                         <img class="inline mr-3" src="./icons/telegram.svg" />Join Group
                     </a>
                 </div>
@@ -114,13 +118,13 @@ <h1 class="text-center tracking-wide text-sm text-indigo-900 font-semibold">Temp
 
     <script>
         function show_sidebar() {
-            document.getElementById('sidebar').classList.remove('hidden')
-            document.getElementById('sidebar').classList.add('fixed')
+            document.getElementById('sidebar').classList.remove('hidden');
+            document.getElementById('sidebar').classList.add('fixed');
         }
 
         function close_sidebar() {
-            document.getElementById('sidebar').classList.remove('fixed')
-            document.getElementById('sidebar').classList.add('hidden')
+            document.getElementById('sidebar').classList.remove('fixed');
+            document.getElementById('sidebar').classList.add('hidden');
         }
 
         function showPriceSymbol(price) {
@@ -135,7 +139,6 @@ <h1 class="text-center tracking-wide text-sm text-indigo-900 font-semibold">Temp
                     return '';
             }
         }
-        
 
         fetch('./data/tempat_wfc.json')
             .then(response => response.json())
@@ -152,7 +155,7 @@ <h1 class="text-center tracking-wide text-sm text-indigo-900 font-semibold">Temp
                                             <div class="uppercase tracking-wide text-sm text-indigo-500 font-semibold">${tempat.name}</div>
                                             <a href="${tempat.lokasi}" class="block mt-1 text-lg leading-tight font-medium text-black hover:underline">Lokasi</a>
                                             <div class="mt-2 flex items-center text-sm text-gray-500">
-                                                <span class="mr-2">Wifi:</span> <span class="font-medium text-${tempat.wifi ? 'green' : 'red'}-500">${tempat.wifi ? '✅' : '❌'}</span>
+                                                // <span class="mr-2">Wifi:</span> <span class="font-medium text-${tempat.wifi ? 'green' : 'red'}-500">${tempat.wifi ? '✅' : '❌'}</span>
                                             </div>
                                             <div class="flex items-center text-sm text-gray-500">
                                                 <span class="mr-2">Colokan:</span> <span class="font-medium text-${tempat.colokan ? 'green' : 'red'}-500">${tempat.colokan ? '✅' : '❌'}</span>
