Embed

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Get a GuardedScor Basic Scan</title>
  <style>
    body {
      font-family: Arial, sans-serif;
      margin: 40px;
      text-align: center;
      background-color: #f9f9f9;
    }
    form {
      max-width: 500px;
      margin: auto;
      padding: 30px;
      background: rgba(255, 255, 255, 0.7); /* 70% transparency */
      border: 1px solid #ddd;
      border-radius: 10px;
      box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.1);
      text-align: left;
    }
    input, button {
      width: 100%;
      padding: 12px;
      margin: 10px 0;
      border: 1px solid #ccc;
      border-radius: 6px;
      font-size: 14px;
    }
    button {
      background-color: #007bff;
      color: white;
      font-size: 16px;
      cursor: pointer;
      border: none;
    }
    button:hover {
      background-color: #0056b3;
    }
  </style>
</head>
<body>

  <form id="cyberScanForm">
    <h2>Get a GuardedScor Basic Scan</h2>
    <p>Identify cybersecurity vulnerabilities before hackers do.</p>

    <label for="firstname">First Name*</label>
    <input type="text" id="firstname" name="firstname" required>

    <label for="lastname">Last Name*</label>
    <input type="text" id="lastname" name="lastname" required>

    <label for="contactEmail">Primary Email*</label>
    <input type="email" id="contactEmail" name="contactEmail" required>

    <label for="mobile">Mobile Phone</label>
    <input type="tel" id="mobile" name="mobile">

    <label for="organizationName">Company*</label>
    <input type="text" id="organizationName" name="organizationName" required>

    <label for="domain">Business Website URL</label>
    <input type="url" id="domain" name="domain">

    
    <select name="leadsource" style="display: none;">
      <option value="GuardedScor form" selected>GuardedScor form</option>
    </select>

    <button type="submit">Get My GuardedScor Basic</button>
  </form>

  <script>
    document.getElementById('cyberScanForm').addEventListener('submit', function(event) {
      event.preventDefault();
      const formData = new FormData(this);

      // Telivy Payload
      const telivyData = {
        agentId: "00705cf4-3543-46ee-9bd4-d0be1f456a88",
        utmSource: "guardedscor-form",
        organizationName: formData.get("organizationName"),
        contactEmail: formData.get("contactEmail"),
        domain: formData.get("domain")
      };

      // Vtiger Payload
      const crmData = new FormData();
      crmData.append("__vtrftk", "sid:9105e347564b490efbf5a85e12d47490a4ee2cfe,1742578193");
      crmData.append("publicid", "8039b37c915d6a5fffd7acbc6d893aef");
      crmData.append("urlencodeenable", "1");
      crmData.append("name", "GuardedScor Basic");
      crmData.append("firstname", formData.get("firstname"));
      crmData.append("lastname", formData.get("lastname"));
      crmData.append("email", formData.get("contactEmail"));
      crmData.append("mobile", formData.get("mobile"));
      crmData.append("company", formData.get("organizationName"));
      crmData.append("website", formData.get("domain"));
      crmData.append("leadsource", "GuardedScor form");
      crmData.append("current_url", window.location.href);

      // API Calls
      const telivyAPI = fetch("https://api-v1.telivy.com/api/v1/applications/public", {
        method: "POST",
        headers: { 'Accept': 'application/json', 'Content-Type': 'application/json' },
        body: JSON.stringify(telivyData)
      });

      const crmAPI = fetch("https://guard.360vew.com/modules/Webforms/capture.php", {
        method: "POST",
        body: crmData,
        mode: "no-cors"
      });

      Promise.all([telivyAPI, crmAPI])
        .then(() => {
          setTimeout(() => window.location.href = "https://guarded.co/guardedscor-thank-you", 2000);
        })
        .catch(error => {
          alert("Something went wrong. Please try again.");
          console.error("Submission error:", error);
        });
    });
  </script>

</body>
</html>