function Hero({ accent }) { const [phase, setPhase] = React.useState(0); React.useEffect(() => { const t1 = setTimeout(() => setPhase(1), 200); const t2 = setTimeout(() => setPhase(2), 900); return () => { clearTimeout(t1); clearTimeout(t2); }; }, []); return (
= 1 ? 1 : 0, transform: phase >= 1 ? 'translateY(0)' : 'translateY(30px)', transition: 'all 1s cubic-bezier(.2,.7,.2,1)', boxShadow: '0 40px 100px -40px rgba(20,19,15,0.25)', }}> Modern interieur
{/* Top brand mark removed — nav handles it */}

= 2 ? 1 : 0, transform: phase >= 2 ? 'translateY(0)' : 'translateY(20px)', transition: 'all 1.2s cubic-bezier(.2,.7,.2,1) .1s', }}> Uw interieur, van ontwerp tot oplevering.

= 2 ? 1 : 0, transform: phase >= 2 ? 'translateY(0)' : 'translateY(20px)', transition: 'all 1.2s cubic-bezier(.2,.7,.2,1) .25s', }}> Bij Assos Groep krijgt u meer dan een leverancier — u krijgt een partner die met u meedenkt. Van keukens en badkamers tot complete interieurbouw, alles in eigen beheer.

= 2 ? 1 : 0, transform: phase >= 2 ? 'translateY(0)' : 'translateY(20px)', transition: 'all 1.2s cubic-bezier(.2,.7,.2,1) .4s', }}> Ontdek onze bedrijven ↗ Offerte aanvragen
{/* Scroll indicator below */}
= 2 ? 0.6 : 0, transition: 'opacity 1s ease 1s', }}> Scroll
); } window.Hero = Hero;