// Pricing page entry. Reuses Nav + Footer from sections.jsx.

function PricingApp() {
  const [billing, setBilling] = React.useState("monthly");

  return (
    <div className="page">
      <Nav />
      <main>
        <PricingHero billing={billing} setBilling={setBilling} />
        <PlanCards billing={billing} />
        <Pledge />
        <Comparison />
        <FAQ />
        <PricingFinalCTA />
      </main>
      <Footer />
    </div>
  );
}

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