Embed

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Noble View Alumni ROI Calculator</title>
  <style>
    body {
      font-family: Helvetica, Arial, sans-serif;
      background: #f4f7f9;
      padding: 40px;
    }
    .container {
      background: white;
      padding: 30px;
      max-width: 600px;
      margin: auto;
      border-radius: 8px;
      box-shadow: 0 4px 12px rgba(0,0,0,0.1);
    }
    h2 {
      color: #003366;
      text-align: center;
    }
    label {
      font-weight: bold;
      display: block;
      margin-top: 20px;
    }
    input[type="number"] {
      width: 100%;
      padding: 10px;
      margin-top: 5px;
      border-radius: 5px;
      border: 1px solid #ccc;
    }
    button {
      background: #005b73;
      color: white;
      padding: 12px 25px;
      font-size: 16px;
      border: none;
      border-radius: 5px;
      cursor: pointer;
      margin-top: 20px;
      width: 100%;
    }
    button:hover {
      background: #004254;
    }
    .result, .recommendation {
      display: none;
      padding: 20px;
      border-radius: 6px;
      margin-top: 30px;
    }
    .result {
      background: #e8f5e9;
    }
    .recommendation {
      background: #fff3e0;
    }
  </style>
</head>
<body>
  <div class="container">
    <div style="text-align:center;margin-bottom:30px;">
      <img src="https://i.imgur.com/RrQ2DoG.png" alt="Noble View Logo" style="display:block;margin:0 auto;width:200px;height:auto;">
      <h2>Noble View Alumni ROI Calculator</h2>
    </div>

    <label for="avgValue">Average Treatment Value ($)</label>
    <input id="avgValue" type="number" placeholder="e.g. 25000">

    <label for="monthlyAdmissions">Monthly Admissions</label>
    <input id="monthlyAdmissions" type="number" placeholder="e.g. 20">

    <label for="currentRate">Current Alumni Referral Rate (%)</label>
    <input id="currentRate" type="number" placeholder="e.g. 2">

    <label for="idealRate">Ideal Alumni Referral Rate (%)</label>
    <input id="idealRate" type="number" value="10">

    <button id="calculateBtn">Calculate</button>

    <div class="result" id="results"></div>
    <div class="recommendation" id="recommendation"></div>
  </div>

  <script>
    document.getElementById("calculateBtn").addEventListener("click", function () {
      const val = parseFloat(document.getElementById("avgValue").value);
      const admits = parseFloat(document.getElementById("monthlyAdmissions").value);
      const current = parseFloat(document.getElementById("currentRate").value);
      const ideal = parseFloat(document.getElementById("idealRate").value);

      if ([val, admits, current, ideal].some(isNaN)) {
        alert("Please fill out all fields with valid numbers.");
        return;
      }

      const currentRev = val * admits * (current / 100);
      const idealRev = val * admits * (ideal / 100);
      const lost = idealRev - currentRev;
      const annualLoss = lost * 12;

      const results = document.getElementById("results");
      results.style.display = "block";
      results.innerHTML = `
        <h3 style="color:#2e7d32;">Results:</h3>
        <p><strong>Current Monthly Referral Revenue:</strong> $${currentRev.toFixed(2)}</p>
        <p><strong>Potential Monthly Revenue:</strong> $${idealRev.toFixed(2)}</p>
        <p><strong>Missed Monthly Revenue:</strong> $${lost.toFixed(2)}</p>
        <p><strong>Annual Missed Revenue:</strong> $${annualLoss.toFixed(2)}</p>
      `;

      const rec = document.getElementById("recommendation");
      rec.style.display = "block";
      rec.innerHTML = `
        <h3 style="color:#ef6c00;">Noble View Recommendation:</h3>
        <p>You could be missing out on <strong>$${annualLoss.toFixed(2)}</strong> in revenue every year due to alumni disengagement.</p>
        <p>Our alumni engagement program starts at just <strong>$2,000/month</strong>.</p>
        <p>Let’s turn disconnection into referrals — <strong>book a strategy call today</strong>.</p>
      `;

      // Send data silently to Make.com webhook
      fetch("https://hook.us2.make.com/egschd2iuaase3b1fde8lj28q5whh7sa", {
        method: "POST",
        headers: {
          "Content-Type": "application/json"
        },
        body: JSON.stringify({
          avgValue: val,
          monthlyAdmissions: admits,
          currentRate: current,
          idealRate: ideal,
          calculatedAnnualLoss: annualLoss
        })
      });
    });
  </script>
</body>
</html>


Noble View

We partner with mental health and dual diagnosis treatment centers to design and manage powerful alumni programs that increase referrals, improve outcomes, and strengthen community.