label to 'Configure and buy', add email field, rename Hire to Buy

This commit is contained in:
Oliver
2026-06-07 18:29:50 -03:00
parent 87cff62ae3
commit 6388425078
+10 -7
View File
@@ -1451,7 +1451,7 @@
</svg> </svg>
Sign In Sign In
</a> </a>
<a href="#pricing" class="btn btn-primary btn-signup-header">Hire Agent</a> <a href="#pricing" class="btn btn-primary btn-signup-header">Buy Agent</a>
<button class="hamburger" id="hamburger" aria-label="Toggle menu" onclick="toggleMobile()"> <button class="hamburger" id="hamburger" aria-label="Toggle menu" onclick="toggleMobile()">
<span></span><span></span><span></span> <span></span><span></span><span></span>
</button> </button>
@@ -1806,7 +1806,7 @@
<!-- ── Config: agent, billing, location ── --> <!-- ── Config: agent, billing, location ── -->
<div class="pricing-config-box"> <div class="pricing-config-box">
<span class="pricing-config-label">Configure your agent</span> <span class="pricing-config-label">Configure and buy your agent</span>
<select class="pricing-config-select" id="pricing-agent"> <select class="pricing-config-select" id="pricing-agent">
<option value="hermes" selected>Hermes</option> <option value="hermes" selected>Hermes</option>
<option value="openclaw">OpenClaw</option> <option value="openclaw">OpenClaw</option>
@@ -1818,6 +1818,7 @@
<select class="pricing-config-select" id="pricing-location"> <select class="pricing-config-select" id="pricing-location">
<option value="france">France</option> <option value="france">France</option>
</select> </select>
<input type="email" class="pricing-config-input" id="pricing-email" placeholder="Email" autocomplete="email" />
<input type="text" class="pricing-config-input" id="pricing-coupon" placeholder="Coupon code" /> <input type="text" class="pricing-config-input" id="pricing-coupon" placeholder="Coupon code" />
<input type="hidden" id="utm_source" /> <input type="hidden" id="utm_source" />
<input type="hidden" id="utm_medium" /> <input type="hidden" id="utm_medium" />
@@ -1865,7 +1866,7 @@
Support chat with human escalation Support chat with human escalation
</li> </li>
</ul> </ul>
<button class="btn btn-primary btn-block" onclick="hireAgent('trainee')">Hire Trainee</button> <button class="btn btn-primary btn-block" onclick="hireAgent('trainee')">Buy Trainee</button>
</div> </div>
<!-- Junior --> <!-- Junior -->
@@ -1917,7 +1918,7 @@
Higher API key credit allocation Higher API key credit allocation
</li> </li>
</ul> </ul>
<button class="btn btn-primary btn-block" onclick="hireAgent('junior')">Hire Junior</button> <button class="btn btn-primary btn-block" onclick="hireAgent('junior')">Buy Junior</button>
</div> </div>
<!-- Senior --> <!-- Senior -->
@@ -1976,7 +1977,7 @@
Highest API key credit allocation Highest API key credit allocation
</li> </li>
</ul> </ul>
<button class="btn btn-primary btn-block" onclick="hireAgent('senior')">Hire Senior</button> <button class="btn btn-primary btn-block" onclick="hireAgent('senior')">Buy Senior</button>
</div> </div>
</div> </div>
@@ -2189,7 +2190,7 @@
} }
function btnReset(btn) { function btnReset(btn) {
btn.disabled = false; btn.disabled = false;
btn.textContent = "Hire Agent — $9.50/mo"; btn.textContent = "Buy Agent — $9.50/mo";
} }
function isValidEmail(e) { function isValidEmail(e) {
@@ -2357,13 +2358,14 @@
}); });
})(); })();
/* ── Hire Agent Webhook ───────────────────────────── */ /* ── Buy Agent Webhook ───────────────────────────── */
const ORDER_WEBHOOK = "https://n8n.derez.ai/webhook/5318a0d8-d064-42fb-95b7-aa5552cb3fa9"; const ORDER_WEBHOOK = "https://n8n.derez.ai/webhook/5318a0d8-d064-42fb-95b7-aa5552cb3fa9";
async function hireAgent(product) { async function hireAgent(product) {
const agent = document.getElementById('pricing-agent').value; const agent = document.getElementById('pricing-agent').value;
const period = document.getElementById('pricing-period').value; const period = document.getElementById('pricing-period').value;
const location = document.getElementById('pricing-location').value; const location = document.getElementById('pricing-location').value;
const email = document.getElementById('pricing-email').value.trim();
const coupon = document.getElementById('pricing-coupon').value.trim(); const coupon = document.getElementById('pricing-coupon').value.trim();
try { try {
@@ -2375,6 +2377,7 @@
agent: agent, agent: agent,
period: period, period: period,
location: location, location: location,
email: email || null,
coupon: coupon || null, coupon: coupon || null,
utm_source: document.getElementById('utm_source').value || null, utm_source: document.getElementById('utm_source').value || null,
utm_medium: document.getElementById('utm_medium').value || null, utm_medium: document.getElementById('utm_medium').value || null,