.seo-input-group { margin-bottom: 15px; }
.seo-input-group label { display: block; font-size: 14px; font-weight: 600; margin-bottom: 5px; color: #475569; }
.seo-input-group input { width: 100%; padding: 10px; border: 1px solid #cbd5e1; border-radius: 4px; font-size: 16px; box-sizing: border-box; }
.seo-calc-btn { width: 100%; background-color: #2563eb; color: white; padding: 12px; border: none; border-radius: 4px; font-size: 16px; font-weight: 600; cursor: pointer; transition: background 0.2s; }
.seo-calc-btn:hover { background-color: #1d4ed8; }
#seo-roi-result { margin-top: 20px; padding: 15px; border-radius: 4px; background-color: #f8fafc; display: none; border-left: 4px solid #2563eb; }
.seo-stat-row { display: flex; justify-content: space-between; margin-bottom: 8px; border-bottom: 1px solid #e2e8f0; padding-bottom: 4px; }
.seo-stat-label { font-size: 14px; color: #64748b; }
.seo-stat-value { font-weight: 700; color: #1e293b; }
function calculateSeoRoi() {
var traffic = parseFloat(document.getElementById('monthly-traffic').value) || 0;
var rate = parseFloat(document.getElementById('conv-rate').value) || 0;
var value = parseFloat(document.getElementById('avg-value').value) || 0;
var conversions = traffic * (rate / 100);
var monthlyRev = conversions * value;
var annualRev = monthlyRev * 12;
document.getElementById('res-conversions').innerText = conversions.toLocaleString(undefined, {maximumFractionDigits: 2});
document.getElementById('res-revenue').innerText = '$' + monthlyRev.toLocaleString(undefined, {minimumFractionDigits: 2, maximumFractionDigits: 2});
document.getElementById('res-annual').innerText = '$' + annualRev.toLocaleString(undefined, {minimumFractionDigits: 2, maximumFractionDigits: 2});
document.getElementById('seo-roi-result').style.display = 'block';
}
SEO ROI Potential Calculator
Estimate the value of organic traffic growth for your business.
Estimated Monthly Leads/Sales:
0
Estimated Monthly Revenue:
$0.00
Estimated Annual Value:
$0.00