// site/Footer.jsx
function SiteFooter() {
  return (
    <footer className="site-footer">
      <div className="container">
        <div className="top">
          <div className="brand">
            <img src="assets/logo-white.png" alt="ENGAGE" />
            <div className="tagline">We build moments that build empires<span className="period">.</span></div>

          </div>
          <div className="col">
            <h4>Services</h4>
            <ul>
              <li><a href="business-events.html">Business Events</a></li>
              <li><a href="incentive-travel.html">Incentive Travel</a></li>
              <li><a href="innovation.html">Innovation</a></li>
              <li><a href="happy-sites.html">Happy Sites</a></li>
            </ul>
          </div>
          <div className="col">
            <h4>Company</h4>
            <ul>
              <li><a href="about.html">About</a></li>
              <li><a href="contact.html">Contact</a></li>
            </ul>
          </div>
          <div className="col">
            <h4>Connect</h4>
            <ul>
              <li><a href="https://www.linkedin.com/company/engage-business-events" target="_blank" rel="noopener noreferrer">LinkedIn</a></li>
              <li><a href="https://www.instagram.com/engagebusinessevents/" target="_blank" rel="noopener noreferrer">Instagram</a></li>
              <li><a href="mailto:hello@weareengage.com">hello@weareengage.com</a></li>
            </ul>
          </div>
        </div>
        <div className="bottom">
          <span>© 2026 ENGAGE Creative Events LLC</span>
        </div>
      </div>
    </footer>
  );
}
window.SiteFooter = SiteFooter;