// faq.jsx — FAQ page.

function FaqPage() {
  const { t, setTweak, dark, toggleDark } = usePage();

  return (
    <>
      <Nav dark={dark} onToggleDark={toggleDark} active="faq" />

      <header className="catalog-hero wrap">
        <div className="eyebrow">FAQ</div>
        <h1>Questions,<br />honestly answered.</h1>
        <p className="lead" style={{ marginTop: 18 }}>
          How the courses, the daily streak, and the free plan actually work.
          Still stuck? Email us and a real person will reply.
        </p>
      </header>

      <FAQ />
      <Footer />
      <SiteTweaks t={t} setTweak={setTweak} />
    </>
  );
}

ReactDOM.createRoot(document.getElementById('root')).render(<FaqPage />);