${Array(t.rating).fill('').join('')}
"${t.content}"
${t.name}
${t.role}, ${t.company}
`).join('');
if (typeof feather !== 'undefined') {
feather.replace();
}
}
// Setup quote calculator
function setupQuoteCalculator() {
const form = document.getElementById('quote-form');
const result = document.getElementById('quote-result');
const priceEl = document.getElementById('quote-price');
if (!form) return;
form.addEventListener('submit', function(e) {
e.preventDefault();
const type = document.getElementById('pallet-type').value;
const quantity = parseInt(document.getElementById('quantity').value) || 1;
const location = document.getElementById('location').value;
const basePrice = pricing[type].base;
const locationMult = locationMultipliers[location];
const volumeDiscount = quantity >= 500 ? 0.85 : quantity >= 100 ? 0.9 : 1;
const total = basePrice * quantity * locationMult * volumeDiscount;
priceEl.textContent = ' + total.toLocaleString('en-US', { minimumFractionDigits: 2, maximumFractionDigits: 2 });
result.classList.remove('hidden');
// Animate the price
animateValue(priceEl, 0, total, 500);
});
}
// Animate number value
function animateValue(element, start, end, duration) {
const range = end - start;
const increment = end > start ? 1 : -1;
const stepTime = Math.abs(Math.floor(duration / (range / 100)));
let current = start;
const timer = setInterval(() => {
current += range / 20;
if ((increment > 0 && current >= end) || (increment < 0 && current <= end)) {
current = end;
clearInterval(timer);
}
element.textContent = ' + current.toLocaleString('en-US', { minimumFractionDigits: 2, maximumFractionDigits: 2 });
}, stepTime);
}
// Submit quote request
function submitQuote() {
const type = document.getElementById('pallet-type').value;
const quantity = document.getElementById('quantity').value;
// Store in sessionStorage for contact form
sessionStorage.setItem('quoteType', type);
sessionStorage.setItem('quoteQuantity', quantity);
window.location.href = 'contact.html?subject=quote';
}
// Setup product filters
function setupProductFilters() {
const buttons = document.querySelectorAll('.filter-btn');
const cards = document.querySelectorAll('[data-category]');
if (!buttons.length) return;
buttons.forEach(btn => {
btn.addEventListener('click', () => {
// Update active state
buttons.forEach(b => {
b.classList.remove('active', 'bg-primary-600', 'text-white');
b.classList.add('bg-white', 'dark:bg-wood-800');
});
btn.classList.add('active', 'bg-primary-600', 'text-white');
btn.classList.remove('bg-white', 'dark:bg-wood-800');
// Filter cards
const filter = btn.dataset.filter;
cards.forEach(card => {
if (filter === 'all' || card.dataset.category === filter) {
card.style.display = 'block';
card.classList.add('animate-scale-in');
} else {
card.style.display = 'none';
}
});
});
});
}
// Setup forms
function setupForms() {
// Contact form
const contactForm = document.getElementById('contact-form');
if (contactForm) {
// Pre-fill if coming from quote
const urlParams = new URLSearchParams(window.location.search);
const subject = urlParams.get('subject');
if (subject === 'quote') {
const subjectSelect = contactForm.querySelector('select');
if (subjectSelect) subjectSelect.value = 'Request Quote';
}
contactForm.addEventListener('submit', function(e) {
e.preventDefault();
showToast('Message sent successfully! We\'ll get back to you within 2 hours.');
this.reset();
});
}
// B2B form
const b2bForm = document.getElementById('b2b-form');
if (b2bForm) {
b2bForm.addEventListener('submit', function(e) {
e.preventDefault();
showToast('Consultation request submitted! Our B2B team will contact you shortly.');
this.reset();
});
}
}
// Show toast notification
function showToast(message) {
// Remove existing toast
const existing = document.querySelector('.toast');
if (existing) existing.remove();
const toast = document.createElement('div');
toast.className = 'toast';
toast.innerHTML = `