function App(){
  const [tab,setTab]=React.useState('The Opportunity');
  const jump=t=>{setTab(t);const id={'The Opportunity':'opportunity','Social':'social','Why SSN':'why','Reach & Data':'reach'}[t];
    const el=document.getElementById(id); if(el) window.scrollTo({top:el.offsetTop-70,behavior:'smooth'});};
  const toForm=()=>{const el=document.getElementById('enquiry'); if(el) window.scrollTo({top:el.offsetTop-70,behavior:'smooth'});};
  return <React.Fragment>
    <AdvertiserHeader tab={tab} onTab={jump} onContact={toForm}/>
    <AdvertiserHero onContact={toForm}/>
    <Opportunity/>
    <SocialMedia/>
    <BeyondReach/>
    <Scale/>
    <WhySSN/>
    <AdvertiserClosingCTA/>
    <AdvertiserFooter/>
  </React.Fragment>;
}
ReactDOM.createRoot(document.getElementById('root')).render(<App/>);