// Communiqué — Anonymous Tipping & Whistleblowing page

const WhistleblowingPage = () => (
  <div className="app">
    <Nav onMember={() => {}}/>
    <TopRibbon/>
    <ThemeToggle/>
    <main>
      <div className="container">
        <div className="page-hero">
          <div className="eyebrow">Confidential</div>
          <h1>Anonymous Tipping &amp; Whistleblowing</h1>
          <p className="subtitle">We protect our sources. No metadata stored. No exceptions.</p>
        </div>

        <div className="about-section">
          <h2>How to Contact Us Securely</h2>
          <p>For secure contact, we recommend using our PGP-encrypted email channel. Do not use regular unencrypted email for sensitive information — even if the content seems innocuous, metadata (sender, timing, headers) can be revealing.</p>
          <p><strong>PGP Key:</strong> <span style={{fontFamily:'var(--mono)', color:'var(--muted)'}}>[PGP fingerprint to be published at launch]</span></p>
          <p><strong>Encrypted email:</strong> <span style={{fontFamily:'var(--mono)', color:'var(--muted)'}}>tips@communique.media (ProtonMail — details at launch)</span></p>
          <p>We are working to establish a SecureDrop instance. Details will be published here at launch.</p>
        </div>

        <div className="about-section">
          <h2>What We Can Accept</h2>
          <p>We welcome tips, documents, and evidence relating to:</p>
          <ul style={{paddingLeft:'20px', lineHeight:'1.9', color:'var(--parchment)', fontSize:'17px', maxWidth:'680px'}}>
            <li>Malpractice and violations of international law</li>
            <li>Weapons supply chains and arms transit</li>
            <li>Surveillance procurement and data infrastructure</li>
            <li>Dangerous working conditions in logistics and defence-adjacent industries</li>
            <li>Conflicts of interest in public institutions and procurement</li>
          </ul>
        </div>

        <div className="about-section">
          <h2>Source Protection</h2>
          <p>We are committed to the absolute protection of our sources. We do not store metadata, do not log IP addresses, and will never disclose a source's identity without explicit consent. All incoming tips are reviewed by a small editorial team with strict internal access controls.</p>
          <p>If you are sharing sensitive documents, we recommend using a device and network not associated with your identity or employer. Public library Wi-Fi, Tor Browser, or an air-gapped device are all appropriate options depending on your threat level.</p>
        </div>

        <div className="about-section">
          <h2>Legal Protections</h2>
          <p>Belgium has enacted the EU Whistleblower Protection Directive into national law, providing legal protections for persons who report violations of EU law in professional contexts. If you believe you may face retaliation for sharing information, we strongly recommend seeking independent legal advice.</p>
          <p>Communiqué has access to legal advisory support and can, in some cases, help connect sources with appropriate legal resources. Contact us via encrypted channel to discuss.</p>
        </div>
      </div>
    </main>
    <Footer/>
  </div>
);

Object.assign(window, { WhistleblowingPage });