/* global React */
// Closing band on the home page — two full-bleed CTA tiles (Palantir-style).
function ContactCTA() {
  return (
    <section className="cta-tiles" id="contact">
      <div className="page">
        <div style={{ borderTop: '1px solid var(--fg2)', marginBottom: 'var(--space-6)' }} />
        <div className="cta-tiles__grid">
          <a href="/contact" className="cta-tile cta-tile--light">
            <h2 className="cta-tile__title">Request Access</h2>
            <span className="cta-tile__line" aria-hidden="true"></span>
          </a>
          <a href="/contact" className="cta-tile cta-tile--dark" onClick={() => localStorage.setItem('contact_intent', 'demo')}>
            <h2 className="cta-tile__title">Explore the Demo</h2>
            <span className="cta-tile__line" aria-hidden="true"></span>
          </a>
        </div>
        <div style={{ borderTop: '1px solid var(--fg2)', marginTop: 'var(--space-6)' }} />
      </div>
    </section>
  );
}

window.ContactCTA = ContactCTA;