/* Acqius® footer + get-in-touch (homepage) */

function GetInTouchHome() {
  const [sent, setSent] = React.useState(false);
  return (
    <section id="contact" className="section" style={{ background: '#fff' }}>
      <div className="container">
        <div className="contact-layout" style={{ marginTop: 0 }}>
          <Reveal>
            <div style={{ background: '#1c3527', color: '#fff', borderRadius: 24, padding: 'clamp(32px, 4vw, 56px)' }}>
              <h2 className="hd hd-xl" style={{ color: '#fff' }}>Get in touch</h2>
              <p style={{ margin: '24px 0 0', fontSize: 17, lineHeight: 1.65, color: 'rgba(255,255,255,0.88)', maxWidth: 480 }}>
                If you would like a no obligation discussion to explore possibilities or even to just sound us out, please get in touch, we'd be delighted to hear from you.
              </p>
              <div style={{ marginTop: 32, display: 'flex', flexDirection: 'column', gap: 8, fontSize: 16 }}>
                <span>Telephone: <a href="tel:+443337723616" style={{ color: '#efa14e', textDecoration: 'underline', textUnderlineOffset: 3 }}>+44 (0)333 772 3616</a></span>
                <span>e-mail: <a href="mailto:enquiries@acqius.com" style={{ color: '#efa14e', textDecoration: 'underline', textUnderlineOffset: 3 }}>enquiries@acqius.com</a></span>
              </div>
            </div>
          </Reveal>
          <Reveal delay={1}>
            <form className="form" style={{ margin: 0 }} onSubmit={(e) => { e.preventDefault(); setSent(true); }}>
              <div className="field">
                <label>Email Required</label>
                <input required type="email" placeholder="Email" />
              </div>
              <div className="field">
                <label>Message Required</label>
                <textarea required rows={6} placeholder="Message"></textarea>
              </div>
              <div className="form-actions">
                <p className="note">This site is protected by reCAPTCHA and the Google <a href="#" style={{ textDecoration: 'underline' }}>Privacy Policy</a> and <a href="#" style={{ textDecoration: 'underline' }}>Terms of Service</a> apply.</p>
                <button type="submit">{sent ? 'Submitted ✓' : 'Submit'}</button>
              </div>
              {sent && <p className="form-success">Thank you — we'll be in touch shortly. You can also email <a href="mailto:enquiries@acqius.com" style={{ textDecoration: 'underline' }}>enquiries@acqius.com</a>.</p>}
            </form>
          </Reveal>
        </div>
      </div>
    </section>
  );
}

function SiteFooter() {
  return (
    <footer className="footer-dark">
      <div className="container">
        <div className="cols">
          <div>
            <a href="index.html" className="logo" aria-label="Acqius® — Corporate Finance" style={{ display: 'inline-flex' }}>
              <Logo />
            </a>
            <img
              className="award-badge"
              src="assets/award-ma-today-2026.png?v=101"
              alt="M&A Today Global Awards 2026 Winner — Acqius, Cross-Border Deal of the Year 2026"
              width="596"
              height="595"
              loading="lazy"
            />
          </div>
          <div>
            <h3>Sitemap</h3>
            <ul>
              <li><a href="index.html">Home</a></li>
              <li><a href="insights.html">News</a></li>
              <li><a href="#">Careers</a></li>
              <li><a href="about.html">About Us</a></li>
              <li><a href="contact.html">Contact</a></li>
            </ul>
          </div>
          <div>
            <h3>Policies</h3>
            <ul>
              <li><a href="#">Anti-Bribery Policy</a></li>
              <li><a href="#">Privacy Policy</a></li>
              <li><a href="#">Modern Slavery Policy</a></li>
              <li><a href="#">Terms and Conditions</a></li>
            </ul>
          </div>
          <div>
            <h3>Contact Us</h3>
            <ul>
              <li><a href="tel:+443337723616">+44 (0)333 772 3616</a></li>
              <li><a href="mailto:enquiries@acqius.com">enquiries@acqius.com</a></li>
            </ul>
            <a href={LINKEDIN} className="in-badge" target="_blank" rel="noopener noreferrer" aria-label="Acqius on LinkedIn" style={{ marginTop: 22, display: 'inline-grid' }}><LinkedInIcon size={19} /></a>
          </div>
        </div>
        <div className="disclaimer">
          <p>Acqius® Ltd is a corporate finance advisory firm. Please note that we are not registered with the Financial Conduct Authority (FCA) in the UK. Our services are provided on a consultancy basis and do not include regulated activities. As such, any investment or financial decisions made based on the information provided on this website are made at your own risk. We recommend that you seek independent financial advice before making any investment decisions.</p>
          <p>© Acqius® Ltd {new Date().getFullYear()}. All rights reserved.</p>
        </div>
      </div>
    </footer>
  );
}

Object.assign(window, { GetInTouchHome, SiteFooter });