Contact information

.contact-wrapper { max-width: 480px; margin: 40px auto; padding: 25px; border-radius: 14px; background: #ffffff; box-shadow: 0 10px 30px rgba(0,0,0,0.08); font-family: Arial, sans-serif; } .contact-wrapper h2 { margin-bottom: 5px; font-size: 24px; } .contact-wrapper p { margin-bottom: 20px; color: #666; font-size: 14px; } .contact-wrapper input, .contact-wrapper textarea { width: 100%; padding: 12px; margin-bottom: 12px; border-radius: 8px; border: 1px solid #ddd; font-size: 14px; } .button-group { display: flex; gap: 10px; } .button-group button { flex: 1; padding: 12px; border: none; border-radius: 8px; cursor: pointer; font-size: 14px; } .button-group button:first-child { background: #25D366; color: #fff; } .email-btn { background: #333; color: #fff; } .button-group button:hover { opacity: 0.9; } function sendWhatsApp() { const name = document.getElementById("name").value; const email = document.getElementById("email").value; const phone = document.getElementById("phone").value; const message = document.getElementById("message").value; const whatsappNumber = "918882881853"; // ← your WhatsApp number const text = `Hello, my name is ${name}%0A` + `Email: ${email}%0A` + `Phone: ${phone}%0A%0A` + `${message}`; window.open(`https://wa.me/${whatsappNumber}?text=${text}`, "_blank"); } function sendEmail() { const name = document.getElementById("name").value; const email = document.getElementById("email").value; const phone = document.getElementById("phone").value; const message = document.getElementById("message").value; const subject = encodeURIComponent("New Contact Enquiry"); const body = encodeURIComponent( `Name: ${name}\nEmail: ${email}\nPhone: ${phone}\n\nMessage:\n${message}` ); window.location.href = `mailto:bookpyramidofficial@gmail.com?subject=${subject}&body=${body}`; }