/* GNBS prototype v2026.04.30 — app */
(function () {
  const { useState } = React;

  function App() {
    const [currentPage, setCurrentPage] = useState('home');

    const navigate = (page) => {
      setCurrentPage(page);
      window.scrollTo({ top: 0, behavior: 'instant' });
    };

    const renderPage = () => {
      switch (currentPage) {
        case 'home':
          return React.createElement(window.GNBSHome, { onNavigate: navigate });
        case 'company':
          return React.createElement(window.GNBSCompany, { onNavigate: navigate });
        case 'brand-bestrong373':
          return React.createElement(window.GNBSBrand, { brand: 'bestrong373', onNavigate: navigate });
        case 'brand-micro-miracle':
          return React.createElement(window.GNBSBrand, { brand: 'micro-miracle', onNavigate: navigate });
        case 'culture':
          return React.createElement(window.GNBSCulture, { onNavigate: navigate });
        case 'jobs':
          return React.createElement(window.GNBSJobs, { onNavigate: navigate });
        default:
          return React.createElement(window.GNBSHome, { onNavigate: navigate });
      }
    };

    return (
      <div>
        <GNBSHeader currentPage={currentPage} onNavigate={navigate} />
        {renderPage()}
        <GNBSFooter onNavigate={navigate} />
      </div>
    );
  }

  const root = ReactDOM.createRoot(document.getElementById('root'));
  root.render(React.createElement(App));
})();