function CTA() {
  return (
    <section className="cta" id="cta">
      <div className="cta-glow" />
      <div className="container cta-inner">
        <span className="kicker" style={{justifyContent: 'center'}}><span className="dot"></span>READY WHEN YOU ARE</span>
        <h2>Take back your <span className="serif">margins.</span><br/>Take back your <span className="serif">time.</span></h2>
        <p>Join the Toro network and see what your supply chain looks like when cost, speed, and control are finally working in your favor. Most brands are live in under 6 weeks.</p>
        <div className="cta-row">
          <a href="contact-us.html" className="btn btn-accent btn-lg">
            Talk to an expert
            <svg className="arr" width="12" height="12" viewBox="0 0 10 10" fill="none"><path d="M2 5h6m0 0L5.5 2.5M8 5 5.5 7.5" stroke="currentColor" strokeWidth="1.6" strokeLinecap="round"/></svg>
          </a>
          <a href="contact-us.html" className="btn btn-lg">Book a platform demo</a>
        </div>
      </div>
    </section>
  );
}

function Footer() {
  return (
    <footer className="footer">
      <div className="container">
        <div className="footer-grid">
          <div className="footer-brand">
            <a href="index.html" className="logo">
              <img src={window.__resources?.toroLogo || "assets/toro-logo.png"} alt="Toro" className="logo-img" />
            </a>
            <p>Redefining supply chain. Delivering reliability. The AI-native operating system for modern e-commerce and DTC brands.</p>
            <div className="footer-locs">
              <span><b>HQ</b> · New York, USA</span>
              <span><b>EU HQ</b> · Dublin, Ireland</span>
              <span><b>APAC HQ</b> · Shanghai, China</span>
            </div>
          </div>
          <div className="footer-col">
            <h6>Services</h6>
            <ul>
              <li><a href="manufacturing-v2.html">Manufacturing</a></li>
              <li><a href="logistics-v2.html">Logistics</a></li>
              <li><a href="consultancy-v2.html">Consultancy</a></li>
              <li><a href="ai-and-technology-v2.html">AI & Technology</a></li>
            </ul>
          </div>
          <div className="footer-col">
            <h6>Company</h6>
            <ul>
              <li><a href="global-locations.html">Global Locations</a></li>
              <li><a href="meet-the-team.html">Who We Are</a></li>
              <li><a href="contact-us.html">Contact Us</a></li>
            </ul>
          </div>
          {/* <div className="footer-col">
            <h6>Platform</h6>
            <ul>
              <li><a href="#">toro.control</a></li>
              <li><a href="#">Forecast API</a></li>
              <li><a href="#">Status</a></li>
              <li><a href="#">Changelog</a></li>
            </ul>
          </div> */}
          <div className="footer-col">
            <h6>Connect</h6>
            <ul>
              <li><a href="mailto:business@toroscs.com">business@toroscs.com</a></li>
              <li><a href="https://www.linkedin.com/company/toro-supply-chain-solutions-inc/?viewAsMember=true" target="_blank" rel="noopener noreferrer">LinkedIn</a></li>
            </ul>
          </div>
        </div>
        <div className="footer-bot">
          <span>© 2026 Toro Supply Chain Solutions · All rights reserved</span>
          <div className="footer-bot-r">
            <a href="privacy-policy.html">Privacy</a>
            <a href="cookies-policy.html">Cookies</a>
            <a href="terms-of-service.html">Terms</a>
          </div>
        </div>
      </div>
    </footer>
  );
}

window.CTA = CTA;
window.Footer = Footer;