// Mount the app
const root = ReactDOM.createRoot(document.getElementById('stage'));

function DesktopApp(){
  return (
    <div style={{position:'relative', width:1920, minHeight:9550, background:'#000'}}>
      <Header />
      <Hero />
      <FeaturesSection />
      <HubSection />
      <RolesSection />
      <ModulesSection />
      <VolumeSection />
      <TestimonialsSection />
      <ContactSection />
      <Footer />
      <TarjaGrowth />
    </div>
  );
}

function MobileApp(){
  return (
    <div style={{width:'100%', background:'#000', paddingTop:60}}>
      <HeaderMobile />
      <HeroMobile />
      <FXTickerMobile />
      <FeaturesMobile />
      <HubMobile />
      <RolesMobile />
      <ModulesMobile />
      <VolumeMobile />
      <TestimonialsMobile />
      <ContactMobile />
      <FooterMobile />
      <TarjaGrowthMobile />
    </div>
  );
}

function App(){
  const { isDesktop } = useVW();
  return isDesktop ? <DesktopApp /> : <MobileApp />;
}

root.render(<App/>);