// App composition

const App = () => {
  const [lang, setLang] = React.useState('en');
  return (
    <LangCtx.Provider value={{ lang, setLang }}>
      <Nav />
      <main>
        <Hero />
        <TrustStrip />
        <WhoWeAre />
        <ForOwners />
        <Transparency />
        <Zones />
        <ForGuests />
        <Values />
        <Testimonials />
        <WhatsAppCTA />
        <FinalCTA />
      </main>
      <Footer />
    </LangCtx.Provider>
  );
};

ReactDOM.createRoot(document.getElementById('root')).render(<App />);