// DEMIURGE — PRESS (/press)
// Only verified company info. No fabricated mentions, awards, customers,
// investors, quotes, or partnerships. COVERAGE stays empty until real.
const COVERAGE = []; // { outlet, title, url, date } — add only verified coverage.

const PALETTE = [
  ['Void', '#03040C'], ['Parchment', '#F5F1E6'], ['Brass', '#C9A674'],
  ['Cyan', '#4BE8FF'], ['Violet', '#8B6BFF']
];

const Press = () => {
  const S = window.SITE || {};
  const boilerplate = `${S.legalName || 'Demiurge Systems Ltd'} deploys autonomous digital "operators" that carry real operational work for businesses — answering calls, booking meetings, chasing leads, and running back-office workflows — with human oversight built in. The company builds production-capable systems rather than demonstrations, and holds itself to security, privacy, accessibility, and maintainability standards on everything it ships.`;
  return (
    <React.Fragment>
      <a href="#main" className="lp-skip">Skip to content</a>
      <div className="lp-starfield" aria-hidden="true"></div>
      <div className="lp-vignette" aria-hidden="true"></div>
      <SiteNav/>
      <main id="main" className="page-wrap">
        <section className="page-hero">
          <div className="lp">
            <div className="lp-eyebrow">/ Press</div>
            <h1 className="page-h1">Press &amp; media</h1>
            <p className="page-lede">
              Verified company information, boilerplate, and brand basics for journalists and partners.
              For interviews, quotes, or additional assets, use the press contact below.
            </p>
          </div>
        </section>
        <section className="page-body">
          <div className="lp">
            <div className="prose" style={{maxWidth: 820}}>
              <h2>At a glance</h2>
              <ul>
                <li><strong>Legal name:</strong> {S.legalName || 'Demiurge Systems Ltd'}</li>
                <li><strong>Company number:</strong> {S.companyNumber || '17109558'} ({S.registration || 'Registered in England'})</li>
                <li><strong>What we do:</strong> Deploy autonomous operator systems with human oversight.</li>
                <li><strong>Website:</strong> <a href="/">demiurge.systems</a></li>
              </ul>

              <h2>Boilerplate</h2>
              <p><strong>Short.</strong> Demiurge Systems deploys autonomous digital operators that do real operational work — with a human holding the wheel.</p>
              <p><strong>Standard.</strong> {boilerplate}</p>

              <h2>Brand basics</h2>
              <p>Our mark and wordmark, and the core palette below, may be used in coverage of Demiurge Systems. Please don’t alter the mark’s proportions or recolour it. High-resolution assets are available from the press contact.</p>
              <div style={{display: 'flex', alignItems: 'center', gap: 18, margin: '10px 0 18px'}}>
                <SiteBrand href="/"/>
              </div>
              <div className="card-grid" style={{gridTemplateColumns: 'repeat(auto-fill,minmax(140px,1fr))'}}>
                {PALETTE.map(([name, hex]) => (
                  <div key={hex} className="card" style={{gap: 8}}>
                    <div style={{height: 44, borderRadius: 4, background: hex, border: '1px solid rgba(255,255,255,0.12)'}}/>
                    <div style={{color: '#f5f1e6', fontSize: 13, fontWeight: 600}}>{name}</div>
                    <div style={{fontFamily: 'Geist Mono', fontSize: 12, color: '#8388a8'}}>{hex}</div>
                  </div>
                ))}
              </div>

              <h2>Coverage</h2>
              {COVERAGE.length === 0 ? (
                <div className="note">We don’t have press coverage to list yet. We will only publish verified mentions here — no invented logos or quotes.</div>
              ) : (
                <ul>{COVERAGE.map(c => <li key={c.url}><a href={c.url}>{c.outlet}</a> — {c.title} ({c.date})</li>)}</ul>
              )}

              <h2>Press contact</h2>
              <p>Media enquiries: <a href={`mailto:${S.pressEmail || 'ops@demiurge.systems'}`}>{S.pressEmail || 'ops@demiurge.systems'}</a>, or use the <a href="/contact?intent=press&source=press">contact form</a> and select a press enquiry. We respond to journalists promptly.</p>
            </div>
          </div>
        </section>
      </main>
      <SiteFooter/>
    </React.Fragment>
  );
};
ReactDOM.createRoot(document.getElementById('root')).render(<Press/>);