/* J&S FRG website — single-page composition + scroll nav. */

function App() {
  const go = (target) => {
    const id = target === 'home' ? 'home' : target;
    const el = document.getElementById(id);
    if (el) {
      const y = el.getBoundingClientRect().top + window.pageYOffset - 70;
      window.scrollTo({ top: Math.max(0, y), behavior: 'smooth' });
    }
  };
  return (
    <div id="top" style={{ background: FRG.bg, color: FRG.text, minHeight: '100vh' }}>
      <Nav go={go} />
      <Hero go={go} />
      <PressStrip />
      {/* <WhyBento /> — hidden */}
      <WhatWeDeliver />
      <ProvenResults go={go} />
      <Pricing go={go} />
      <TrustedBy />
      <TrustedGrid />
      {/* <SneakPeek go={go} /> — hidden until walkthrough video is captured */}
      <FAQ />
      <FinalCTA go={go} />
      <Footer />
    </div>
  );
}

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