SmartHome Pro – Automação Residencial
https://cdn.tailwindcss.com

@import url(‘https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap’);
body { font-family: ‘Inter’, sans-serif; }

.gradient-bg {
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
}

.card-hover {
transition: all 0.3s ease;
}

.card-hover:hover {
transform: translateY(-8px);
box-shadow: 0 20px 40px rgba(0,0,0,0.1);
}

.fade-in {
opacity: 0;
transform: translateY(30px);
transition: all 0.6s ease;
}

.fade-in.visible {
opacity: 1;
transform: translateY(0);
}

.pulse-animation {
animation: pulse 2s infinite;
}

@keyframes pulse {
0%, 100% { opacity: 1; }
50% { opacity: 0.7; }
}

// Mobile menu toggle
document.getElementById(‘menu-toggle’).addEventListener(‘click’, function() {
const mobileMenu = document.getElementById(‘mobile-menu’);
mobileMenu.classList.toggle(‘hidden’);
});

// Smooth scrolling
function scrollToSection(sectionId) {
document.getElementById(sectionId).scrollIntoView({
behavior: ‘smooth’
});
}

// Add smooth scrolling to all navigation links
document.querySelectorAll(‘a[href^=”#”]’).forEach(anchor => {
anchor.addEventListener(‘click’, function (e) {
e.preventDefault();
const target = document.querySelector(this.getAttribute(‘href’));
if (target) {
target.scrollIntoView({
behavior: ‘smooth’,
block: ‘start’
});
}
});
});

// Fade in animation on scroll
const observerOptions = {
threshold: 0.1,
rootMargin: ‘0px 0px -50px 0px’
};

const observer = new IntersectionObserver(function(entries) {
entries.forEach(entry => {
if (entry.isIntersecting) {
entry.target.classList.add(‘visible’);
}
});
}, observerOptions);

document.querySelectorAll(‘.fade-in’).forEach(el => {
observer.observe(el);
});

// Form submission
document.getElementById(‘contact-form’).addEventListener(‘submit’, function(e) {
e.preventDefault();

// Simulate form submission
const button = this.querySelector(‘button[type=”submit”]’);
const originalText = button.textContent;

button.textContent = ‘Enviando…’;
button.disabled = true;

setTimeout(() => {
button.textContent = ‘Mensagem Enviada!’;
button.classList.remove(‘bg-blue-600’, ‘hover:bg-blue-700’);
button.classList.add(‘bg-green-600’);

setTimeout(() => {
button.textContent = originalText;
button.disabled = false;
button.classList.remove(‘bg-green-600’);
button.classList.add(‘bg-blue-600’, ‘hover:bg-blue-700’);
this.reset();
}, 2000);
}, 1500);
});

// Product purchase buttons
document.querySelectorAll(‘button:contains(“Comprar”)’).forEach(button => {
if (button.textContent.includes(‘Comprar’)) {
button.addEventListener(‘click’, function() {
const productName = this.closest(‘.card-hover’).querySelector(‘h3’).textContent;
const originalText = this.textContent;

this.textContent = ‘Adicionado!’;
this.disabled = true;

setTimeout(() => {
this.textContent = originalText;
this.disabled = false;
}, 1500);
});
}
});

(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement(‘script’);d.innerHTML=”window.__CF$cv$params={r:’974c7c1944e9941c’,t:’MTc1NjEzOTUzOS4wMDAwMDA=’};var a=document.createElement(‘script’);a.nonce=”;a.src=’/cdn-cgi/challenge-platform/scripts/jsd/main.js’;document.getElementsByTagName(‘head’)[0].appendChild(a);”;b.getElementsByTagName(‘head’)[0].appendChild(d)}}if(document.body){var a=document.createElement(‘iframe’);a.height=1;a.width=1;a.style.position=’absolute’;a.style.top=0;a.style.left=0;a.style.border=’none’;a.style.visibility=’hidden’;document.body.appendChild(a);if(‘loading’!==document.readyState)c();else if(window.addEventListener)document.addEventListener(‘DOMContentLoaded’,c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);’loading’!==document.readyState&&(document.onreadystatechange=e,c())}}}})();