// Root app — orchestrates loading screen + sections
const { useState: useStateA } = React;

function App() {
  const [isLoading, setIsLoading] = useStateA(true);

  return (
    <>
      {isLoading && <LoadingScreen onComplete={() => setIsLoading(false)} />}
      <main>
        <Hero />
        <SelectedWorks />
       <ServicesCarouselSection />
        <Explorations />
        <Stats />
        <Contact />
      </main>
    </>
  );
}

const root = ReactDOM.createRoot(document.getElementById("app"));
root.render(<App />);