// Main app — composes all sections
// Components (Nav, Hero, etc.) and hooks (useReveal) are already in the shared
// Babel top-level scope from earlier script files — no destructure needed.

function App() {
  useReveal();
  return (
    <div className="min-h-screen relative" style={{background: 'var(--bg)', color: 'var(--ink)'}}>
      <div className="grain-fixed" aria-hidden="true"></div>
      <Nav />
      <main>
        <Hero />
        <StatBand />
        <Services />
        <SelectedWork />
        <Approach />
        <Consulting />
        <AICapabilities />
        <Manifesto />
        <Industries />
        <WhyCardefi />
        <Stats />
        <Testimonial />
        <CTASection />
        <Contact />
      </main>
      <Footer />
    </div>
  );
}

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