// Public entry for the $99 funnel — renders LandingFunnel full-bleed.
// Mirrors landing-business-public.jsx so both pages resize the same way.

const { useState: useStateFP, useEffect: useEffectFP } = React;

function PublicFunnelLanding() {
  const [width, setWidth] = useStateFP(typeof window !== 'undefined' ? window.innerWidth : 1280);
  useEffectFP(() => {
    const onResize = () => setWidth(window.innerWidth);
    window.addEventListener('resize', onResize);
    return () => window.removeEventListener('resize', onResize);
  }, []);

  const renderWidth = width < 600 ? 390 : 1280;

  return (
    <div style={{ width: '100%', minHeight: '100vh' }}>
      <LandingFunnel width={renderWidth} />
    </div>
  );
}

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