// DSS Industria — Main App
const { useState, useEffect } = React;
// Destructure all components from window (set by preceding scripts)
const {
ProductModal, DSSNav, DSSHero, DSSApproach,
DSSProductsIndustri, DSSProductsHealthcare,
DSSCapabilities, DSSHowItWorks,
DSSPricing, DSSAbout,
DSSCtaFinal, DSSFooter,
} = window;
function App() {
const [activeModal, setActiveModal] = useState(null);
// Expose modal opener globally so child components can call it
useEffect(() => {
window.__dssOpenModal = (product) => setActiveModal(product);
window.__dssCloseModal = () => setActiveModal(null);
}, []);
// Global reveal-on-scroll observer
useEffect(() => {
const obs = new IntersectionObserver((entries) => {
entries.forEach(e => { if (e.isIntersecting) e.target.classList.add('visible'); });
}, { threshold: 0.1, rootMargin: '0px 0px -40px 0px' });
const scan = () => {
document.querySelectorAll('.reveal:not(.visible)').forEach(el => obs.observe(el));
};
scan();
const t = setInterval(scan, 300);
return () => { obs.disconnect(); clearInterval(t); };
}, []);
return (
<>
{/* Floating WhatsApp */}
WhatsApp
{/* Modal */}
{activeModal && (
setActiveModal(null)} />
)}
);
}
ReactDOM.createRoot(document.getElementById('root')).render();