const { Link: Link_ct } = ReactRouterDOM;

function Contact() {
  useSEO({
    title: 'Contact Cyrion AI | Talk to Our Team',
    description: 'Get in touch with Cyrion AI — schedule an engagement, ask a security question, or talk to sales.',
    path: '/contact',
  });
  return (
    <div data-screen-label="contact">
      <section className="page-hero" style={{ paddingBottom: 40 }}>
        <div className="page">
          <div className="breadcrumb" style={{ marginBottom: 20 }}><Link_ct to="/">Home</Link_ct><span>/</span><span className="ink">Contact</span></div>
          <div className="eyebrow" style={{ marginBottom: 18 }}><span className="dot" />Contact</div>
          <h1 className="h1" style={{ maxWidth: 760 }}>Talk to the team.</h1>
          <p className="body-lg" style={{ maxWidth: 620, marginTop: 22 }}>Questions about an engagement, pricing, or security posture — this reaches the same team, directly.</p>
        </div>
      </section>

      <section className="section" style={{ paddingTop: 40 }}>
        <div className="page contact-grid">
          <div>
            <div className="bracket">DIRECT LINES</div>
            <div className="col" style={{ gap: 18, marginTop: 24 }}>
              <div><div className="h3" style={{ fontSize: 16 }}>General &amp; sales</div><a href="mailto:contact@cyrion.ai" className="body" style={{ color: 'var(--accent)' }}>contact@cyrion.ai</a></div>
              <div><div className="h3" style={{ fontSize: 16 }}>Security &amp; compliance</div><a href="mailto:security@cyrion.ai" className="body" style={{ color: 'var(--accent)' }}>security@cyrion.ai</a></div>
              <div><div className="h3" style={{ fontSize: 16 }}>Careers</div><Link_ct to="/careers" className="body" style={{ color: 'var(--accent)' }}>View open roles →</Link_ct></div>
            </div>
            <p className="dim" style={{ marginTop: 28, fontSize: 12 }}>Mutual NDA executed before any technical exchange. We respond within one business day.</p>
          </div>
          <ContactForm submitLabel="Send message →" />
        </div>
      </section>
    </div>
  );
}

Object.assign(window, { Contact });