// Main app — renders nav + hero (variant A or B) + sections

const App = () => {
  const [tick, setTick] = React.useState(0);
  React.useEffect(() => {
    window.__rerender = () => setTick(t => t + 1);
    return () => { window.__rerender = null; };
  }, []);

  const heroVariant = window.__TWEAKS__.hero || 'A';

  return (
    <div>
      <Nav />
      {heroVariant === 'A' ? <HeroA /> : <HeroB />}
      <WhenToSell />
      <HowItWorks />
      {/* <Team /> */}
      {/* <Guide /> */}
      <FAQ />
      <FinalCTA />
      <Footer />
    </div>
  );
};

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