// page-faq.jsx — full FAQ
function FAQPage() {
  return (
    <Page active="faq">
      <PageHead variant="warm" eyebrow="Good questions"
        title="Frequently asked questions"
        lead="Everything you might want to know before joining." />

      <FAQ items={phFaqsFull} warm={false} showHead={false} />

      <section className="ph-section is-warm">
        <div className="ph-container">
          <div className="ph-callout">
            <div className="ph-callout-ic"><Icon name="message" size={26} color="#1E364E" /></div>
            <div>
              <h3>Still have a question?</h3>
              <p>We’re happy to talk it through. No pressure, no paperwork.
                <a href="contact.html" style={{ fontWeight: 700, marginLeft: 6 }}>Get in touch →</a></p>
            </div>
          </div>
        </div>
      </section>

      <CTABand />
    </Page>
  );
}
renderApp(<FAQPage />);