// Vested Equity landing - root app.
// Accent (electric blue) and design tokens live in styles.css :root.

const App = () => {
  const path = (typeof window !== 'undefined' ? window.location.pathname : '/').replace(/\/$/, '');
  if (path === '/thanks') {
    return (
      <div className="page">
        <Nav />
        <Thanks />
        <Footer />
      </div>
    );
  }
  if (path === '/employers') {
    return (
      <div className="page">
        <Employers />
        <Footer />
      </div>
    );
  }
  return (
    <div className="page">
      <Nav />
      <Hero />
      <Problem />
      <TenderCompare />
      <HowItWorks />
      <UseCases />
      <Eligibility />
      <FAQ />
      <FinalCTA />
      <Footer />
    </div>
  );
};

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