/* App composer for Monte seu Computador Sob Medida */
function MSApp() {
  useReveal();
  useParallax();

  const footerProps = {
    blurb: "Montagem de computador sob medida em Maringá–PR, com orientação técnica do início ao fim.",
    badge: "Computadores · Monte Sob Medida",
    navLinks: MS_FOOTER_NAV,
    homeHref: "index.html"
  };

  return (
    <React.Fragment>
      <Header nav={MS_NAV} homeHref="index.html"/>
      <main>
        <Breadcrumb items={[
          { label: 'Início', href: 'index.html' },
          { label: 'Computadores Gamer e Profissionais', href: 'computadores-gamer-profissionais.html' },
          { label: 'Monte seu Computador Sob Medida' }
        ]}/>
        <MSHero/>
        <MSPassoAPasso/>
        <MSAntesDeMontar/>
        <MSFAQ/>
        <MSCTAFinal/>
      </main>
      <Footer {...footerProps}/>
      <WhatsFloat/>
    </React.Fragment>
  );
}

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