// app.jsx — root app, nova estrutura CRO
function FloatWA() {
return (
);
}
function App() {
return (
{/* 1. Hero: dor + solução + CTA imediato */}
{/* 2. Marquee: credibilidade em movimento */}
{/* 3. Identificação: "você se identifica?" */}
{/* 4. Oferta clara */}
{/* 5. Urgência */}
{/* 5. Como funciona: 3 passos */}
{/* 6. Sobre / autoridade */}
{/* 7. Depoimentos reais */}
{/* 8. Quebra de objeções */}
{/* 9. Serviços */}
{/* 10. FAQ */}
{/* 11. CTA final */}
);
}
// Scroll reveal
function initReveal() {
const obs = new IntersectionObserver((entries) => {
entries.forEach(e => { if (e.isIntersecting) e.target.classList.add('visible'); });
}, { threshold: 0.08 });
document.querySelectorAll('.reveal, .reveal-left, .reveal-right').forEach(el => obs.observe(el));
}
// Tweaks toggle
window.addEventListener('message', e => {
const panel = document.getElementById('tweaks-panel');
if (!panel) return;
if (e.data?.type === '__activate_edit_mode') panel.style.display = 'block';
if (e.data?.type === '__deactivate_edit_mode') panel.style.display = 'none';
});
window.parent.postMessage({ type: '__edit_mode_available' }, '*');
// Meta Pixel WA tracking
document.addEventListener('click', e => {
const waBtn = e.target.closest('a[href*="wa.me"]');
if (waBtn && typeof fbq !== 'undefined') {
fbq('track', 'Lead', { content_name: 'WhatsApp CTA', content_category: 'Fisioterapia Domiciliar' });
}
});
// Hamburger menu
document.addEventListener('click', e => {
const ham = e.target.closest('.hamburger');
const links = document.querySelector('.nav-links');
if (ham && links) {
const isOpen = links.style.display === 'flex';
links.style.cssText = isOpen ? '' : 'display:flex;flex-direction:column;position:absolute;top:72px;left:0;right:0;background:white;padding:16px 5%;box-shadow:0 8px 30px rgba(0,0,0,0.08);z-index:199;';
} else if (!e.target.closest('nav')) {
const l = document.querySelector('.nav-links');
if (l) l.style.cssText = '';
}
});
// Mobile grid fixes
const mobileCSS = `
@media (max-width: 768px) {
.pains-grid { grid-template-columns: 1fr !important; }
.steps-3-grid { grid-template-columns: 1fr !important; }
.about-grid { grid-template-columns: 1fr !important; gap: 36px !important; }
.thesis-photos-grid { grid-template-columns: 1fr !important; }
.thesis-photos-grid > div:last-child { margin-top: 0 !important; }
.testimonial-main { grid-template-columns: 1fr !important; }
.urgency-inner { flex-direction: column !important; }
.urgency-inner a { width: 100% !important; justify-content: center !important; }
.offer-grid { grid-template-columns: 1fr !important; }
}
`;
const styleEl = document.createElement('style');
styleEl.textContent = mobileCSS;
document.head.appendChild(styleEl);
const root = ReactDOM.createRoot(document.getElementById('root'));
root.render(React.createElement(App));
setTimeout(initReveal, 400);