🏨 ${room.text.split('—')[0].trim()}
📅 ${nights} night${nights !== 1 ? 's' : ''}
Total: €${total}
`;
}
}
}
if (roomSelect) roomSelect.addEventListener('change', updateSummary);
if (checkinField) checkinField.addEventListener('change', updateSummary);
if (checkoutField) checkoutField.addEventListener('change', updateSummary);
// ==================== PAGE LOAD ANIMATION ====================
document.addEventListener('DOMContentLoaded', () => {
document.body.style.opacity = '0';
document.body.style.transition = 'opacity 0.5s ease';
requestAnimationFrame(() => {
document.body.style.opacity = '1';
});
});
// ==================== HERO HEADLINE ANIMATION ====================
const heroLines = document.querySelectorAll('.hero-title .line-1, .hero-title .line-2');
heroLines.forEach((line, i) => {
line.style.opacity = '0';
line.style.transform = 'translateY(30px)';
line.style.transition = `opacity 0.8s ease ${0.3 + i * 0.2}s, transform 0.8s ease ${0.3 + i * 0.2}s`;
requestAnimationFrame(() => {
setTimeout(() => {
line.style.opacity = '1';
line.style.transform = 'translateY(0)';
}, 100);
});
});
const heroBadge = document.querySelector('.hero-badge');
const heroSubtitle = document.querySelector('.hero-subtitle');
const heroActions = document.querySelector('.hero-actions');
const heroStats = document.querySelector('.hero-stats');
[heroBadge, heroSubtitle, heroActions, heroStats].forEach((el, i) => {
if (!el) return;
el.style.opacity = '0';
el.style.transform = 'translateY(20px)';
el.style.transition = `opacity 0.7s ease ${0.2 + i * 0.15}s, transform 0.7s ease ${0.2 + i * 0.15}s`;
setTimeout(() => {
el.style.opacity = '1';
el.style.transform = 'translateY(0)';
}, 200 + i * 150);
});