button.classList.add('active');
const target = button.getAttribute('data-target');
document.getElementById(target + '-panel').classList.add('active');
});
});
// Initialize counter animation
const digitContainer = document.getElementById('digitContainer');
if (digitContainer) {
const finalAmount = 5000000;
const startAmount = finalAmount * 0.97;
animateCounter(digitContainer, startAmount, finalAmount);
}
});
function animateCounter(container, start, end) {
let current = start;
const increment = (end - start) / 40;
const timer = setInterval(() => {
current += increment;
if (current >= end) {
current = end;
clearInterval(timer);
}
renderDigits(container, current);
}, 80);
}
function renderDigits(container, num) {
const formatted = num.toLocaleString(undefined, {minimumFractionDigits: 2, maximumFractionDigits: 2});
container.innerHTML = '';
for (let i = 0; i < formatted.length; i++) {
const ch = formatted[i];
const digit = document.createElement('div');
digit.className = /[\d]/.test(ch) ? 'digit number' : 'digit separator';
digit.textContent = ch;
container.appendChild(digit);
}
}