diff --git a/deploy.yml b/deploy.yml
new file mode 100644
index 0000000..ca5497a
--- /dev/null
+++ b/deploy.yml
@@ -0,0 +1,4 @@
+name: profen
+type: node
+start: npm run build && npx --yes -- serve -s dist -l $PORT
+dev: ./node_modules/.bin/vite --port $PORT --host
diff --git a/src/components/WhatsAppButton.jsx b/src/components/WhatsAppButton.jsx
index 489666b..a93b3d0 100644
--- a/src/components/WhatsAppButton.jsx
+++ b/src/components/WhatsAppButton.jsx
@@ -1,18 +1,20 @@
-import { WHATSAPP_PHONE } from '../config'
-const WHATSAPP_URL = `https://wa.me/${WHATSAPP_PHONE}`
+import { WHATSAPP_PHONE } from '../config';
+
+const WHATSAPP_URL = `https://wa.me/${WHATSAPP_PHONE}`;
 
 export default function WhatsAppButton() {
   return (
     <>
-      <a
+     <a 
         href={WHATSAPP_URL}
         target="_blank"
         rel="noopener noreferrer"
         className="whatsapp-float"
         aria-label="Chat on WhatsApp"
       >
-        <svg viewBox="0 0 32 32" width="28" height="28" fill="white">
-          <path d="M16 0C7.2 0 0 7.2 0 16c0 3.1 0.9 6 2.5 8.5L1.6 30.4l6.2-1.6C10.2 29.9 13 31 16 31c8.8 0 16-7.2 16-16S24.8 0 16 0zm8.1 22.7c-0.4 1.1-1.6 2-2.7 2.3-0.7 0.2-1.6 0.3-5.1-1.1-4.3-1.7-7.1-5.9-7.3-6.2-0.2-0.3-1.7-2.3-1.7-4.4s1.1-3.1 1.5-3.6c0.4-0.4 0.9-0.6 1.2-0.6 0.3 0 0.6 0 0.9 0 0.3 0 0.7-0.1 1.1 0.8 0.4 0.9 1.3 3.1 1.4 3.3 0.1 0.2 0.2 0.5 0 0.8s-0.3 0.5-0.5 0.7c-0.2 0.2-0.4 0.5-0.6 0.7-0.2 0.2-0.4 0.5-0.2 0.9 0.2 0.4 0.9 1.5 2 2.4 1.4 1.1 2.5 1.5 2.9 1.6 0.4 0.2 0.7 0.1 1-0.1 0.3-0.2 1.2-1.4 1.5-1.9 0.3-0.5 0.7-0.4 1.1-0.2 0.4 0.2 2.5 1.2 2.9 1.4 0.4 0.2 0.7 0.3 0.8 0.5 0.1 0.2 0.1 1.1-0.3 2.2z"/>
+        <span className="whatsapp-badge"></span>
+        <svg viewBox="0 0 90 90" width="30" height="30" fill="rgb(79, 206, 93)">
+          <path d="M90,43.841c0,24.213-19.779,43.841-44.182,43.841c-7.747,0-15.025-1.98-21.357-5.455L0,90l7.975-23.522c-4.023-6.606-6.34-14.354-6.34-22.637C1.635,19.628,21.416,0,45.818,0C70.223,0,90,19.628,90,43.841z M45.818,6.982c-20.484,0-37.146,16.535-37.146,36.859c0,8.065,2.629,15.534,7.076,21.61L11.107,79.14l14.275-4.537c5.865,3.851,12.891,6.097,20.437,6.097c20.481,0,37.146-16.533,37.146-36.857S66.301,6.982,45.818,6.982z M68.129,53.938c-0.273-0.447-0.994-0.717-2.076-1.254c-1.084-0.537-6.41-3.138-7.4-3.495c-0.993-0.358-1.717-0.538-2.438,0.537c-0.721,1.076-2.797,3.495-3.43,4.212c-0.632,0.719-1.263,0.809-2.347,0.271c-1.082-0.537-4.571-1.673-8.708-5.333c-3.219-2.848-5.393-6.364-6.025-7.441c-0.631-1.075-0.066-1.656,0.475-2.191c0.488-0.482,1.084-1.255,1.625-1.882c0.543-0.628,0.723-1.075,1.082-1.793c0.363-0.717,0.182-1.344-0.09-1.883c-0.27-0.537-2.438-5.825-3.34-7.977c-0.902-2.15-1.803-1.792-2.436-1.792c-0.631,0-1.354-0.09-2.076-0.09c-0.722,0-1.896,0.269-2.889,1.344c-0.992,1.076-3.789,3.676-3.789,8.963c0,5.288,3.879,10.397,4.422,11.113c0.541,0.716,7.49,11.92,18.5,16.223C58.2,65.771,58.2,64.336,60.186,64.156c1.984-0.179,6.406-2.599,7.312-5.107C68.398,56.537,68.398,54.386,68.129,53.938z"></path>
         </svg>
       </a>
       <style>{`
@@ -24,7 +26,7 @@ export default function WhatsAppButton() {
           width: 56px;
           height: 56px;
           border-radius: 50%;
-          background: #25D366;
+          background: #ffffff;
           display: flex;
           align-items: center;
           justify-content: center;
@@ -36,7 +38,17 @@ export default function WhatsAppButton() {
           transform: scale(1.08);
           box-shadow: 0 6px 16px rgba(0,0,0,0.35);
         }
+        .whatsapp-badge {
+          position: absolute;
+          top: 2px;
+          right: 2px;
+          width: 10px;
+          height: 10px;
+          border-radius: 50%;
+          background: #ff3b30;
+          border: 2px solid #ffffff;
+        }
       `}</style>
     </>
-  )
+  );
 }
diff --git a/src/css/dynamic.css b/src/css/dynamic.css
index e55d2fa..7c6903d 100644
--- a/src/css/dynamic.css
+++ b/src/css/dynamic.css
@@ -168,3 +168,31 @@
   /* === Service detail sidebar === */
   .service-sidebar { padding: 12px !important; }
 }
+
+/* ── Hero 5: restore floating arrows (remove white panel) ── */
+.hero-5 .icon-box {
+  background: none;
+  border-radius: 0;
+  padding: 0;
+  display: block;
+  align-items: unset;
+  gap: 0;
+  bottom: 32px;
+  right: 32px;
+}
+.hero-5 .icon-box .slider-arrow {
+  background-color: rgba(255,255,255,0.2);
+  border: none;
+  color: #fff;
+}
+.hero-5 .icon-box .slider-arrow:hover {
+  background-color: var(--brand-primary, #FA2D39);
+  border-color: transparent;
+  color: #fff;
+}
+@media (max-width: 575px) {
+  .hero-5 .icon-box {
+    bottom: 16px;
+    right: 16px;
+  }
+}
diff --git a/src/css/hero-fix.css b/src/css/hero-fix.css
new file mode 100644
index 0000000..0402818
--- /dev/null
+++ b/src/css/hero-fix.css
@@ -0,0 +1 @@
+/* hero-fix cleared — removed per user request */
diff --git a/src/css/theme-main.css b/src/css/theme-main.css
index c8562b1..41b253b 100644
--- a/src/css/theme-main.css
+++ b/src/css/theme-main.css
@@ -14917,6 +14917,7 @@ span.select2-selection.select2-selection--single:focus {
   position: relative;
   z-index: 4;
   background-color: var(--body-bg);
+  margin-right : 200px;
   margin-top: -72px;
   padding-top: 24px;
   padding-right: 30px;
@@ -17893,4 +17894,4 @@ span.select2-selection.select2-selection--single:focus {
   .space-extra2-bottom {
     padding-bottom: 70px;
   }
-}
\ No newline at end of file
+}
diff --git a/vite.config.js b/vite.config.js
index 8b0f57b..ae46882 100644
--- a/vite.config.js
+++ b/vite.config.js
@@ -4,4 +4,10 @@ import react from '@vitejs/plugin-react'
 // https://vite.dev/config/
 export default defineConfig({
   plugins: [react()],
+  server: {
+    allowedHosts: true,
+  },
+  preview: {
+    allowedHosts: true,
+  },
 })