function App() {
  const [screen, setScreen] = React.useState('Home');
  const go = (s) => { const t = s === 'Contact' ? 'Book' : s; setScreen(t); window.scrollTo({ top: 0 }); };
  const current = screen === 'Book' ? 'Contact' : screen;
  let View = window.RNRHome;
  if (screen === 'Services') View = window.RNRServices;
  else if (screen === 'Projects') View = window.RNRProjects;
  else if (screen === 'Reviews') View = window.RNRReviews;
  else if (screen === 'Book') View = window.RNRBooking;
  return (
    <div style={{ fontFamily: 'var(--font-body)', background: 'var(--paper)', minHeight: '100vh' }}>
      {window.RNRNav({ current, go })}
      <View go={go} />
      {window.RNRFooter({ go })}
    </div>
  );
}
ReactDOM.createRoot(document.getElementById('root')).render(<App />);