/* ============================================================
   Services page root
   ============================================================ */

const ServiceApp = () => {
  const [quoteOpen, setQuoteOpen] = useState(false);
  const openQuote = () => setQuoteOpen(true);
  const closeQuote = () => setQuoteOpen(false);
  return (
    <>
      <Nav onQuote={openQuote} active="Service" />
      <ServiceHero />
      <Marquee />
      {SERVICES.map((s) => <ServiceBlock key={s.anchor} data={s} onQuote={openQuote} />)}
      <ServicesCTA onQuote={openQuote} />
      <Footer onQuote={openQuote} />
      <QuoteModal open={quoteOpen} onClose={closeQuote} />
    </>
  );
};

ReactDOM.createRoot(document.getElementById("root")).render(<ServiceApp />);
