From 927f9f3fe1e8fe8c5becefe68c4b5058830b6da2 Mon Sep 17 00:00:00 2001
From: twotalesanimation <80506065+twotalesanimation@users.noreply.github.com>
Date: Tue, 16 Dec 2025 23:00:30 +0200
Subject: [PATCH] whatsapp button added

---
 header.php | 69 +++++++++++++++++++++++++++++++++++++++---------------
 1 file changed, 50 insertions(+), 19 deletions(-)

diff --git a/header.php b/header.php
index 4aac8bae..23929695 100644
--- a/header.php
+++ b/header.php
@@ -1,4 +1,5 @@
 <?php
+
 /**
  * UNIFIED HEADER TEMPLATE
  * 
@@ -187,8 +188,7 @@ if ($headerStyle === 'light') {
         background-color: #f8f8f8;
     }
 
-    <?php if ($headerStyle === 'light'): ?>
-    .page-banner-area {
+    <?php if ($headerStyle === 'light'): ?>.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>
 
@@ -262,13 +263,13 @@ if ($headerStyle === 'light') {
                                         <li><a href="track-map">Track Map</a></li>
                                         <li><a href="trips">Trips</a>
                                             <?php if ($headerStyle === 'dark'): ?>
-                                            <ul>
-                                                <li><a href="tour-list.html">Tour List</a></li>
-                                                <li><a href="tour-grid.html">Tour Grid</a></li>
-                                                <li><a href="tour-sidebar.html">Tour Sidebar</a></li>
-                                                <li><a href="trip-details">Tour Details</a></li>
-                                                <li><a href="tour-guide.html">Tour Guide</a></li>
-                                            </ul>
+                                                <ul>
+                                                    <li><a href="tour-list.html">Tour List</a></li>
+                                                    <li><a href="tour-grid.html">Tour Grid</a></li>
+                                                    <li><a href="tour-sidebar.html">Tour Sidebar</a></li>
+                                                    <li><a href="trip-details">Tour Details</a></li>
+                                                    <li><a href="tour-guide.html">Tour Guide</a></li>
+                                                </ul>
                                             <?php endif; ?>
                                         </li>
                                         <li class="dropdown"><a href="#">Training</a>
@@ -293,7 +294,7 @@ if ($headerStyle === 'light') {
                                                     <li><a href="admin_transactions">iKhokha Payment History</a></li>
                                                     <!-- <li><a href="process_payments">Process Payments</a></li> -->
                                                     <?php if ($role === 'superadmin') { ?>
-                                                    <li><a href="admin_visitors">Visitor Log</a></li>
+                                                        <li><a href="admin_visitors">Visitor Log</a></li>
                                                     <?php } ?>
                                                 </ul>
                                             </li>
@@ -307,16 +308,16 @@ if ($headerStyle === 'light') {
                                                     if (getUserMemberStatus($_SESSION['user_id'])) {
                                                         echo "<li><a href=\"campsites\">Campsites Directory</a></li>";
                                                         echo "<li><a href=\"gallery\">Photo Gallery</a></li>";
-                                                    } else { 
+                                                    } else {
                                                         echo "<li><a href=\"membership\">Campsites Directory</a><i class='fal fa-lock'></i></li>";
                                                         echo "<li><a href=\"membership\">Photo Gallery</a><i class='fal fa-lock'></i></li>";
-                                                    } 
+                                                    }
                                                     ?>
                                                 </ul>
                                             </li>
-                                        
 
-                                        
+
+
                                             <li class="dropdown"><a href="#">My Account</a>
                                                 <ul>
                                                     <li><a href="account_settings">Account Settings</a></li>
@@ -325,9 +326,9 @@ if ($headerStyle === 'light') {
                                                     <?php
                                                     if (getUserMemberStatus($_SESSION['user_id'])) {
                                                         echo "<li><a href=\"user_blogs\">My Blog Posts</a></li>";
-                                                    } else { 
+                                                    } else {
                                                         echo "<li><a href=\"membership\">My Blog Posts</a><i class='fal fa-lock'></i></li>";
-                                                    } 
+                                                    }
                                                     ?>
                                                     <!-- <li><a href="submit_pop">Submit P.O.P</a></li> -->
                                                     <li><a href="logout">Log Out</a></li>
@@ -359,8 +360,8 @@ if ($headerStyle === 'light') {
                                     </div>
                                 </div>
                                 <?php if ($role === 'admin' || $role === 'superadmin') { ?>
-                                <link rel="stylesheet" href="assets/css/notifications.css">
-                                <script src="assets/js/notifications_panel.js" defer></script>
+                                    <link rel="stylesheet" href="assets/css/notifications.css">
+                                    <script src="assets/js/notifications_panel.js" defer></script>
                                 <?php } ?>
                             <?php else : ?>
                                 <a href="login" class="theme-btn style-two bgc-secondary">
@@ -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');
@@ -400,4 +431,4 @@ if ($headerStyle === 'light') {
                     }
                 });
             });
-        </script>
+        </script>
\ No newline at end of file