/* ============================================================
   About page root
   ============================================================ */

const AboutApp = () => {
  const [quoteOpen, setQuoteOpen] = useState(false);
  const openQuote = () => setQuoteOpen(true);
  const closeQuote = () => setQuoteOpen(false);
  return (
    <>
      <Nav onQuote={openQuote} active="About Us" />
      <AboutHero onQuote={openQuote} />
      <Marquee />
      <OurStory />
      <VisionMission />
      <Values />
      <WhoWeServe />
      <Partners />
      <AboutCTA onQuote={openQuote} />
      <Footer onQuote={openQuote} />
      <QuoteModal open={quoteOpen} onClose={closeQuote} />
    </>
  );
};

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