// Communiqué — FAQ & Contact page

const FaqPage = () => (
  <div className="app">
    <Nav onMember={() => {}}/>
    <TopRibbon/>
    <ThemeToggle/>
    <main>
      <div className="container">
        <div className="page-hero">
          <div className="eyebrow">Get Involved</div>
          <h1>FAQ &amp; Contact</h1>
        </div>

        <div className="faq-block">
          <h2>General Questions</h2>
          <div className="faq-item">
            <div className="q">What is Communiqué?</div>
            <div className="a">Communiqué is an independent nonprofit investigative media organisation registered in Belgium as an ASBL. We produce critical reporting, research, and resources in the public interest, with a focus on social movements, arms supply chains, and labour solidarity. <a href="about.html">Read more about us →</a></div>
          </div>
          <div className="faq-item">
            <div className="q">How is Communiqué funded?</div>
            <div className="a">Communiqué is funded primarily by supporter contributions. We do not rely on subventions or grants. <a href="funding.html">Read our full funding posture →</a></div>
          </div>
          <div className="faq-item">
            <div className="q">Is Communiqué a registered organisation?</div>
            <div className="a">Yes. Communiqué is registered in Belgium as an ASBL (Association Sans But Lucratif — nonprofit association), governed by Belgian nonprofit law.</div>
          </div>
          <div className="faq-item">
            <div className="q">When does Communiqué launch?</div>
            <div className="a">Communiqué was founded in summer 2025 and is launching in summer 2026.</div>
          </div>
        </div>

        <div className="faq-block">
          <h2>Write for Us</h2>
          <div className="faq-item">
            <div className="q">How do I pitch an article?</div>
            <div className="a">Send a pitch of no more than 150 words via email with your working title as the subject line. We are currently unable to offer article fees, but longer-term projects may be eligible for external funding co-support. <a href="careers.html#pitches">Full pitching guidelines →</a></div>
          </div>
        </div>

        <div className="faq-block">
          <h2>Anonymous Tipping</h2>
          <div className="faq-item">
            <div className="q">How do I submit a tip securely?</div>
            <div className="a">We have a secure, confidential channel for whistleblowers and anonymous sources. We do not log metadata and are committed to source protection. <a href="whistleblowing.html">Go to our secure tipping page →</a></div>
          </div>
        </div>

        <div className="faq-block">
          <h2>Donations</h2>
          <div className="faq-item">
            <div className="q">How can I support Communiqué financially?</div>
            <div className="a">The best way to support us is through a recurring monthly donation as a Supporting Member. There is no minimum amount — pay what your situation allows. Supporter contributions are the core of our budget and protect our editorial independence. <a href="Communiqué Homepage.html#membership-anchor">Become a supporting member →</a></div>
          </div>
        </div>

        <div className="faq-block" id="contact">
          <h2>Contact</h2>
          <div className="faq-item">
            <div className="q">General press &amp; editorial enquiries</div>
            <div className="a"><a href="mailto:press@communique.media">press@communique.media</a><br/>We aim to respond to all enquiries within 5 working days.</div>
          </div>
          <div className="faq-item">
            <div className="q">Secure &amp; anonymous contact</div>
            <div className="a">For sensitive tip-offs, use our <a href="whistleblowing.html">anonymous tipping page</a>, which includes PGP key information and secure messaging options.</div>
          </div>
        </div>
      </div>
    </main>
    <Footer/>
  </div>
);

Object.assign(window, { FaqPage });