<!-- wp:html --> <div class="contact-container"> <h2>Contact Us</h2> <form id="contactForm"> <input type="text" id="name" placeholder="Your Name" required> <input type="email" id="email" placeholder="Your Email" required> <textarea id="message" placeholder="Your Message" required></textarea> <div class="send-buttons"> <button type="button" class="btn send-email" onclick="sendEmail()">Send via Email</button> <button type="button" class="btn send-whatsapp" onclick="sendWhatsApp()">Send via WhatsApp</button> </div> </form> <br> <h3>You Can Also Use The following</h3><br> <div class="contact-buttons"> <a href="https://wa.me/260767792607" class="btn whatsapp">WhatsApp</a> <a href="tel:+260767792607" class="btn call">Call Us</a> </div> </div>
<style> .contact-container { max-width: 600px; margin: auto; padding: 20px; border-radius: 10px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); text-align: center; } input, textarea { width: 100%; padding: 10px; margin: 5px 0; } .send-buttons { display: flex; justify-content: space-between; margin-top: 10px; } .send-buttons .btn { flex: 1; margin: 5px; padding: 10px; font-weight: bold; color: white; border: none; cursor: pointer; border-radius: 5px; } .send-email { background: darkblue; } .send-whatsapp { background: green; } .contact-buttons { margin-top: 15px; display: flex; justify-content: space-between; } .contact-buttons .btn { flex: 1; margin: 5px; padding: 12px; font-weight: bold; color: white; text-align: center; text-decoration: none; border-radius: 5px; } .whatsapp { background: green; } .call { background: blue; } </style>
<script> function sendEmail() { let name = document.getElementById('name').value; let email = document.getElementById('email').value; let message = document.getElementById('message').value;
window.location.href = `mailto:info@zedbat.net?subject=Contact from ${name}&body=${message}%0A%0AFrom: ${email}`; }
function sendWhatsApp() { let name = document.getElementById('name').value; let message = document.getElementById('message').value; let whatsappMessage = `Hello, my name is ${name}. %0A${message}`; window.open(`https://wa.me/260767792607?text=${whatsappMessage}`, '_blank'); } </script> <!-- /wp:html -->
