whatsapp button added

header.php

@@ -1,4 +1,5 @@
 <?php
+
 /**
  * UNIFIED HEADER TEMPLATE
  * 
@@ -187,8 +188,7 @@ if ($headerStyle === 'light') {
         background-color: #f8f8f8;
     }
 
-    <?php if ($headerStyle === 'light'): ?>
+    <?php if ($headerStyle === 'light'): ?>.page-banner-area {
-    .page-banner-area {
         position: relative;
         background-size: cover;
         background-position: center;
@@ -215,6 +215,7 @@ if ($headerStyle === 'light') {
         position: relative;
         z-index: 3;
     }
+
     <?php endif; ?>
 </style>
 
@@ -376,6 +377,36 @@ if ($headerStyle === 'light') {
             <!--End Header Upper-->
         </header>
 
+        <a href="https://wa.me/27790652795?text=Hi,%20I%20would%20like%20to%20know%20more%20about%20your%20club!"
+            class="whatsapp-float"
+            target="_blank"
+            aria-label="Chat on WhatsApp">
+            <i class="fab fa-whatsapp"></i>
+        </a>
+
+        <style>
+            .whatsapp-float {
+                position: fixed;
+                bottom: 20px;
+                right: 20px;
+                width: 60px;
+                height: 60px;
+                background-color: #25D366;
+                color: white;
+                border-radius: 50%;
+                text-align: center;
+                font-size: 30px;
+                line-height: 60px;
+                box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.3);
+                z-index: 1000;
+            }
+
+            .whatsapp-float:hover {
+                background-color: #1ebe5d;
+            }
+        </style>
+
+
         <script>
             document.addEventListener('DOMContentLoaded', function() {
                 const profileInfo = document.querySelector('.profile-info');