diff --git a/public/buyModal.js b/public/buyModal.js new file mode 100644 index 0000000..e09e649 --- /dev/null +++ b/public/buyModal.js @@ -0,0 +1,116 @@ +// ======================= +// CONFIGURATION +// ======================= +const WEBHOOK_URL = "https://your-webhook-url.com"; // <-- Set your webhook here + +// ======================= +// HELPER FUNCTIONS +// ======================= + +// Create the modal form HTML +function createModal() { + const modal = document.createElement("div"); + modal.id = "buyNowModal"; + modal.style.position = "fixed"; + modal.style.top = "0"; + modal.style.left = "0"; + modal.style.width = "100%"; + modal.style.height = "100%"; + modal.style.backgroundColor = "rgba(0,0,0,0.5)"; + modal.style.display = "none"; + modal.style.justifyContent = "center"; + modal.style.alignItems = "center"; + modal.style.zIndex = "1000"; + + modal.innerHTML = ` +
+ × +

Buy Product

+
+

+

+

+

+

+

+

+

+ +
+
+ `; + + document.body.appendChild(modal); + + // Close button + document.getElementById("closeModal").onclick = () => { + modal.style.display = "none"; + }; + + // Close modal on outside click + modal.onclick = (e) => { + if (e.target === modal) modal.style.display = "none"; + }; + + return modal; +} + +// Show modal and set product +function openModal(productHref) { + const modal = document.getElementById("buyNowModal"); + modal.style.display = "flex"; + modal.querySelector('input[name="product"]').value = productHref; +} + +// Handle form submission +function handleFormSubmit() { + const form = document.getElementById("buyForm"); + form.addEventListener("submit", async (e) => { + e.preventDefault(); + const data = {}; + new FormData(form).forEach((value, key) => (data[key] = value)); + + try { + const res = await fetch(WEBHOOK_URL, { + method: "POST", + headers: { "Content-Type": "application/json" }, + body: JSON.stringify(data) + }); + + if (res.ok) { + alert("Form submitted successfully!"); + form.reset(); + document.getElementById("buyNowModal").style.display = "none"; + } else { + alert("Failed to submit form."); + } + } catch (err) { + console.error(err); + alert("Error submitting form."); + } + }); +} + +// Attach modal to buttons +function attachButtons() { + const buttons = Array.from(document.querySelectorAll("button, a")); + buttons.forEach(btn => { + if (btn.textContent.trim() === "Buy Now") { + btn.addEventListener("click", (e) => { + e.preventDefault(); + const href = btn.getAttribute("href") || btn.dataset.product || "Unknown Product"; + openModal(href); + }); + } + }); +} + +// ======================= +// INIT +// ======================= +document.addEventListener("DOMContentLoaded", () => { + createModal(); + handleFormSubmit(); + attachButtons(); +}); + diff --git a/public/images/Q1-2026.pdf b/public/images/Q1-2026.pdf new file mode 100644 index 0000000..3353298 Binary files /dev/null and b/public/images/Q1-2026.pdf differ